Kategorie

Przykłady modyfikacji szablonów

Spis treści:

Jak dodać link do menu nagłówka ?
Jak dodać link do menu ?
Jak zmienić kolor w szablonie ?
Jak zlecić zmianę w szablonie?


Aby dodać link do top menu przejdź do TREŚCI / Bloki HTML.
Wyszukaj znacznik LINKI_TOP i kliknij edytuj.
W edytorze wprowadzać w nowym wierszu kolejny znacznik np.

<li><a href="nowy-link.html">{#@Nowy link#}</a></li>

 linki top menu

Zapisz pracę i odśwież stronę sklepu za pomocą skrótu klawiatury CTRL+F5.

linki top menu w sklepie


Aby dodać link do menu przejdź do WYGLĄD / Edytor szablonów.
Wybierz szablon F12. Elementy strony głównej i podstron: górne menu kategorii 3 poziomowych
Pamiętaj aby przed zmianą w szablonie zapisać kopię zapasową.

Kopia zapasowa

Około 32 wiersza znajduje się znacznik
{#KATEGORIE_GLOWNE_LISTA#}
pod tym znacznikiem umieść poniższy kod. W tym przypadku nasz link będzie prowadził do strony strona.html i nazywał się będzie Nowy link menu.
<li{#KATEGORIA_GLOWNA_CSS_CLASS#}><a class="categories__link" href="strona.html">{#@Nowy link menu#}</a></li>

ścieżka
Zapisz pracę i odśwież stronę sklepu za pomocą skrótu klawiatury CTRL+F5.

linki top menu w sklepie
Jeżeli Twój sklep ma kilka wersji językowych zapoznaj się z artykułem wprowadzanie własnych tłumaczeń


Aby zmienić kolor w szablonie przejdź do WYGLĄD / Edytor szablonów.
Wybierz szablon A00. Definicja podstawowych stylów CSS (style.css)
Pamiętaj aby przed zmianą w szablonie zapisać kopię zapasową.
Kopia zapasowa

W tym przykładzie zmieniamy standardowy kolor #F85422 czyli pomarańczowy na czerwony #FF0000.

Zamiana koloru
Po zamianie klikamy zapisz.

Pozostało tylko zmienić kolory w wiersz numer 19
.req { color: #FF0000; }
zamienimy na
.req { color: #F85422; }
wiersz 19
oraz wiersz 1576
#footer .selly a { color: #FF0000; text-decoration: none; font-weight: bold; font-size: 11px; }
na
#footer .selly a { color: #F85422; text-decoration: none; font-weight: bold; font-size: 11px; }

wiersz 1576
Po zmianie klikamy zapisz.

Tak wygląda sklep przed zmianą.
Kolory pomarańczowy na sklepie

Po zmianie na kolor czerwony odśwież stronę sklepu za pomocą skrótu klawiatury CTRL+F5.

Kolory czerwony na sklepie



Oczywiście w/w przykład to tylko wskazówka jak można zmienić kolor, a możliwości stylów CSS oraz HTML są znacznie bardziej rozbudowane.

Każdy szablon inny od standardowego może zawierać inne style i inny kod HTML.


Pamiętaj, że zawsze możesz zlecić nam dowolną zmianę w szablonie bez ryzyka, że wprowadzone zmiany wyświetlać się będą nieprawidłowo.

Aby zlecić zmianę, dodaj nowe zgłoszenie wybierając dział zgłoszeń „Zlecenie zmian w szablonie graficznym sklepu

 

Kontakt

Selly Sp. z o.o.
ul. Księcia Witolda 21/13, 50-202 Wrocław
NIP: 8961565693
REGON: 367683150, KRS: 0000684539

Dział sprzedaży: oferta@selly.pl

tel: +48 533 033 933