Szablon Shoper Avant Storefront posiada dodatkowy moduł konfiguracyjny, w którym możesz dokonać dodatkowych ustawień sklepu i szablonu, których nie ma w standardowych szablonach Shoper. To dodatkowy atut wyboru naszego produktu.
Dostępne opcje dodatkowe:
- Dodatkowe tło na menu desktopowe na podkategorie, aby lepiej wyróżnić przeglądanie kategorii.
- Włączenie/Wyłączenie przyklejonego menu na urządzeniach stacjonarnych.
- Włączenie/Wyłączenie przyklejonego menu na urządzeniach mobilnych.
- Włączenie/Wyłączenie przycisku w rogu do powrotu na początek strony na urządzeniach desktopowych.
- Włączenie/Wyłączenie rozwijania/zwijania opisów w kategoriach produktów, opisu producenta, opisów kolekcji.
- Możliwość ustawienia wysokości widocznego opisu przed rozwinięciem.
Szablon jest przez nas ciagle rozwijany, aby był zgodny ze wszystkimi standardami oraz działał możliwie szybko. Na bieżąco śledzimy nowe funkcje, które pojawiają się w Shoper, oraz śledzimy trendy, aby nasz produkt był zawsze na czasie. Zapewniamy każdemu kupującego regularne aktualizację! Wszelkie zmiany w szablonie będziemy publikować na dedykowanej stronie poświęconej szablonie Avant dostępnej tutaj - gdzie będzie można zapisać się do naszego newslettera.
Jeśli masz pytania napisz do nas, chętnie odpowiemy na każde i pomożemy w kwestii konfiguracji szablonu jak i indywidualnych zmian.
2 kolumny 50% w opisie produktu
W naszym szablonie dajemy możliwość przygotowania bardziej zaawansowanych opisów produktów, tworząc 2 kolumny w których możesz wstawić np. tekst a obok zdjęcie, czy też 2 zdjęcia obok siebie jak w poniższym przykładzie. Układ znany z obecnego wyglądu ofert m.in. w Allegro.
Skopiuj poniższy kod html do swojego opisu produktu w trybie html a następnie wymień słowo "Twój tekst lub zdjęcie" na własny tekst lub zdjęcie. Układ dopasowuje się automatycznie do szerokości ekranu, a na urządzeniach mobilnych kolumny wyświetlą się jedna pod drugą.
<div class="avant-columns">
<div class="avant-row">
<div class="avant-col50 col-with-halftext">
<div class="avant-col-inner">Twój tekst lub zdjęcie</div>
</div>
<div class="avant-col50 col-with-halftext">
<div class="avant-col-inner">Twój tekst lub zdjęcie</div>
</div>
</div>
</div>
Rozwijalne akordeony - idealne do FAQ
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas condimentum quis lorem in porta. Donec sit amet gravida tortor, et pulvinar tortor. In egestas nec tortor sed tristique. Sed cursus gravida ante. Nullam commodo neque ut mi venenatis, quis dapibus sapien ultricies. Fusce porttitor orci non ullamcorper interdum. Praesent quis diam metus. Aenean consequat felis dui, eget tempus lectus porta sed. Aliquam lacinia justo non diam pharetra lacinia. Sed dictum imperdiet elit vitae viverra. Proin non mi non orci mattis semper. Aenean ultrices nulla et ante facilisis aliquam. Proin convallis ac purus eu pretium.
Nulla quis nisl sed sapien tincidunt dictum eget mollis massa. Pellentesque mattis, odio ac egestas aliquam, dolor erat pretium nulla, sit amet accumsan nisi dui ornare nisi. Cras id sem ligula. Curabitur purus justo, congue sit amet sollicitudin et, malesuada nec ligula. Pellentesque euismod pellentesque lectus non hendrerit. Vivamus sollicitudin, nibh sit amet rutrum tristique, lectus risus maximus tortor, sed faucibus neque felis ut mauris. Sed id varius neque, ut congue nulla. Aenean mattis dui quis tempor dictum. Aliquam semper, nibh et imperdiet tempus, dolor dolor consectetur nulla, nec commodo mi massa sit amet risus.
Skopiuj poniższy tekst w klej w trybie HTML w miejsce gdzie chcesz uzyskać listę rozwijalną a następnie dodaj swój tekst.
<div class="accordion-list-outer">
<div id="user_accordion-list-1" class="accordion-list">
<div class="accordion">
<div class="accordion-inner">
<div class="accordion-title" tabindex="0"><span class="ac-tit-nr">01.</span><strong>Twój nagłówek</strong></div>
<div id="user_accordion-content-1" class="accordion-content">
<p>Twój tekst</p>
</div>
</div>
</div>
<div class="accordion">
<div class="accordion-inner">
<div class="accordion-title" tabindex="0"><span class="ac-tit-nr">02.</span><strong>Twój nagłówek</strong></div>
<div id="user_accordion-content-2" class="accordion-content">
<p>Twój tekst</p>
</div>
</div>
</div>
</div>
</div>
Jeśli dodajesz więcej pozycji niż dwie widoczne - zmień cyfrę X w: user_accordion-content-X na kolejną - odpowiadającą liczbie kolejnej pozycji:
user_accordion-content-3, user_accordion-content-4, user_accordion-content-5 itd.
Przeczytaj dodatkowe informacje na stronach:
