Jak dodać listę produktów w dowolnym miejscu w witrynie sklepu

Support25 grudnia 2021

Listy produktów można umieszczać w dowolnych miejscach witryny: na pasku bocznym, na stronie głównej, w suwaku. Z ich pomocą wygodnie jest tworzyć bloki ofert specjalnych.

Przykład listy produktów na stronie internetowej


Utwórz listę produktów

Jeśli masz już listę produktów do opublikowania, przejdź do następnej części artykułu.

  1. W sekcji "Towary" kliknij ikonę dodawania nowej listy.


  2. Wpisz nazwę listy. Nie będzie widoczny na witrynie i jest potrzebny tylko po to, aby wygodnie było odróżnić listy od siebie w bocznym sklepie.


  3. Wymyśl ID listy. Możesz używać tylko angielskich liter.
  4. Wybierz typ listy: "Lista" lub "Filtr". Do listy dodajesz towary ręcznie, a do filtra produkty są dodawane automatycznie — w zależności od wybranej reguły.


  5. W przypadku listy typu "Filtr" wybierz regułę wypełniania listy towarami:
    • Najdroższe
    • Najtańsze
    • Z wysoką oceną
    • Z niską oceną
    • Hity sprzedaży
    • Niska sprzedaż
    • Wg nazwy: na liście znajdują się produkty z całego katalogu posortowane według nazwy
    • Z przekreśloną ceną: lista zawiera produkty z całego katalogu z wypełnioną przekreśloną ceną
    • Data dodania: lista produktów dodanych do katalogu później niż inne
  6. W przypadku listy typu "filtr" określ, ile produktów należy dodać zgodnie z wybraną regułą. Aby wyświetlić wszystkie dostępne produkty na liście, wpisz dużą liczbę większą niż liczba produktów w sklepie.
  7. Potwierdź przyciskiem Utwórz listę produktów.


Opublikuj listę na stronie internetowej

  1. W sekcji "Towary" kliknij po nazwę listy.
  2. U góry strony kliknij link "Kod do osadzenia".


  3. W wyświetlonym obszarze Wybierz miejsce, w którym chcesz dodać listę produktów: w szablonie motywu projektu lub na osobnej stronie (lub na stronach innej aplikacji — nie aplikacji "Sklep"). Skopiuj sugerowany fragment kodu.


  4. Wklej kod w odpowiednie miejsce: w szablonie motywu projektu (w sekcji "Projekt → Szablony") lub w trybie edycji HTML strony sklepu internetowego (w sekcji "Projekt → Strony").

W przypadku niektórych motywów projektowych może być konieczne zastąpienie nazwy pliku list-thumbs.html w skopiowanym kodzie do nazwy innego pliku, który jest używany do wyświetlania listy produktów.

Jeśli chcesz dodać listę produktów do strony informacyjnej lub szablonu motywu projektu innej aplikacji Web-systems.pro, zamień nazwę THEME_ID w skopiowanym kodzie na identyfikator motywu projektu sekcji witryny, w której umieszczasz listę produktów.


Dodaj tytuł listy

Nazwa listy nie pojawi się automatycznie na wystawie. Aby dodać nazwę nad listą produktów, użyj odpowiedniego fragmentu kodu HTML, takiego jak ten:

<h5>Bestsellers</h5>



Błąd w tekście? Zaznacz ją myszką i kliknij Ctrl + F1 lub kliknij na ten blok!