Podstawowe zmiany w wyglądzie eSklepu

728x90

Poniżej przedstawiamy rozwiazania dla najczęściej pojawiających się pytań związanych z modyfikacją wyglądu eSklepu w home.pl.

Kody należy wpisywać w Panelu Administracyjnym sklepu, w sekcji Konfiguracja -> Wygląd -> Aktywny styl graficzny -> Własny styl CSS. Do wyszukania pożądanego koloru zachęcamy do skorzystania z serwisu: https://htmlcolorcodes.com/

 

Zmiana podświetlenia menu w nagłówku po najechaniu myszką

.menu .innermenu .menu-list li h3 a:hover {background-color: kod koloru lub nazwa;}

Przykład wykonania:

 

Menu boczne:

  • zmiana koloru podświetlenia po najechaniu myszką:
#box_menu ul li a:hover {background-color: kod koloru lub nazwa;}

Przykład wykonania:

  • zmiana koloru zaznaczonej kategorii:
#box_menu ul li.current > a {background-color: kod koloru lub nazwa;}

Przykład wykonania:

 

 

Powiększenie obszaru z nazwą produktu (dla produktów z długimi nazwami):

.products.viewphot .product .productname {height: wysokość obiektu podawana w px lub em;}

Przykład wykonania:

 

Zmiana koloru ceny w sklepie:

.box .product .price { color: kod koloru lub nazwa;} 
.products.viewphot .product .price {color: kod koloru lub nazwa;}
#box_productfull .basket .price em, #box_productfull .basket .price-netto em { color: kod koloru lub nazwa;} 
.product-related .product .price em { color: kod koloru lub nazwa;}

Przykład wykonania:

 

Wyśrodkowanie zdjęcia nagłówka:

header {background: url(URL do zdjęcia') top center no-repeat #fff;}

Wyrównanie zdjęcia nagłówka do lewej krawędzi:

header {background: url(URL do zdjęcia') top left no-repeat #fff;}

Przykład wykonania:

 

Zmiana koloru (tła) paska w nagłówku

.login-bar {background-color: kod koloru lub nazwa;}

Przykład wykonania:

  • Czy artykuł był pomocny ?
  • Tak   Nie

Tematy powiązane

Szukaj
Generic filters
Tylko dokładne dopasowania
Szukaj w tytułach
Szukaj w treści
Wyświetl posty typu:
lub