CSS na podfarbenie produktov v katalógu, po prejdení myšou

Katalóg produktov je možné nastaviť tak, aby sa produkt, po ktorom prejdete myšou farebne zvýraznil.

 

V sekcii DESIGN / CSS  vložte tento kód podľa toho, ktorú šablónu využívate:

Kód pre základnú FLOX 2 šablónu:

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

Kód pre plochú FLOX 3 šablónu:

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

}

 

 

Kliknite na: refresh ikona alebo stlačte naraz CTRL+R. Zmenu si môžete pozrieť v náhľade designu.

Farbu podfarbenia môžete meniť. Stačí v kóde zmeniť v riadku background-color kód farby (napr. #F4FFED).

Odporúčame použiť svetlejšie odtiene. 

podfarbenie produktu cez CSS, webdesign, webdizajn