Informacje ogólne
Szablon "Travi" został wyposażony w 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ą.
Ważne! - Ze względu na przebudowany nagłówek w szablonie RWD038 została zablokowana możliwość zmiany rodzaju fonta poprzez standardowy edytor szablonów dostępny w panelu administracji sklepu. Edycja fontów możliwa jest tylko poprzez kod CSS.
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.
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 "Travi" 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ł nr 1
Moduł nr 1 to standardowy moduł typu HTML gdzie możemy dodać dowolną treść oraz zdjęcia. W sklepie demo jest to moduł przeznaczony na krótki opis działalności do wykorzystania np pod SEO.
Moduł ten posiada ograniczoną do max 900px szerokość wyświetlania by zwiększyc czytelność tekstu.
Aby wasz moduł zadziałał jako Moduł nr 1 proszę wpisać w polu HTML ID wartość: rwd038-fx-module-1
Moduł nr 2 - dwa banery obok siebie.
Moduł nr 2 to standardowy moduł typu HTML gdzie możemy dodać dowolną treść oraz zdjęcia. Został on wyposażony w efekt delikatnego rozmycia każdego zdjęcia jakie zostało w nim umieszczone.
Aby wasz moduł zadziałał jako Moduł nr 2 proszę wpisać w polu HTML ID wartość: rwd038-fx-module-2
Treść modułu demo można skopiować > z tego miejsca <
Pamiętajcie by wymienić adres tymczasowych obrazków banerów na poprawny dla Waszych plików.
Ważne! - dodając zdjęcia do modułów typu HTML proszę pamiętać by nie wypełniać pola określającego jego wysokość. Ustawieni wysokości wyłączy responsywność tego zdjęcia. Sugerowana wielkość zdjęć banerów to 960px na 640px.
Moduł nr 3 - z ikonami
Do stworzenia Modułu musimy użyć tzw. GRID'a HTML by poszczególne sekcje odpowiednio zachowywały się w wersjach mobilnych sklepu. Dla ułatwienia, całą treść użytą w szablonie demonstracyjnym można pobrać z tej strony:
Aby wasz moduł zadziałał jako Moduł nr 3 proszę wpisać w polu HTML ID wartość: rwd038-fx-module-3
Aby dodać treść modułu wyłącz edytor HTML (przycisk w prawym górnym rogu edytora) i wklej treść HTML z przykładu. Teraz ponownie kliknij na przycisk tak by włączyć edytor. Teraz możesz wymienić treść tekstową na odpowiednią.
Ważne! - wykonując jakiekolwiek zmiany uważaj by nie usunąć zapisów HTML z nazwami klas poszczególnych elementów.
Logo
Szablon RWD038 najlepiej współpracuje z logotypami poziomymi. Sugerujemy użycie rozmiaru ok 300x75 pikseli
Szablon posiada ograniczenie wysokości logotypu do max 77px (ograniczenie nie dotyczy kroków koszyka)
Moduł fx-lang
Moduł przenoszący flagi zmiany języków do nagłówka.
Aby użyć tego modułu proszę wpisać w polu HTML ID wartość: fx-lang
Nie wprowadzaj treści w polu „Treść HTML:”
Pamiętaj o wstawieniu standardowgo modułu zmiany języków na stronę sklepu oraz ustaw go by wyświetlał flagi.