Szablon RWD036 "Sunlight" został wyposażony w liczne 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ą.

Cechy charakterystyczne szablonu to między innymi, nowoczesny, mieszany układ gridowy (część elementów na 100% a część na predefiniowany 1180px szerokości ekranu).

Moduł typu slider z logotypami marek jest zbudowany na bazie zewnętrznego pluginu Slick Slider udostępnianego na licencji MIT. Szczegółowe informacje znajdują się na stronie autora pluginu https://github.com/kenwheeler/slick/.

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.

• fx-animation01 - animacje produktów
• fx-animation02 - animacja tła modułu newsletter "śnieg"
• fx-animation03 - animacja tła modułu newsletter "gradient"
• fx-top-contact - kontakt w nagłówku
• fx-producers - moduł z funkcją rotacji logotypów
• fx-minibanners - moduł z banerami na stronie głównej
• fx-news - moduł z nagłówkiem wpisów blogowych na stronie głównej

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 "Sunlight" górną sekcję z modułami przygotowaliśmy tak by każdy dodany moduł typu Slajder obejmował 100% szerokości przeglądarki.

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

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

Moduły służące do wyboru języka lub waluty w sklepie to standardowe moduły oprogramowania sklepu. W szablonie RWD036 dodaliśmy możliwość automatycznego przeniesienia tych modułów do nagłówka sklepu.

Aby moduły zostały przeniesione do nagłówka należy umieścić je w górnej sekcji z modułami. Zalecamy używania modułu zmian języków ustawiony jako lista flag.

Opcję obramowanie ustaw na „nie”

Animacja "trzęsienia" zdjęć. Jej uruchomienie jest opcjonalne

Aby animacja została uruchomiona należy stworzyć pusty moduł a w polu HTML ID należy wpisać: fx-animation01

Tak stworzony moduł ustawiamy w dowolnym miejscu na stronie.

Opcję obramowanie ustaw na „nie”

Animacja "padającego śniegu" wyświetlana w tle modułu newsletter

Aby animacja została uruchomiona należy stworzyć pusty moduł a w polu HTML ID należy wpisać: fx-animation02

Tak stworzony moduł ustawiamy w dowolnym miejscu na stronie. Animacje tła można ze sobą łączyć.

Opcję obramowanie ustaw na „nie”

Animacja zmiany koloru tła modułu newsletter.

Aby animacja została uruchomiona należy stworzyć pusty moduł a w polu HTML ID należy wpisać: fx-animation03

Tak stworzony moduł ustawiamy w dowolnym miejscu na stronie. Animacje tła można ze sobą łączyć.

Opcję obramowanie ustaw na „nie”

Moduł informacyjny z danymi kontaktowymi w nagłówku posiada predefiniowaną ikonę telefonu

Aby moduł kontaktowy został uruchomiony należy stworzyć moduł a w polu HTML ID należy wpisać: fx-top-contact

Opcję obramowanie ustaw na „tak” i wpisujemy tekst wyświetlany przed ikoną np "SKONTAKTUJ SIĘ Z NAMI!"

Wprowadź treść w polu „Treść HTML:” - w tym polu wpisz nr telefonu i email np "(+48) 000 000 000 LUB NAPISZ KONTAKT@EXAMPLE.COM"

Moduł rotatora zdjęć (np logotypów producentów)

Aby go uruchomić należy stworzyć moduł a w polu HTML ID należy wpisać: fx-producers

Opcję obramowanie ustaw na „nie”

Wprowadź treść w polu „Treść HTML:”

Każdy z logotypów dodawaj zaraz po wcześniejszym (nie wciskaj przycisku enter), do logotypów możesz dodać linki.

Moduł z banerami z predefiniowanym układem. Każdy z banerów proszę dodawać jako osoby paragraf (czyli po dodaniu banera wciśnij enter by kolejny dodawać w nowej linii) lub użyj przykładowego kodu dostępnego poniżej.

Aby moduł kontaktowy został uruchomiony należy stworzyć moduł a w polu HTML ID należy wpisać: fx-minibanners

Treść przykładową HTML modułu znajdziesz pod tym linkiem: zobacz kod

Opcję obramowanie ustaw na „nie”

Moduł ten służy do wyświetlenia nagłówka nad sekcją z wpisami blogowymi oznaczonymi do wyświetlenia na stronie głównej. Standardowo oprogramowanie nie posiada tego elementu.

Aby użyć tego modułu proszę wpisać w polu HTML ID wartość: fx-news

Treść HTML zostaje pusta

Opcję obramowanie ustaw na „tak”