Grafika Formo

Grafika Formo dostępna jest w standardzie oprogramowania sklepu internetowego SOTESHOP. Dowiedz się, jak skonfigurować grafikę i dostosować wygląd sklepu do swoich potrzeb. Dokumentacja przeznaczona jest dla Webmasterów.


Spis treści


Utworzenie nowego tematu graficznego

Możesz pracować na domyślnym temacie graficznym formo lub stworzyć nowy temat w panelu administracyjnym, bazujący na formo.

W panelu administracyjnym przejdź do GrafikaEdycja grafiki

  1. Kliknij przycisk Dodaj,
  2. Wpisz Nazwę tematu,
  3. W polu Utwórz temat na podstawie wybierz opcję formo,

    Konfiguracja tematu, na którym opiera się nowy temat, zostanie skopiowana.

  4. Kliknij przycisk Zapisz.

Więcej w dokumentacji Edycji grafiki.

Logo i konfiguracja grafiki

W panelu administracyjnym przejdź do GrafikaEdycja grafiki[nazwa_tematu]Konfiguracja grafiki.

W tej sekcji możesz zmieniać akcenty kolorystyczne i wybrane elementy graficzne, takie jak kolor przycisków, linków i innych elementów. Możesz tu również zmienić logo sklepu.

Zalecane wymiary logo:

  • Desktop: 220px x 45px (max 250px x 70px)
  • Mobile: 120px x 26px (max 140px x 48px)

Więcej w dokumentacji Edycji grafiki.

Konfiguracja układu

W panelu administracyjnym przejdź do GrafikaEdycja grafiki[nazwa_tematu]Konfiguracja układu

Możesz w tym miejscu zmienić układ niektórych elementów tematu graficznego (np. kolejność sekcji na stronie głównej).

Więcej w dokumentacji Edycji grafiki.

Belka nad nagłówkiem

Ta sekcja jest zarządzana przez moduł Boksy informacyjne.

W panelu administracyjnym przejdź do GrafikaBoksy informacyjne.
Możesz utworzyć boks o dowolnej treści, który zostanie wyświetlony w tym miejscu.

Kluczowe jest wypełnienie pola Identyfikator. Wpisz w nim:

  • top-left, jeśli chcesz aby element pojawił się z lewej strony.

  • top-center, jeśli chcesz aby element pojawił się na środku.

Przykładowa treść (należy wkleić ją w widoku HTML):

  • Dla elementu po lewej stronie:
    <a href="tel:+48500000000"><img src="/images/frontend/theme/formo/phone.png" width="13" height="13" alt="telefon" style="margin-right: 5px;">+48 500 000 000</a><a href="mailto:kontakt@example.com"><img src="/images/frontend/theme/formo/email.png" width="14" height="14" alt="telefon" style="margin-left: 13px;margin-right: 5px;">kontakt@example.com</a>
  • Dla elementu na środku:
    <img src="/images/frontend/theme/formo/shipping.png" width="16" height="13" alt="Darmowa dostawa"> Darmowa dostawa od <b>500 zł</b>

Więcej w dokumentacji Boksy informacyjne.

Linki w nagłówku

Ta sekcja jest zarządzana przez moduł Strony www.

W panelu administracyjnym przejdź do AplikacjeStrony www
Możesz w tym miejscu dodać strony informacyjne bądź linki, które zostaną wyświetlone w tym miejscu.

Więcej w dokumentacji Strony www.

Baner

Ta sekcja jest zarządzana przez moduł Banery.

W panelu administracyjnym przejdź do AplikacjeBanery.
Możesz w tym miejscu zarządzać wyświetlaniem oraz treścią banera.

  • Zalecane wymiary zdjęcia to 1920 x 615 pikseli.

Więcej w dokumentacji Banerów.

Kategorie na stronie głównej

W panelu administracyjnym przejdź do OfertaKategorie[nazwa_kategorii].

Możesz w tym miejscu zarządzać czy dana kategoria ma wyświetlać się na stronie głównej.

Więcej w dokumentacji Kategorii.

Grupa produktów na stronie głównej

Ta sekcja jest zarządzana przez moduł Grupy produktów.

W panelu administracyjnym przejdź do AplikacjeGrupy produktówStrona główna.

Możesz w tym miejscu zarządzać przypisanymi produktami do grupy, ich ilością i tytułem grupy. Na stronie głównej jest możliwość dodania grup produktów o typach strona główna, polecane, nowości. Powyższa grupa jest to grupa o typie strona-glowna.

