Sukienki Małgorzata — sklep internetowy na PrestaShop

Z WooCommerce, który nie nadążał

Sklep pracował wcześniej na WooCommerce i był źle zoptymalizowany. Przeniesienie na PrestaShopa było decyzją o platformie na lata, nie kosmetyką.

Pierwsze wdrożenie powstało u mnie w całości: projekt graficzny, kodowanie i część serwerowa.

Sklep rósł przez kilka lat

To jedna z tych realizacji, które widać dopiero w dłuższym czasie. Katalog rozrósł się do ponad dziewięciuset pozycji, w cenach od około 300 do 640 zł, i działa w dwóch językach.

Sukienki są podzielone nie krojem, tylko okazją: studniówka, wesele, komunia, chrzciny, osiemnastka, karnawał, sylwester. Klientka szuka sukienki na coś konkretnego, nie sukienki wieczorowej w ogóle.

Teraz przejście na PrestaShop 9

Sklep przechodzi właśnie na PrestaShop 9.1.1. Przy tej okazji napisałem motyw od nowa, na warsztacie budowania z Hummingbirda 2.0: webpack, TypeScript, Sass i Bootstrap 5. Poprzednie źródła zostały w repozytorium jako materiał porównawczy, nie jako baza.

To druga duża przeprowadzka tego sklepu, tym razem bez zmiany systemu, za to z wymianą całej warstwy prezentacji. Sklep urósł na tyle, że pracuje przy nim więcej osób — ja odpowiadam za front i własne moduły, backendem zajmuje się drugi developer.

Linkowanie wewnętrzne zrobione modułem, nie ręcznie

Przy ponad dziewięciuset produktach ręczne wiązanie stron między sobą nie ma szans. Napisałem do tego własne moduły, które budują na stronie produktu blok linków do kategorii, w których ten produkt się znajduje. Zestaw wynika wprost z przypisań w panelu, więc przy dodaniu towaru nie ma żadnej dodatkowej roboty.

Jedna decyzja przesądza tu o efekcie. Gdy blok ma limit pozycji, ucinane są kategorie najpłytsze, a zostają najgłębsze. „Damskie" i tak jest linkowane z menu i okruszków na każdej podstronie, więc pod linkowanie wewnętrzne pracuje dopiero „sukienki na wesele".

Drugi moduł robi to samo z ręcznym wyborem kategorii, kiedy blok ma być redakcyjny. Oba wchodzą w ten sam hook, więc ten automatyczny pomija linki wystawione już przez tamten, żeby na dole strony nie powstały duplikaty.

Moduły nie dokładają własnego CSS-u ani JavaScriptu — korzystają ze slidera i klas motywu, więc wdrożenie nie wymaga przebudowy frontu.