Baner pomiędzy produktami

Aplikacja umożliwia wstawienie banera graficznego pomiędzy produkty na liście produktów z możliwością określenia pozycji, warunków wyświetlania oraz okresu aktywności.

Film instruktażowy

Ograniczenia i wymagania

1. W szablonach w technologii RWD możesz dodać maksymalnie 15 banerów. W szablonie w technologi Storefront ograniczenie to nie występuje.
2. Aplikacja do działania wymaga aktywnego stylu w technologii RWD lub Storefront. Jeśli korzystasz z indywidualnego szablonu graficznego może być konieczne dostosowanie szablonu do działania z aplikacją – w tym celu skontaktuj się z autorem szablonu.

Instalacja aplikacji

1. Zaloguj się do panelu administracyjnego sklepu.
2. W zakładce Dodatki i integracje → Aplikacje wyszukaj aplikację Baner pomiędzy produktami i kliknij przycisk Zainstaluj aplikację.

3. Zaakceptuj regulamin appstore i kliknij przycisk Zamawiam.

Włączanie i wyłączanie aplikacji

Aplikację możesz włączyć lub wyłączyć w każdej chwili bez konieczności jej odinstalowywania i ponownego instalowania.

1. W zakładce Dodatki i integracje → Moje aplikacje wyszukaj Baner pomiędzy produktami i kliknij ikonę aplikacji.

2. Aby włączyć aplikację:
   • Ustaw opcję Włącz aplikację jako aktywną.
   • Wybierz rodzaje powiadomień e-mail, które chcesz otrzymywać.
   • Kliknij przycisk Zapisz.
3. Aby wyłączyć aplikację:
   • Ustaw opcję Włącz aplikację jako nieaktywną.
   • Kliknij przycisk Zapisz.

Dodawanie banera w szablonach RWD

1. W zakładce Dodatki i integracje → Moje aplikacje wyszukaj Baner pomiędzy produktami i kliknij ikonę aplikacji.

2. Z menu po lewej stronie wybierz zakładkę Banery.
3. Kliknij przycisk Dodaj baner.

4. Wprowadź Nazwę banera.
5. Wybierz Lista produktów.
6. Wprowadź odnośniki do Obrazek (widok ze zdjęciem) oraz Obrazek (widok pełny) dla poszczególnych urządzeń.
7. Ustaw Położenie (kolejność) banera na liście proudktów.
8. Opcjonalnie włącz:
   • Ograniczenie kategorii (produkty z kategorii) a następnie wybierz Wyświetl w kategorii,
   • Ograniczenie kolekcji (produkty z kolekcji) a następnie wybierz Wyświetl w kolekcji,
   • Ograniczenie producenta (produkty producenta) a następnie wprowadź Identyfikator producenta.
9. Opcjonalnie włącz Ograniczenie strony a następnie wporwadź Wyświetl na stronie.
10. Opcjonalnie włącz Ograniczenie czasowe a następnie ustaw Ważność od oraz Ważność do.
11. Ustaw opcję Aktywność jako aktywną.
12. Opcjonalnie wprowadź Alternatywny opis obrazka ("alt").
13. Opcjonalnie ustaw opcję Obrazek jest podlinkowany jako aktywną i wprowadź Adres URL strony.
14. Opcjonalnie ustaw Zaokrąglenie rogów obrazka.
15. Kliknij przycisk Zapisz i wróć do listy lub Zapisz.

Dodawanie banera w Visual Shoper Editor

1. Przejdź do Wygląd i treści → Wygląd sklepu → Obecny szablon graficzny → Szczegóły szablonu.
2. Kliknij przycisk Edytuj układ i styl szablonu.
3. W Edytorze układu strony w Edytowana strona wybierz Listy produktów a następnie wybierz listę na której checesz dodać baner.
4. Przejdź do zakładki Dodaj moduł.
5. Na liście modułów znajdź i rozwiń moduł:
   • Baner pomiędzy produktami w kategorii - produkty z kategorii,
   • Baner pomiędzy produktami w kolekcji - produkty z kolekcji,
   • Baner pomiędzy produktami producenta - produkty producenta,
   • Baner pomiędzy produktami - wyniki wyszykiwania, produkty w programie lojalnościowym, produkty w promocji, nowości.
6. Przeciągnij moduł Dodaj nowy w dowolne miejsce w sklepie. Sugerowane pod listą produktów.

7. Przeciągnij lub wybierz z dysku Zdjęcia dla poszczególnych urządzeń.
8. Ustaw Położenie (kolejność) banera na liście proudktów.
9. Opcjonalnie włącz:
   • Ograniczenie kategorii (produkty z kategorii) a następnie wybierz Wyświetl w kategorii,
   • Ograniczenie kolekcji (produkty z kolekcji) a następnie wybierz Wyświetl w kolekcji,
   • Ograniczenie producenta (produkty producenta) a następnie wprowadź Identyfikator producenta.
10. Opcjonalnie włącz Ograniczenie strony a następnie wporwadź Wyświetl na stronie.
11. Opcjonalnie włącz Ograniczenie czasowe a następnie ustaw Ważność od oraz Ważność do.
12. Ustaw opcję Aktywność jako aktywną.
13. Opcjonalnie wprowadź Alternatywny opis obrazka ("alt").
14. Opcjonalnie ustaw opcję Obrazek jest podlinkowany jako aktywną i wprowadź Adres URL strony.
15. Opcjonalnie ustaw Zaokrąglenie rogów obrazka.
16. Kliknij przycisk Zapisz.
17. Kliknij przycisk Zapisz i opublikuj zmiany w układzie.

Wgrywanie obrazka do sklepu

1. Przejdź do Ustawienia → Zaawansowane → Zarządzanie plikami.
2. Kliknij przycisk Zarządzaj plikami.

3. Kliknij przycisk Upload.

4. Kliknij przycisk Add files.

5. Wybierz plik ze swojego komputera i kliknij Otwórz.
6. Kliknij przycisk Upload.

7. Odnośnik do dodanego pliku: https://[domena-twojego-sklepu]/upload/[nazwa-pliku] np. https://sklep.pl/upload/produkt.png

Najczęściej zadawane pytania

Jakie są zalecane wymiary banerów wyświetlanych na liście produktów?

Nie istnieje jeden uniwersalny rozmiar baneru, ponieważ jest on ściśle uzależniony od specyfiki Twojego sklepu. Optymalne wymiary zależą od kilku kluczowych czynników:

• specyfika szablonu - różnice w wielkości zdjęć produktowych, rozmiarach czcionek czy wielkości przycisków bezpośrednio przekładają się na to, ile miejsca zajmuje pojedynczy produkt
• układ siatki - liczba produktów wyświetlanych w jednym wierszu
• zawartość kafelka - ilość informacji o produkcie prezentowanych w kafelku produktu

Zmieniłem/am szablon z technologii RWD na Storefront. Co z moimi banerami?

Banery utworzone w starszej technologii (RWD) nie są kompatybilne z nowoczesnymi szablonami typu Storefront. Po zmianie szablonu na Storefront należy ponownie utwożyć banery za pomocą modułów dostępnych w Shoper Visual Editor.