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 ?

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 34 wiersza znajduje się znacznik
{#KATEGORIE_GLOWNE_LISTA#}
i pod min umieść link np.
<li><a href="strona.html">{#@Nowy link menu#}</a></li>
Edytor szablonów
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 bardzie rozbudowane.

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