Kup w przeciągu:

Opis szablonu

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.

 

do góry
Sklep jest w trybie podglądu
Pokaż pełną wersję strony
Sklep internetowy Shoper.pl