Szablon RWD050 "Natural be" 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) i niestandardowy nagłowek z menu w wersji mobilnej.

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.

Szablon posiada ustawione predefiniowane fonty których edycja nie jest możliwa poprzez edytor wyglądu (dostępna edycja z poziomu CSS)

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-welcome - moduł powitalny z możliwością wyłączenia
• fx-sticky - moduł uruchamiający funkcję sticky menu
• Moduł Slajder 100% - slajder na 100%
• fx-categories - moduł z graficznymi odnośnikami do kategorii oraz animacjami
• fx-special - moduł typu HTML z tekstem
• fx-blog - moduł zmieniający wpisy blogowe
• fx-filter_mobile - moduł filtrownia pod mobile ze zwijaniem i rozwijaniem opcji
• fx-links_footer - moduł wyświetlający sekcję z linkami do wybranych podstron
• fx-social_footer - moduł z linkami do portali socialmediowych w stopce
• Moduł zmiany języków i umieszczenie go w nagłówku (fx-lang)
• Moduł zmiany walut i umieszczenie go w nagłówku (fx-curr)

Moduł powitalny z możliwością wyłączenia. Pozwala powitać użytkowników na stronie lub wyświetlić informacje marketingowe (np o aktualnej promocji). Moduł wyposażony jest w przycisk wyłączenia pozwalający na ukrycie go przez klientów sklepu.

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

Dodaj pusty moduł w celu uruchomienia funkcji oraz umieść go na stronach na których chcesz aby funkcja działała.

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

Opcję obramowanie ustaw na „nie”

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 "Nature be" 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. Następnie dodać wszystkie potrzebne slajdy pamiętając by wielkość banerów była odpowiednio duża (polecamy użyć szerokości 1920px na 580px). 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.

Przykładową treść HTML slidera sklepu demo znajdziesz pod tym linkiem: zobacz kod

Dodając slajdy w wersji HTML pamiętaj by ustawić wyrównanie treści do lewego górnego rogu. W szablonie RWD050 w wersji mobile usuniętę są paragrafy tak by nagłówek oraz link mieściły się na stronie.

Moduł wyświetlający sekcję z linkami do wybranych kategorii.

Przykładową konfigurację znajdziesz pod tym linkiem: zobacz kod

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

Opcję obramowanie ustaw na „tak”

Moduł typu HTML z niestandardowym układem treści

Przykładową treść HTML modułu ze sklepu demo znajdziesz pod tym linkiem: zobacz kod

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

Tytuł jaki wpiszesz, będzie wyświetlany po lewej stronie (dla widoku desktop).

Opcję obramowanie ustaw na „tak”

W polu „Treść HTML:” wstaw przykładowy kod.

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-blog

Opcję obramowanie ustaw na „tak”

Moduł ten służy do wyświetlenia filtrów pod mobile razem z przyciskiem zwijającym i rozwijającym opcje filtrowania

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

Przykładowy napis przycisku można zmienić.

Treść HTML modułu ze sklepu demo znajdziesz pod tym linkiem: zobacz kod

Opcję obramowanie ustaw na „tak”

Moduł wyświetlający sekcję z linkami do wybranych podstron.

Przykładową konfigurację znajdziesz pod tym linkiem: zobacz kod

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

Opcję obramowanie ustaw na „nie”

Moduł z linkami do profili socialmedia wyświetlający się z prawej strony stopki.

Wklejając kod HTML do modułu pamiętaj by wyłączyć edytor HTML.

Przykładową konfigurację znajdziesz pod tym linkiem: zobacz kod

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

Opcję obramowanie ustaw na „nie”

Moduł do wyświetlania listy zmiany języków.

Chcąc dodać moduł z listami jezyków przejdź na zakładkę zarządzania modułami. Następnie wybierz moduł "Lista języków" i go edytuj zmieniając formę wyświetlania modułu na "pole wyboru".

Umieść moduł na stronach na których ma się wyświetlać.

Moduł zostanie przeniesiony do nagłówka jeśli do strony zawierającej moduł listy języków dodamy jeszcze moduł "fx-lang". Wtedy moduł zostanie przeniesiony do nagłówka automatycznie.

Moduł do wyświetlania listy zmiany walut.

Chcąc dodać moduł z listami jezyków przejdź na zakładkę zarządzania modułami. Następnie wybierz moduł "Waluty" i go edytuj zmieniając formę wyświetlania modułu na "pole wyboru".

Umieść moduł na stronach na których ma się wyświetlać.

Moduł zostanie przeniesiony do nagłówka jeśli do strony zawierającej moduł listy języków dodamy jeszcze moduł "fx-curr". Wtedy moduł zostanie przeniesiony do nagłówka automatycznie.

Szablon Natural Be najlepiej współpracuje z logotypami poziomymi. Zalecamy nie przekraczać wysokości 100px.