Więcej w dokumentacji Grupy produktów.

Teksty SEO

W panelu administracyjnym przejdź do GrafikaEdycja grafiki[nazwa_tematu]Konfiguracja tekstów

Możesz w tym miejscu zmienić teksty SEO, które polepszą pozycjonowanie.
Dla powyższego screena będą to:

  • 1.1 - SEO kolumna 1 - Nagłówek
  • 1.1 - SEO kolumna 1 - Tekst
  • 1.2 - SEO kolumna 2 - Nagłówek
  • 1.2 - SEO kolumna 2 - Tekst
  • 1.3 - SEO kolumna 3 - Nagłówek
  • 1.3 - SEO kolumna 3 - Tekst

Więcej w dokumentacji Edycji grafiki.

Grupa produktów Nowości

Ta sekcja jest zarządzana przez moduł Grupy produktów.

W panelu administracyjnym przejdź do AplikacjeGrupy produktówNowości.

Możesz w tym miejscu zarządzać przypisanymi produktami do grupy, ich ilością i tytułem grupy. Na stronie głównej jest możliwość dodania grup produktów o typach strona główna, polecane, nowości. Powyższa grupa jest to grupa o typie nowosci.

Więcej w dokumentacji Grupy produktów.

Baner nr 2

Ta sekcja jest zarządzana przez moduł Banery.

W panelu administracyjnym przejdź do AplikacjeBanery.
Możesz w tym miejscu zarządzać wyświetlaniem oraz treścią banera.

Kluczowe jest wypełnienie pola Nazwa grupy. Wpisz w nim baner2, ponieważ tylko wtedy baner zostanie wyświetlony na stronie. Jeśli pole pozostanie puste, slide wyświetli się w banerze głównym.

  • Zalecane wymiary zdjęcia to 1920 x 428 pikseli.

Więcej w dokumentacji Banerów.

Grupa produktów Polecane

Ta sekcja jest zarządzana przez moduł Grupy produktów.

W panelu administracyjnym przejdź do AplikacjeGrupy produktówPolecane.

Możesz w tym miejscu zarządzać przypisanymi produktami do grupy, ich ilością i tytułem grupy. Na stronie głównej jest możliwość dodania grup produktów o typach strona główna, polecane, nowości. Powyższa grupa jest to grupa o typie polecane.

Więcej w dokumentacji Grupy produktów.

Tekst na stronie głównej

W panelu administracyjnym przejdź do GrafikaTekstyStrona główna

Możesz w tym miejscu dodać tekst SEO, który polepszy pozycjonowanie, o firmie lub inny z ważnymi informacjami.

Więcej w dokumentacji Teksty.

Blog

Ta sekcja jest zarządzana przez moduł Blog.

W panelu administracyjnym przejdź do AplikacjeBlog.
Możesz w tym miejscu dodać wpisy bloga oraz skonfigurować działanie i wyświetlanie sekcji.

Więcej w dokumentacji Bloga.

Tłumaczenia / Zmiana tekstów

Ta sekcja jest zarządzana przez moduł Wersje językowe.

W panelu administracyjnym przejdź do AplikacjeWersje językowe[wersja_językowa]Definicje językowe.
Możesz w tym miejscu zmienić teksty odszukując odpowiednią frazę.

Więcej w dokumentacji Wersje językowe.

Kontakt w stopce

Ta sekcja jest zarządzana przez moduł Boksy informacyjne.

W panelu administracyjnym przejdź do GrafikaBoksy informacyjne.
Możesz utworzyć boks o dowolnej treści, który zostanie wyświetlony w tym miejscu.

Kluczowe jest ustawienie pola Wyświetlaj w grupieStopka.

Więcej w dokumentacji Boksy informacyjne.

Linki w stopce

Ta sekcja jest zarządzana przez moduł Strony www.

W panelu administracyjnym przejdź do AplikacjeStrony www
Możesz w tym miejscu dodać strony informacyjne bądź linki, które zostaną wyświetlone w tym miejscu.

Więcej w dokumentacji Strony www.

Linki społecznościowe w stopce

Element ten jest zarządzany przez moduł Linki społecznościowe.

W panelu administracyjnym przejdź do AplikacjeLinki społecznościowe.
Możesz w tym miejscu zmienić linki do swoich mediów społęcznościowych.

Więcej w dokumentacji Linki społecznościowe.

Powiązane dokumentacje

Ostatnie zmiany

Sprawdź co ostatnio zmieniliśmy w SOTESHOP.

SOTE YouTube

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