ePantry — Græsk Webshop med Fødevarer, Genopbygget fra WooCommerce til Laravel
Overblik
ePantry sælger mad med et navn og et sted: bælgfrugter, pasta, mel, krydderurter, saucer og honning fra et dusin gårde og værksteder i Nordgrækenland, sendt fra Kerkini. Den gamle shop kørte på WordPress og WooCommerce. Den blev erstattet af en butiksfacade på Laravel 12, designet fra bunden og live siden den 8. september 2026, med katalog, kategorier, redaktionelt indhold, ordrehistorik og butiksindstillinger overført fra WooCommerce-databasen, så intet, som kunderne og butikken var afhængige af, gik tabt.
Designet tager udgangspunkt i en spisekammerhylde. Produktbillederne er fritlagte packshots på hvidt, så brugerfladen holder sig rolig under dem: hvid baggrund, et gennemgående net af hårfine linjer i stedet for svævende kort, én accentfarve. Hvert produktkort, hver produktside og hver kurvlinje har en hyldeetiket med nettovægt, pris pr. kilo eller liter, producent og region. Producenterne har deres egne sider, den gamle blog lever videre som en journal med opskrifter og spisekammerguider, og shoppen tager imod efterkrav eller bankoverførsel til en af tre banker, så kunderne kan betale uden overførselsgebyr.
Udfordringer
En genopbygning skal bevare alt det, der allerede virker: 238 produkter med billeder, kategorier og lagerindstillinger, bloggen, ordrehistorikken og hver indstilling, der var finjusteret gennem årene, flyttet fra WooCommerce uden huller. Nogle af de gamle data ville have ødelagt den nye shop, hvis de var blevet kopieret direkte — produkter solgt uden lageroptælling, kladder og en regel for lavt lager, der ville have markeret hele kataloget. Og en købmand har sine egne regler: færdigpakkede varer solgt efter vægt skal vise kiloprisen, græske versaler mister deres accenter, og brandets terracotta er med 3,96:1 på hvidt for lys til at bære tekst.
Løsninger
Importkommandoer læser WooCommerce-databasen direkte og overfører den til det nye skema — produkter, kategorier, producenter, billeder, indlæg, ordrer og indstillinger, hver med sit gamle id for sporbarhed — og oversætter den gamle shops særheder i stedet for at kopiere dem: ikke-optalt lager kan stadig købes, kladder forbliver kladder, og grænsen for lavt lager bliver ved to. Hyldeetiketten sætter enhedsprisen ved siden af hver salgspris, som græsk lov kræver. En mørkere nuance af brandfarven bærer al tekst, og græsk skrives med små bogstaver og gøres til versaler med CSS, så accenterne falder rigtigt, hvilket en test sikrer. Bevægelse er én GSAP-sekvens og diskrete fremtoninger ved scroll, og den valgfrie lyd starter aldrig uden en handling fra brugeren. Produkt-, producent- og opskriftssider har strukturerede data, og shoppens llms.txt genereres fra databasen, så den grænse for gratis fragt, den nævner, ikke længere kan blive forældet.
Galleri
Forside — Hvad butikken sælger, hvor det kommer fra, og hvor hurtigt det er fremme
Kategorier på tablet — Hver hylde vist med sit antal produkter
Hero på mobilen — Først produkterne, så løftet og to veje ind i butikken
