Jak dostosować wygląd sklepu internetowego na miarę?

Jak dostosować wygląd sklepu internetowego na miarę?

W Pobo Page Builder możesz dostosować wygląd sklepu internetowego. Pokażemy, jak stworzyć pierwszą modyfikację i zalety funkcji indywidualnych zmian w Pobo Page Builder.


1. Otwórz ustawienia designu

W górnym menu kliknij sekcję Wygląd.

Otworzą się ustawienia designu, gdzie możesz pracować na przykład z szablonami, wyglądami, kolorami i innymi wizualnymi modyfikacjami sklepu internetowego.

Jak dostosować wygląd sklepu internetowego na miarę? 1. krok: Otwórz ustawienia designu

2. Otwórz własny kod CSS

W lewym menu kliknij opcję Własny kod CSS.

Otworzy się część, gdzie możesz stworzyć lub edytować własne CSS modyfikacje wyglądu sklepu internetowego.

Jak dostosować wygląd sklepu internetowego na miarę? 2. krok: Otwórz własny kod CSS

3. Stwórz nowy styl

Kliknij przycisk Stwórz nowy styl.

Otworzy się edytor, w którym możesz założyć nową CSS modyfikację dla wyglądu sklepu internetowego.

Jak dostosować wygląd sklepu internetowego na miarę? 3. krok: Stwórz nowy styl

4. Wprowadź nazwę modyfikacji

Do pola Nazwa modyfikacji wpisz odpowiednią nazwę nowej CSS modyfikacji.

Dzięki nazwie łatwo ją później znajdziesz na liście zapisanych modyfikacji.

Jak dostosować wygląd sklepu internetowego na miarę? 4. krok: Wprowadź nazwę modyfikacji

5. Wprowadź kod CSS

Do pola Kod CSS wpisz lub wklej własną CSS modyfikację.

Za pomocą kodu możesz zmienić na przykład kolory, rozmiary, odstępy lub inne wizualne elementy sklepu internetowego.

Jak dostosować wygląd sklepu internetowego na miarę? 5. krok: Wprowadź kod CSS

6. Zapisz modyfikację CSS

Po wypełnieniu nazwy i wprowadzeniu kodu CSS kliknij przycisk Zapisz.

Tym samym stworzona modyfikacja zostanie zapisana i będzie dostępna na liście własnych stylów CSS.

Jak dostosować wygląd sklepu internetowego na miarę? 6. krok: Zapisz modyfikację CSS

7. Edytuj zapisany kod CSS

Przycisk Edytuj kod służy do otwarcia zapisanej CSS modyfikacji.

Po kliknięciu możesz wstecznie edytować nazwę lub zmienić wprowadzony kod CSS.

Jak dostosować wygląd sklepu internetowego na miarę? 7. krok: Edytuj zapisany kod CSS

8. Historia

Przycisk Historia wyświetli wcześniejsze wersje zapisanej CSS modyfikacji.

Dzięki temu możesz zobaczyć, jak kod się zmieniał, i ewentualnie wrócić do starszej wersji.

Jak dostosować wygląd sklepu internetowego na miarę? 8. krok: Historia modyfikacji

9. Przejrzyj listę rewizji

Po otwarciu historii po lewej stronie wyświetli się lista rewizji danej CSS modyfikacji.

Klikając na konkretną rewizję, możesz zobaczyć jej zawartość i porównać ją z aktualną wersją.

Jak dostosować wygląd sklepu internetowego na miarę? 9. krok: Przejrzyj listę rewizji

10. Porównaj zmiany w wersjach

W sekcji Porównanie wersji zobaczysz różnice między wybraną rewizją a aktualną wersją CSS modyfikacji.

Kolorowe wyróżnienie pomoże ci szybko rozpoznać, co zostało w kodzie zmienione, dodane lub usunięte.

Jak dostosować wygląd sklepu internetowego na miarę? 10. krok: Porównaj zmiany w wersjach

11. Przywróć wersję

Przycisk Przywróć tę wersję służy do powrotu do wybranej starszej rewizji CSS modyfikacji.

Użyj go w chwili, gdy chcesz przywrócić kod do poprzedniego stanu.

Jak dostosować wygląd sklepu internetowego na miarę? 11. krok: Przywróć wersję

12. Usuń kod

Przycisk Usuń kod służy do usunięcia zapisanej CSS modyfikacji.

Użyj go tylko w przypadku, gdy już danego stylu nie chcesz używać w sklepie internetowym.

Jak dostosować wygląd sklepu internetowego na miarę? 12. krok: Usuń kod

Zalety modyfikacji przez Pobo

  • Efektywny system bez potrzeby ładowania CSS
  • Szybkie ładowanie stylów (jeden żądanie do serwera)
  • Plik CSS jest umieszczony na szybkiej CDN
  • Możliwość tworzenia nieograniczonej ilości modyfikacji
  • Minifikacja CSS (niska wielkość CSS)

Wady

  • Konieczna znajomość stylów CSS

Jeśli potrzebujesz indywidualnej modyfikacji od nas, napisz do nas proszę na podpora@pobo.cz z opisem, co i jak potrzebujesz zmienić.

Stwórz modyfikację sklepu internetowego w Pobo Page Builder

Instrukcja wideo: Jak stworzyć modyfikację na miarę

Mogłoby Cię zainteresować

Jak wybrać lub dezaktywować szablon?

Jak stylować etykiety z Live Designerem?

Jak dostosować wygląd sklepu internetowego na miarę?

Potrzebujesz porady?

Nazywam się Petra i chętnie pomogę z naszym dodatkiem.

Nie wahaj się napisać do mnie na e-mail: podpora@pobo.cz

Szybka nawigacja
Pobo

Myślisz o Pobo? Pozwól, że Ci je pokażemy.

Umów krótką, 30-minutową rozmowę, podczas której pokażemy Ci, jak działa Pobo, do czego się przydaje i jak może zaoszczędzić Ci mnóstwo czasu i pieniędzy.

Umów rozmowę