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

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ł 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 strone https://www.google.pl/maps i odszukaj swój adres. Następnie kliknij w lewym menu na ikonę "Udostępnij" i w popupie ktróty Ci syskoczy 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 nastepnie 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”

 

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