Szablon "Future +" 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). Niestandardowe menu kurtynowe dla listy producentów w nagłówku. Niestandardowy moduł kategorii pozwalający na przeglądanie kategorii bez przeładowania strony. W szablonie Future + dodaliśmy także dodatkowy zestaw animacji CSS które można użyć na różnych elementach sklepu (np. w opisie produktu czy modułach typu HTML).

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-welcome - moduł powitalny z możliwością wyłączenia
• fx-socials - moduł z linkami do portali socialmediowych
• fx-lang - moduł przenoszący wybór języka do nagłówka
• fx-onas - moduł typu HTML z animacjami i tekstem
• fx-news - moduł zmieniający wpisy blogowe
• fx-tabs - moduł dodający zakładki dla sliderów produktowych typu Nowości czy promocje
• fx-three - moduł z graficznymi odnośnikami do kategorii oraz animacjami
• box_menu2 - moduł wyświetlający drzewo kategorii bez potrzeby przeładowywania strony
• fx-producent - menu kurtynowe z listą producentów

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 "Future +" 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 950px). 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

Pobrany kod wklej do sekcji "Dodaj tekst". Pamiętaj by przed wklejeniem kodu wyłączyć edytor HTML klikając w przycisk "wyłącz edytor".

Chcąc osiągnąć dokładnie takie efekt jak w sklepie demo ustaw animację dla sekcji "Dodaj tekst" zgodnie z podglądem

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 wasz moduł zadziałał jako moduł powitalny proszę wpisać w polu HTML ID wartość: fx-welcome

Opcję obramowanie ustaw na „nie”

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

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

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

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

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

Opcję obramowanie ustaw na „nie”

Moduł konfiguracyjny przenoszący flagi zmiany języka do nagłówka.

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

Opcję obramowanie ustaw na „nie”

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

Moduł typu HTML z niestandardowym układem zdjęć i efektem animacji.

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

To jaka animacja jest użyta możesz zmienić przez edycję nazw klas w kodzie HTML. Listę dostępnych animacji znajdziesz poniżej instrukcji.

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

Opcję obramowanie ustaw na „nie”

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

Opcję obramowanie ustaw na „nie”

Moduł ten służy do zarządzania pozycją wpisów blogowych oznaczonych do wyświetlenia na stronie głównej. Standardowo oprogramowanie nie posiada takiej możliwości.

Dodatkowo moduł zmienia sposób wyświetlania głównych zdjęć dodanych do danego wpisu.

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

Opcję obramowanie ustaw na „nie”

Dodanie tego modułu na stronę automatycznie łączy moduł „promocje”, „Nowości” i „Bestsellery” w zakładki. Kolejność zakładek zależna jest od kolejności modułów jakie wstawisz na stronę. Pamiętaj by wszystkie moduły z których chcesz zrobić zakładki ustawić w tryb wyświetlania „lista pozioma, przewijana” czyli popularny slajder.

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

Opcję obramowanie ustaw na „nie”

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

Moduł umieść w dolnej sekcji z modułami.

Opcję obramowanie ustaw na „nie”

Moduł wyświetlający drzewo kategorii bez potrzeby przeładowywania strony.

Moduł wymaga konfiguracji

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

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

Ważne! - pamiętaj by konfiguracja zawsze zawierała wszystkie linie podane w przykładzie (7 linii).

• Zachowanie modułu - pierwszy parametr
• • 1 - wszystkie kategorie zostaną rozwinięte
  • 2 - rozwinięcie nastąpi po najechaniu kursorem myszy
  • 3 - rozwinięcie nastąpi po kliknięciu w ikonę
• Znak rozwinięcia kategorii - drugi parametr
• • 1 - znak plusa
  • 2 - znak strzałki w dół
• Poziomy kategorii - trzeci parametr
• • -1 - wszystkie kategorie zostaną rozwinięte
  • inna cyfra - rozwinie tyle zagłębień w drzewie jaką cyfrę wpiszemy (np. 2)
• Ilość produktów - czwarty parametr
• • 0 - nie pokazuje ilości produktów
  • 1 - pokazuje ilość produktów
• Tekst linku do Nowości - piąty parametr
• • np. Nowość
  • Pozostawienie pustego pola wyłącza link
• Tekst linku do Promocji - szósty parametr
• • np. Promocja
  • Pozostawienie pustego pola wyłącza link
• Ukrywanie wybranych kategorii - siódmy parametr
• • [] - pusta tablica pokazuje wszystkie
  • [2,3] - wpisanie id kategorii po przecinku powoduje usunięcie kategorii o podanym nr id

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

Opcję obramowanie ustaw na „tak”

Menu kurtynowe pokazujące wszystkich producentów pogrupowanych alfabetycznie.

Aby użyć takiej formy prezentacji producentów proszę wstawić do menu w nagłówku "link wewnętrzny" w którym adres będzie miał wartość: fx-producent

Nazwę ustawiamy zależnie od jezyka.

Dodatkowo możesz stworzyć stronę informacyjną o nazwie Producenci w której na zakładce "Pozycjonowanie" ustaw adres na fx-producent

Dzięki temu po kliknięciu w link Producenci klient zostanie przeniesiony na nową stronę informacyjną. Jeżeli nie chcesz by kliknięcie w link Producenci kierowało na stronę informacyjną to wyłącz jej aktywność.

Szablon Future + najlepiej współpracuje z logotypami poziomymi. Zalecamy nie przekraczać wysokości 70px.

Szablon został wyposażony w predefiniowane klasy odpowiedzialne za animacje.

Lista dostępnych animacji

• fxfade-in-element - animacja zanikania/pojawiania
• fxleft-in-element - animacja wysuwania z lewej
• fxright-in-element - animacja wysuwania z prawej
• fxtop-in-element - animacja wysuwania z góry
• fxbottom-in-element - animacja wysuwania z dołu

Aby użyć animacji musisz do elementu typu div w kodzie HTML dodać klasę fx-animation oraz dodatkowo klasę oznaczającą jedną z powyszych animacji np fxleft-in-element

Opcję obramowanie ustaw na „nie”