Informacje ogólne
Szablon RWD041 "Fashion Store" 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 kategorii w wersji mobilnej. W szablonie RWD041 dodaliśmy także dodatkowy, funkcjonalny moduł z licznikiem czasu. Można użyć go między innymi do wyświetlenia informacji o tym do kiedy trzeba zrobić zakup by wysyłka odbyła się w tym samym dniu.
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.
Lista dodatkowych modułów
- fx-welcome - moduł powitalny z możliwością wyłączenia
- fx-contact - moduł z danymi kontaktowymi w nagłówku
- fx-footer - moduł z danymi kontaktowymi w stopce
- fx-icons - moduł z ikonami obrazkowymi na stronie głównej
- fx-fixedBox - moduł z ikonami obrazkowymi wyświetlany jako widget
- fx-paralax01 - moduł z efektem parallax
- fx-mainCounter- moduł wyświetlający zegar odliczający czas do zadanej daty
- fx-setCounter - konfiguracja modułu odliczającego czas do zadanej daty
- fx-addbanners1 - moduł z banerami
- fx-addbanners2 - moduł z banerami
- fx-blog - moduł zmieniający wpisy blogowe
- fx-map - moduł z mapą Google
- Zmiana języków - moduł z flagami w nagłówku
Moduł Slajder 100%
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 "Home of Beauty" górną sekcję z modułami przygotowaliśmy tak by każdy dodany moduł typu Slajder obejmował 100% szerokości przeglądarki. Dodatkowo moduł ten jest podniesiony względem menu tak by wsuwać się pod nie.
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ł jako pierwszy w górnej sekcji z modułami.
Ważne! - zdjęcia banerów najlepiej dodawać jako tło slajdów.
Moduł fx-welcome
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ł fx-contact
Moduł informacyjny z danymi kontaktowymi w nagłówku posiada predefiniowaną ikonę telefonu oraz maila. Jeżeli nie chcesz by moduł wyświetlał ikonę to opcję obramowanie ustaw na „nie”.
Treść HTML modułu znajdziesz pod tym linkiem: zobacz kod
Wklejając kod HTML do modułu pamiętaj by wyłączyć edytor HTML (kliknij na przycisk w prawym górnym rogu).
Aby użyć tego modułu proszę wpisać w polu HTML ID wartość: fx-contact
Wprowadź treść w polu „Treść HTML:”
Moduł fx-footer
Moduł ten wyświetla sekcję kontaktową w stopce sklepu.
Treść HTML modułu znajdziesz pod tym linkiem: zobacz kod
Wklejając kod HTML do modułu pamiętaj by wyłączyć edytor HTML (kliknij na przycisk w prawym górnym rogu).
Aby użyć tego modułu proszę wpisać w polu HTML ID wartość: fx-footer
Opcję obramowanie ustaw na „nie”
Moduł fx-icons
Moduł wyświetlający ikony.
Treść HTML modułu znajdziesz pod tym linkiem: zobacz kod
Wklejając kod HTML do modułu pamiętaj by wyłączyć edytor HTML (kliknij na przycisk w prawym górnym rogu).
Aby użyć tego modułu proszę wpisać w polu HTML ID wartość: fx-icons
Opcję obramowanie ustaw na „nie”
Moduł fx-fixedBox
Moduł wyświetlający ikony jako widget 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 (kliknij na przycisk w prawym górnym rogu).
Aby użyć tego modułu proszę wpisać w polu HTML ID wartość: fx-fixedBox
Opcję obramowanie ustaw na „tak”
Moduł fx-paralax01
Moduł z efektem parallax i banerem
Wstaw do modułu obrazek który ma zostać ustawiony jako tło. Treść tekstu na obrazku wpisz jako nagłówek modułu.
Aby użyć tego modułu proszę wpisać w polu HTML ID wartość: fx-paralax01
Opcję obramowanie ustaw na „tak”
W polu „Tytuł:” wstaw tekst wyświetlany na banerze
W polu „Treść HTML:” wstaw baner który chcesz wyświetlić w tle strony.
Moduł fx-mainCounter
Moduł ten służy do zarządzania umiejscowieniem licznika na stronie oraz odpowiada za pierwszą linię tekstu w liczniku.
Jeżeli chcesz by moduł wyświetlił się w nagłówku sklepu umieść go w górnej sekcji z modułami.
Ustawienia modułu ze sklepu demo:
Aby użyć tego modułu proszę wpisać w polu HTML ID wartość: fx-mainCounter
Opcję obramowanie ustaw na „nie”
Moduł fx-setCounter
Moduł ten służy do ustawiania zegara w module odliczającym czas. Dodatkowo można w nim ustawić daty wolne od pracy ( w te dni zegar się nie wyświetli), tekst wyświetlany pod zegarem, tekst wyświetlany w dni wolne oraz tekst wyświetlany po zakończeniu odliczania czasu.
Pamiętaj by każda z dostępnych opcji jaką ustalasz była podana w osobnej linii.
W pierwszej linii podaj godzinę do której licznik ma się odliczać, w drugiej linii (opcjonalnie)podaj daty dni wolnych a w trzeciej (opcjonalnie) podaj tekst pod licznikiem w czwartej lini daj tekst wyświetlany w dni wolne a w piątej tekst wyświetlany po zakończeniu odliczania.
Daty dni wolnych umieść w nawiasie kwadratowym a każdą następna datę oddziel przecinkiem. Np. [01.04,01.05,30.11] Nie dodawaj spacji między datami.
Przykładowe ustawienia ze sklepu demo:
Uwaga! Dla ułatwienia konfiguracji możesz skorzystać z szablonu ustawień. Skopiuj kod HTML dostępny na stronie http://rwd041.shoparena.pl/pl/i/Ustawienia-zegara/18 i edytuj wartości zgodnie z potrzebami
Aby użyć tego modułu proszę wpisać w polu HTML ID wartość: fx-setCounter
Opcję obramowanie ustaw na „nie”
Moduł fx-addbanners1
Moduł na całą szerokość ekranu wyświetlający dwa banery.
Stwórz moduł i wstaw do niego dwa zdjęcia. Po dodaniu pierwszego zdjęcia wciśnij enter tak by drugie zdjęcie dodawać w nowej linii. Pamiętaj by zdjęcia nie posiadały określonych "na sztywno" rozmiarów gdyż może to stanowić problem na urządzeniach mobilnych
Aby użyć tego modułu proszę wpisać w polu HTML ID wartość: fx-addbanners1
Opcję obramowanie ustaw na „nie”
Moduł fx-addbanners2
Moduł na całą szerokość ekranu wyświetlający dwa banery.
Stwórz moduł i wstaw do niego dwa zdjęcia. Po dodaniu pierwszego zdjęcia wciśnij enter tak by drugie zdjęcie dodawać w nowej linii. Pamiętaj by zdjęcia nie posiadały określonych "na sztywno" rozmiarów gdyż może to stanowić problem na urządzeniach mobilnych
Aby użyć tego modułu proszę wpisać w polu HTML ID wartość: fx-addbanners2
Opcję obramowanie ustaw na „nie”
Moduł fx-blog
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ł fx-map
Moduł do wyświetlania mapy.
Chcąc dodać mapę przejdź na stronę https://www.google.pl/maps i odszukaj swój adres. Następnie kliknij w lewym menu na ikonę "Udostępnij" i w popupie który Ci wyskoczy przełącz się na zakładkę "Umieszczenie mapy. Tam znajduje się kod IFRAME z mapą Twojego adresu. Kliknij na link "Kopiuj HTML" i przejdź do zarządzania modułem mapy w sklepie.
W polu Treść HTML modułu wyłącz edytor tekstu klikając na przycisk w prawym górnym rogu modułu i następnie wklej kod IFRAME który skopiowałeś z Google. Zapisz zmiany.
Aby użyć tego modułu proszę wpisać w polu HTML ID wartość: fx-map
Opcję obramowanie ustaw na „nie”
Moduł zmiany języków
Moduł do wyświetlania flag zmiany języków w nagłówku.
Chcąc dodać moduł z flagami w nagłówku 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 flagi.
Umieść moduł na stronach na których ma się wyświetlać. Moduł zostanie przeniesiony do nagłówka automatycznie.