Zpět na kategorii

Flat design - CSS na podbarvení produktu v katalogu po přejetí myší

Katalog produktů je možné nastavit tak, aby se produkt, po kterém přejedete myší barevně zvýraznil. 

V sekci DESIGN / CSS vložte tento kód podle toho, kterou šablonu využíváte:

Kód pro základní FLOX 2.0 šablonu

.productListGridItem:hover,
.productListListItem:hover,
.productListBasicItem:hover,
.productListColumnItem:hover,
.productListTableItem:hover {
background-color: #f4f4f4;
}

 

Kód pro plochou FLOX 3 šablonu:

.productListFGrid.columns3:hover > .productListFGridItem:hover {
background-color: #DEDFE0;

}

 

Klikněte na: CSS nebo stiskněte najednou CTRL + R. Změnu si můžete prohlédnout v náhledu designu.

Barvu podfarvení můžete měnit. Stačí v řádku background-color změnit kód barvy (např. # F4FFED).

Doporučujeme použít světlejší odstíny.

podbarvení produktu po přejetí myší, web stránky šablony, webové stránky šablony 

Chcete se ještě na něco zeptat? Napište nám:

Kontrolný kód

i
Obrázek

Přihlášení

Vyzkoušejte web nebo e-shop zdarma

Zavřít
Předvolby soukromí
Soubory cookie používáme k vylepšení vaší návštěvy tohoto webu, k analýze jeho výkonu a ke shromažďování údajů o jeho používání. Můžeme k tomu použít nástroje a služby třetích stran a shromážděná data mohou být přenášena partnerům v EU, USA nebo jiných zemích. Kliknutím na „Přijmout všechny soubory cookie“ vyjadřujete svůj souhlas s tímto zpracováním. Níže můžete najít podrobné informace nebo upravit své preference.

Zásady ochrany soukromí

Ukázat podrobnosti
Naše webová stránka ukládá data na vašem zařízení (cookies a úložiště prohlížeče), aby bylo možné identifikovat vaši relaci a dosáhnout základní funkčnosti platformy, zážitku z prohlížení a zabezpečení.
Můžeme ukládat data na vašem zařízení (soubory cookie a úložiště prohlížeče), abychom mohli poskytovat doplňkové funkce, které zlepšují váš zážitek z prohlížení, ukládat některé vaše preference bez uživatelského účtu nebo bez přihlášení, používat skripty a/nebo zdroje třetích stran, widgety atd.
Použití analytických nástrojů nám umožňuje lépe porozumět potřebám našich návštěvníků a tomu, jak naši stránku používají. Můžeme použít nástroje první nebo třetí strany ke sledování nebo zaznamenávání vašeho procházení našich webových stránek, k analýze nástrojů nebo komponent, se kterými jste interagovali nebo je používali, k zaznamenávání konverzních událostí a podobně.
Můžeme používat soubory cookie a nástroje třetích stran k vylepšení nabídky produktů a/nebo služeb naší nebo našich partnerů, její relevance pro vás na základě produktů nebo stránek, které jste navštívili na tomto webu nebo na jiných webových stránkách.
Souhlasíte s odesláním osobních dat souvisejících s reklamou společnosti Google.
Soiuhlasíte s personalizovanou reklamou.