Szablony Shoper od GrowCommerce
Koszyk
Zamknij
Kontynuuj zakupy ZAMAWIAM
suma: 0,00 zł
Ulubione produkty
Lista ulubionych jest pusta.

Wybierz coś dla siebie z naszej aktualnej oferty lub zaloguj się, aby przywrócić dodane produkty do listy z poprzedniej sesji.

Szukaj
Menu

Edycja szablonu w dużym edytorze - JS oraz CSS

blog GrowCommerce
Cotygodniowa dawka eksperckiej wiedzy na tematy Shoperowe jak i ogólno e-commercowe. W końcu liczy się sprzedaż!

 

Edycja kodu CSS w Shoperze

Po przejściu do widoku edycji modułów w edytorze tradycyjnym (Czyli "Wygląd i treści" -> "Wygląd sklepu" -> "Obecny" lub "Twoje szablony graficzne") możesz odnaleźć duży edytor HTML / CSS / JS.

Jest to o tyle istotne, że w starym systemie plików (dostępnym jako Własny styl CSS) nie możesz edytować szablonu. Wiąże się to z nowym systemem plików, gdzie nasz główny plik szablonu jest niejako "wypchnięty" ze sprawdzania. Stary edytor nie poradzi sobie z weryfikacją zawartości naszego pliku i przy próbie zapisu zwraca błąd "Błąd skladniowy LESS zaczynający się od linii 1". 

W takiej sytuacji musimy skorzystać z dużego edytora. 


Wybierz w prawym górnym rogu "Więcej" -> "Edytor HTML / CSS".  

 

 

Edytor HTML i CSS w sklepie internetowym Shoper | GrowCommerce

 

 

W nowo otwartym widoku edytora znajdź po lewej folder "styles" -> i praktycznie na samym dole "user.css"

 

 

User.css edycja plików skórki w Shoperze

 

Po kliknięciu znajdziesz całe bogactwo wyciągniętych zmiennych do edycji oraz miejsce na doklejenie własnego kodu CSS.

 

Komentarze do wpisu (0)

Submit
Modern 3.0 od GrowCommerce

Chcesz zbudować lepszy sklep na Shoperze? Zacznij tutaj! 👇

Wykonaj pierwszy krok w celu poznania najbardziej zaawansowanego szablonu Shoper

Czytaj więcej
Modern 3.0 od GrowCommerce
Holder do góry
Szablon Shoper Modern 3.0™ od GrowCommerce
Sklep jest w trybie podglądu
Pokaż pełną wersję strony
Sklep internetowy Shoper.pl