Dowiedz się jak edytować istniejące w szablonie style CSS oraz tworzyć klasy dla nowo dodanych elementów.
Spis treści:
Jak przypisać klasę CSS do elementu w szablonie Storefront?
Zaloguj się do Panelu administracyjnego sklepu.
Przejdź do zakładki Wygląd i treści (A) > Wygląd sklepu (B) > Obecny szablon graficzny (C) > Szczegóły szablonu (D) i uruchom edytor, klikając: EDYTUJ UKŁAD I STYL SZABLONU (E).
Włącz nowy wygląd edytora szablonu Shoper Visual Editor
Przejdź do edycji wybranego elementu szablonu (sekcji, wiersza, kolumny, modułu) i w sekcji: CSS znajdziesz pole, w którym możesz wpisać nazwę klasy. Kliknij: ZAPISZ w ustawieniach elementu, aby zachować zmiany.
Nazwę klasy wpisz bez kropki na początku. Możesz dodać kilka klas jednocześnie, oddzielając je spacjami.
Jak edytować style CSS danego elementu szablonu?
Zaloguj się do Panelu administracyjnego sklepu.
Przejdź do zakładki Wygląd i treści (A) > Wygląd sklepu (B) > Obecny szablon graficzny (C) > Własny styl CSS (D), wprowadź regułę CSS (E), odnoszącą się do danego elementu i kliknij: ZAPISZ (F).
Warto zapamiętać!
W powyższym artykule zostało wyjaśnione:
- W jaki sposób nadać klasę CSS danemu elementowi w szablonie Storefront?
- Gdzie można wprowadzić parametry reguły CSS dla elementów szablonu?