Hvad er Shopify Liquid, og hvornår skal du tilpasse dit tema med det?
Hvad er Shopify Liquid, og hvornår skal du tilpasse dit tema med det? Kort fortalt er Liquid det skabelonsprog, Shopify selv har udviklet til at binde dit tema sammen med butikkens data. Det fungerer som broen mellem det statiske design og de dynamiske oplysninger, der ligger i din butik: produkter, kollektioner, priser, lagerstatus, kundeprofiler og indholdssider. Når en side loader, henter Liquid de rigtige data og fylder dem ind i temaets skabeloner, så hver produktside og kollektion vises korrekt uden at du skal bygge hver enkelt side manuelt.
Du tilpasser dit tema med Liquid, når de indstillinger, der allerede findes i temaeditoren, ikke rækker til den ændring, du vil lave. Så længe du kan løse opgaven i Tilpas-editoren, er der ingen grund til at røre koden. Men når du vil ændre selve logikken, strukturen eller de data, der vises på siden, er Liquid vejen frem.
Sådan hænger tema og Liquid sammen
Et Shopify-tema består af flere lag. HTML og CSS styrer struktur og udseende, mens Liquid styrer hvilke data der vises hvor. Oven på det ligger temaindstillingerne, som Shopify eksponerer i editoren under Webshop > Temaer > Tilpas. De fleste dagligdags ændringer, farver, skrifttyper, sektioner og rækkefølge, klarer du her uden en eneste linje kode.
Liquid kommer i spil, når du vil have temaet til at gøre noget, det ikke gør ud af boksen. Det kan være at vise et badge på produkter i en bestemt kollektion, tilpasse hvordan varianter præsenteres, eller trække specifikke metafelter frem på produktsiden. Her arbejder du direkte i temakoden, og det kræver kendskab til både HTML, CSS og Liquid for at gøre det uden at bryde noget.
Hvornår du bør tilpasse med Liquid, og hvornår du ikke bør
Vores tommelfingerregel hos Mercive er enkel. Kan opgaven løses i temaeditoren, så gør det der. Kodeændringer er sværere at vedligeholde, kan komplicere fremtidige temaopdateringer, og de kan bryde uventet, hvis de laves uden overblik over resten af temaet. Editoren er både hurtigere og mere robust til de ændringer, den dækker.
Liquid er derimod det rigtige valg, når du har brug for logik, der afhænger af data. Skal prisen vises anderledes for bestemte kundegrupper, skal en sektion kun optræde på udvalgte skabeloner, eller skal produktdata kombineres på en måde, temaet ikke understøtter, så er temakode nødvendig. Det samme gælder, når du vil merchandise produkter ud fra metafelter eller bygge skabeloner, der skalerer på tværs af mange produkter.
Vores erfaring er, at problemer opstår, når kode og editor blandes uden en plan. Vi anbefaler at holde tilpasninger samlet, dokumentere ændringer og teste i en kopi af temaet, før noget går live. Det giver et fundament, der er til at vedligeholde, også når temaet skal opdateres senere.
Sådan griber Mercive en tematilpasning an
Når vi tilpasser et Shopify-tema, starter vi med at afklare, om opgaven overhovedet hører til i temakoden. Ofte kan et ønske dækkes af en app, en indstilling eller en metafelt-struktur, der er nemmere at vedligeholde end skræddersyet Liquid. Når kode er den rigtige løsning, arbejder vi i et versionsstyret setup med en klar adskillelse mellem temaets standardfunktioner og vores tilpasninger.
Vi bygger tilpasninger, så de overlever fremtidige opdateringer og ikke låser butikken fast i en enkelt persons hukommelse. Det gælder både mindre justeringer og større ombygninger af produkt- og kollektionsskabeloner. Målet er altid en butik, der er hurtig, skalerbar og til at drive videre for teamet bagefter, uden at hver ændring kræver en udvikler.
Skal du overhovedet blive i temaet?
For langt de fleste brands er et velbygget Shopify-tema med målrettet Liquid-tilpasning mere end nok. Det giver den fleksibilitet, der skal til, uden den kompleksitet, en fuldt custom løsning fører med sig. Spørgsmålet om, hvorvidt et tema rækker, eller om du skal længere, afhænger af din datastruktur, dit sortiment og dine krav til frontend.
Hvis du overvejer at få bygget en Shopify webshop, indgår temaudvikling og eventuelle Liquid-tilpasninger typisk som en del af projektet, og prisen afhænger af omfang og kompleksitet. Vi ser gerne på din konkrete case og vurderer, hvor grænsen går mellem temaindstillinger, Liquid og mere gennemgribende udvikling.
Sådan kan Mercive hjælpe
Vil du arbejde videre med det her, kan du læse mere her:
