Edycja grafiki - dostosuj grafikę do swoich potrzeb.

W SOTESHOP możesz w prosty sposób dostosować grafikę do swoich potrzeb. Na początek wybierasz jegen z wielu gotowych projektów i zmieniasz jego parametry: układ strony, kolory, teksty, zdjęcia i wiele innych elementów. Wszystkie projekty graficzne są dostosowane zarówno do urządzeń mobilnych, jak i urządzeń typu desktop.

Sprawdź grafikę SOTESHOP w standardzie: https://www.sote.pl/grafika-soteshop
Jeśli potrzebujesz indywidualnego projektu graficznego, sprawdź ofertę: https://www.sote.pl/projekty-indywidualne

Spis treści

SOTESHOP. Edycja grafiki - zobacz jak zmienić temat graficzny oraz jego kolory i układ.


W Panelu administracyjnym przejdź do AplikacjeEdycja grafiki ikona modułu Edycja grafiki

Lista tematów graficznych

Edycja tematu graficznego

Edytuj temat graficzny

Edycja

Wybierz Edycja tematu

Okno edycji podstawowej tematu graficznego
  1. Zaznacz Domyślny,

    Temat będzie wyświetlany na urządzeniach desktopowych.

  2. Zaznacz Domyślny temat dla urządzeń mobilnych,

    Temat będzie wyświetlany tylko na urządzeniach mobilnych (smartfon lub tablet).

  3. Naciśnij przycisk Zapisz.

Pobieranie tematu graficznego

  1. Naciśnij przycisk Pobierz temat,
  2. Zapisz plik na dysku lokalnym.

Konfiguracja grafiki

Wybierz Konfiguracja grafiki

Okno konfiguracji tematu graficznego
  1. Skonfiguruj:
    • Wygląd loga i nagłówka,
    • Wygląd ogólny,
    • Wygląd górnego paska nawigacyjnego,
    • Wygląd górnego paska nawigacyjnego - urządzenia mobilne i małe ekrany,
    • Wygląd stopki,
    • Wygląd menu rozwijanego,
    • Wygląd banera,
    • Wygląd drzewa kategorii,
    • Wygląd boksów produktów,
    • Wygląd karty produktu,
    • Wygląd przycisku domyślnego,
    • Wygląd przycisku wyróżnionego,
    • Wygląd przycisku koszyka,
    • Ikony social media - nagłówek,
    • Wygląd menu rozwijanego dla opcji produktu,
    • Ikony social media - stopka,
  2. Naciśnij przycisk Zapisz i zastosuj.

    Zmiany będą zastosowane i widoczne w sklepie.

  3. (lub) Naciśnij przycisk Zapisz.

    Zmiany nie będą zastosowane i widoczne w sklepie. Można je sprawdzić w podglądzie grafiki.

Konfiguracja układu

Wybierz Konfiguracja układu

W przypadku tematów: Bianco, Elegante, Marrone, Moda, Lazuli, Ristorante i Futura:

Okno konfiguracji układu tematu graficznego
  1. Wybierz Strona główna - Desktop. Ilość produktów w rzędzie,
  2. Wybierz Strona główna - Desktop. Ilość kategorii w rzędzie,
  3. Wybierz Strona główna - Desktop. Wyrównanie tekstu produktów,
  4. Wybierz Strona główna - Desktop. Wyrównanie tekstu kategorii,
  5. Wybierz Strona główna - Odstęp zdjęcia kategorii od krawędzi boksa,
  6. Wybierz Strona główna - Mobile. Ilość produktów w rzędzie,
  7. Wybierz Strona główna - Mobile. Ilość kategorii w rzędzie,
  8. Wybierz Kategorie - Układ,
  9. Wybierz Kategorie - Desktop. Ilość produktów w rzędzie,
  10. Wybierz Kategorie - Desktop. Wyrównanie tekstu,
  11. Wybierz Kategorie - Mobile. Ilość produktów w rzędzie,
  12. Wybierz Listy produktów - Odstęp zdjęcia produktu od krawędzi boksa,
  13. Wybierz Karta produktu - Układ,
  14. Wybierz Karta produktu - W prawej kolumnie pokaż,
  15. Wybierz Karta produktu - Obramowanie zdjęć galerii,
  16. Wybierz Karta produktu - Desktop. Ilość zdjęć galerii w rzędzie,
  17. Wybierz Stopka - Desktop. Prezentacja linków,
  18. Wybierz Blog - Ramka wpisu,
  19. Wybierz Blog - Odstęp zdjęcia od krawędzi boksa,
  20. Naciśnij przycisk Zapisz.

W przypadku tematów: Argento8, Giallo8 i Cutlery8:

Okno konfiguracji układu tematu graficznego dla nowych tematów wersji 8
  1. Wybierz Rodzaj fontu,
  2. Wybierz Menu poziome,
  3. Wybierz Strona główna - Układ,
  4. Wybierz Strona główna. Element 1,
  5. Wybierz Strona główna. Element 2,
  6. Wybierz Strona główna. Element 3,
  7. Wybierz Strona główna. Element 4,
  8. Wybierz Strona główna. Element 5,
  9. Wybierz Strona główna. Element 6,
  10. Wybierz Strona główna. Element 7,
  11. Wybierz Strona główna - Desktop. Ilość produktów w rzędzie,
  12. Wybierz Strona główna - Desktop. Ilość kategorii w rzędzie,
  13. Wybierz Strona główna - Desktop. Wyrównanie tekstu produktów,
  14. Wybierz Strona główna - Desktop. Wyrównanie tekstu kategorii,
  15. Wybierz Strona główna - Odstęp zdjęcia kategorii od krawędzi boksa,
  16. Wybierz Strona główna - Mobile. Ilość produktów w rzędzie,
  17. Wybierz Strona główna - Mobile. Ilość kategorii w rzędzie,
  18. Wybierz Kategorie - Układ,
  19. Wybierz Kategorie - Desktop. Ilość produktów w rzędzie,
  20. Wybierz Kategorie - Desktop. Wyrównanie tekstu,
  21. Wybierz Kategorie - Mobile. Ilość produktów w rzędzie,
  22. Wybierz Listy produktów - Odstęp zdjęcia produktu od krawędzi boksa,
  23. Wybierz Karta produktu - Układ,
  24. Wybierz Karta produktu - W prawej kolumnie pokaż,
  25. Wybierz Karta produktu - Obramowanie zdjęć galerii,
  26. Wybierz Karta produktu - Desktop. Ilość zdjęć galerii w rzędzie,
  27. Wybierz Stopka - Desktop. Prezentacja linków,
  28. Wybierz Blog - Ramka wpisu,
  29. Wybierz Blog - Odstęp zdjęcia od krawędzi boksa,
  30. Naciśnij przycisk Zapisz.

Dla innych tematów:

Okno konfiguracji układu tematu graficznego
  1. Skonfiguruj układ dla:
    • Lista produktów,
    • Karta produktu,
    • Strona www,
  2. Naciśnij przycisk Zapisz.

Konfiguracja tekstów

Wybierz Konfiguracja tekstów

  1. Wybierz jeden z tekstów Lista tekstów do edycji w temacie graficznym
  2. Wpisz Zawartość Okno edycji tekstu tematu graficznego
  3. Naciśnij przycisk Zapisz
Przykładowy tekst na stronie głównej

Podgląd grafiki

  1. Naciśnij przycisk Podgląd,
  2. Zaloguj się, Logowanie się do podglądu tematu graficznego
  3. Sprawdź wygląd tematu graficznego. Strona główna na podglądzie tematu graficznego

Dodanie nowego tematu graficznego

  1. Znajdując się na liście tematów graficznych, naciśnij przycisk Dodaj, Ddoawanie własnego tematu graficznego
  2. Zaznacz Domyślny,
  3. Wpisz Nazwę tematu,
  4. Wybierz temat bazowy w Utwórz temat na podstawie,
  5. Naciśnij przycisk Zapisz, Nowy temat graficzny po zapisaniu
  6. Edytuj nowy temat graficzny.

Powiązane dokumentacje

SOTE YouTube

Bądź na bieżąco z nowościami programu SOTESHOP. Subskrybuj kanał SOTE na YouTube.

Polecane artykuły na blogu