Cel wdrożenia
Moduł PrestaShop pozwalający na dodawanie dowolnej ilości sliderów z produktami - w oparciu o wybraną kategorię sklepu.
Użytkownik z poziomu konfiguracji ma mieć możliwość ustawienia własnego tytułu sekcji produktowej (w przypadku braku tytułu, nazwa zostanie pobrana z kategorii) oraz opcjonalnego podtytułu.
Informacje techniczne
- Wersja PrestaShop >= 8.1 (kompatybilne wzwyż)
- Wersja PHP: 8.1
- Kompatybilność z multistore: Tak
- Wykorzystane mechanizmy: Symfony DI, Doctrine, PS Grid, Symfony Forms
BackOffice
Po wejściu w konfigurację modułu pojawi się prosty formularz pozwalający ustawić tytuł i podtytuł całej sekcji ze sliderami.
Na górze strony widnieje przycisk "Manage slider categories", dzięki któremu przejdziemy do panelu zarządzania kategoriami slidera. Początkowo lista wpisów będzie pusta, ale dla celów demonstracyjnych uzupełniłem ją o przykładowe wpisy.
Lista została napisana w oparciu o PrestaShop Grid i posiada następujące funkcjonalności:
- Możliwość zmiany stanu aktywności z poziomu listy
- Możliwość filtrowania wg nazwy kategorii, własnego tytułu lub stanu aktywności
- Możliwość zmiany kolejności wpisów metodą "przeciągnij i upuść" (drag & drop)
Aby dodać wpis do listy, należy kliknąć przycisk "Add new category +" w prawym górnym rogu. Po kliknięciu zobaczymy następujący formularz:
W formularzu możemy ustawić kolejno:
- Kategorię (z niej będą pobierane produkty do slidera)
- Stan aktywności wł./wył.
- (opcjonalnie) Tytuł (tytuł sekcji slidera - w przypadku jego braku będzie to nazwa kategorii)
- (opcjonalnie) Podtytuł
Strona edycji formularza z przykładowymi danymi:
FrontOffice
Moduł wyświetla responsywną sekcję sliderów - z czego każdy z nich znajduje się w swojej dedykowanej zakładce.
Na dole każdej sekcji znajduje się przycisk "Zobacz wszystkie produkty", który przenosi nas do strony danej kategorii.
Poniżej znajdują się 2 przykładowe screeny z sekcji na urządzeniu dekstop:
A poniżej sekcja na urządzeniu mobilnym - przesuwając palcem w lewo lub w prawo możemy przełączać produkty:
