Podstawowe zmiany w wyglądzie eSklepu

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:

eSklep - Przykład wyglądu po zmianie podświetlenia menu w nagłówku po najechaniu myszką - Zmień styl CSS

 

Menu boczne:

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

Przykład wykonania:

eSklep - Przykład zmiany koloru podświetlenia w menu bocznym - Zmień styl CSS

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

Przykład wykonania:

eSklep - Przykład zmiany koloru zaznaczonej kategorii - Zmień styl CSS

 

 

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:

eSklep - Przykład powiększenia obszaru z nazwą produktu (dla produktów z długimi nazwami) - Zmień styl CSS

 

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:

eSklep - Przykład zmiany koloru ceny w sklepie - Zmień styl CSS

 

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:

eSklep - Przykład wyrównania zdjęcia nagłówka do lewej krawędzi - Zmień styl CSS

 

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

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

Przykład wykonania:

eSklep - Przykład zmiany koloru tła paska w nagłówku - Zmień styl CSS

  • Czy artykuł był pomocny ?
  • Tak   Nie

Załóż własny sklep internetowy

Nieważne co i jak chcesz sprzedawać. eSklep od home.pl to idealne narzędzie do prowadzenia sprzedaży w Internecie.