Szablon "Kornetto" został wyposażony w predefiniowane style dla wybranych modułów które umożliwią stworzenie treści podobnych do modułów aktywowanych na tej stronie. Strona opisu szablonu pozwoli Ci poznać wszystkie dodatkowe moduły zastosowane w szablonie i umożliwi Ci zastosowanie ich w swoim sklepie.

W razie dodatkowych pytań prosimy o kontakt droga mailową.

Ważne! - prosimy pamiętać, iż zakup szablonu nie wiąże się z zakupem treści zawartych w sklepie demonstracyjnym. Ustawienia modułów, treści oraz produkty dodane są tu jedynie jako prezentacja możliwości systemu. Zarządzanie szablonem umożliwia dodanie większej ilości treści oraz modułów. Zapraszamy do zapoznania się z możliwościami oprogramowania na stronie shoper.pl.

Dodając treści HTML do modułów prosimy zawsze wyłączyć edytor tekstu przez kliknięcie na przycisk w prawym górnym rogu edytora.

Moduł typu slajder/suwak jest podstawowym elementem systemu Shoper. Standardowo wyświetla się on jedynie w obrębie głównej części sklepu (max szerokość to 1180px). W szablonie "Kornetto" górną sekcję z modułami przygotowaliśmy tak by każdy dodany moduł typu Slajder przyjmował szerokość 100% szerokości przeglądarki.

Aby osiągnąć podobny efekt jak w szablonie demonstracyjnym proszę stworzyć moduł typu slajder. Następnie dodać wszystkie potrzebne slajdy pamiętając by wielkość banerów była odpowiednio duża (polecamy użyć szerokości 1920px). Następnie proszę umieścić moduł w górnej sekcji z modułami (zaznaczona na podglądzie).

Ważne! - zdjęcia banerów najlepiej dodawać jako tło slajdów.

Jeżeli poza statycznym banerem chcesz w sklepie dodać tekst lup przycisk podobny do tego jaki widoczny jest w sklepie demo możesz w tym celu użyć gotowego kodu HTML dostępnego na stronie rwd031.shoparena.pl/pl/i/kod-slajdu/16

Kod HTML należy wkleić w sekcji "Dodaj tekst" (przed wklejeniem kodu wyłącz edytor HTML)

Ważne! Pamiętaj jednak, że to jak ta sekcja zachowuje się na urządzeniach mobilnych w znacznej części zależy od tekstu jaki wprowadzisz w kodzie. Może się okazać, że slajd będzie wymagał dostosowania przy użyciu kodu CSS.

Moduł nr 1 to zestaw boksów graficznych z linkami do kategorii w sklepie. Jest to standardowy moduł typu HTML z tym że w treści HTML został użyty kod pomagający w odpowiednim ułożeniu elementów na stronie.

Treść HTML użytą w sklepie demonstracyjnym można pobrać tu: link do pobrania

Aby wasz moduł zadziałał jako Moduł kategorii proszę wpisać w polu HTML ID wartość: fx-grey-fx-full-kat

Ważne! Od wersji 5.8.19 oprogramowania dostępna jest nowa wersja modułu ze zmienionym kodem HTML. Jeżeli chcesz użyć nowej wersji w polu HTML ID wpisz wartość: fx-grey-fx-full-gridkat

Jeżeli chcesz stworzyć taki moduł przejdź do działu zarządzania wyglądem Twojego sklepu, otwórz zakładkę Moduły i dodaj nowy moduł typu HTML.

Wypełnij nazwę modułu a jako ID podaj wartość podaną wyżej w tym wpisie. Następnie wyłącz edytor HTML klikając na przycisk w prawym górnym rogu i wklej zawartość strony informacyjnej do której link podałem wcześniej.

Po zapisaniu modułu w treści powinny pojawić się małe obrazki informujące o tym, że w danym miejscu powinno być zdjęcia a go nie ma na serwerze. Kliknij na ten obrazek by móc wybrać z serwera poprawne zdjęcie.

Zdjęcia w tym demo mają rozmiar 280px na 216px i jeżeli możesz to takiej właśnie użyj w swoim module (dodając większe zdjęcia staraj się zachować ich proporcje).

Ważne! - dodając zdjęcia do modułów typu HTML proszę pamiętać by nie wypełniać pola określającego jego wysokość. Ustawieni wysokości wyłączy responsywność tego zdjęcia

Po dodaniu zdjęć możesz edytować nazwy kategorii i linki do nich. Po zakończeniu edycji treści zapisz moduł i ustaw go tam gdzie chcesz by się wyświetlał.

Moduł nr 2 to standardowy moduł typu HTML gdzie możemy dodać dowolną treść oraz zdjęcia. Został on wyposażony w efekt nadający mu biały kolor tła.

Aby wasz moduł zadziałał jako Moduł nr 2 proszę wpisać w polu HTML ID wartość: white-onas

Do stworzenia strony z galerią taką jak w w przykładowym sklepie musimy użyć tzw. GRID'a HTML by poszczególne sekcje odpowiednio zachowywały się w wersjach mobilnych sklepu. Dla ułatwienia, całą treść użytą w szablonie demonstracyjnym można pobrać z tej strony:

Treść HTML użytą w sklepie demonstracyjnym można pobrać tu: link do pobrania

Jeżeli chcesz stworzyć taki moduł przejdź do działu zarządzania wyglądem Twojego sklepu, otwórz zakładkę Moduły i dodaj nowy moduł typu HTML.

Wypełnij nazwę modułu a jako ID podaj wartość podaną wyżej w tym wpisie ( ID HTML = fx-grey_fx-full_gal). Następnie wyłącz edytor HTML klikając na przycisk w prawym górnym rogu i wklej zawartość strony informacyjnej do której link podałem wcześniej.

Po zapisaniu modułu w treści powinny pojawić się małe obrazki informujące o tym, że w danym miejscu powinno być zdjęcia a go nie ma na serwerze. Kliknij na ten obrazek by móc wybrać z serwera poprawne zdjęcie.

Zdjęcia w tym demo mają rozmiar duże 580px na 388px a małe 280px na 388px.  Jeżeli możesz to takiej właśnie użyj w swoim module. 

Ważne! - dodając zdjęcia do modułów typu HTML proszę pamiętać by nie wypełniać pola określającego jego wysokość. Ustawieni wysokości wyłączy responsywność tego zdjęcia