Mercive Logo
Caret right

Shopify Liquid: Hvad det er, og hvornår du får brug for en udvikler

Shopify Liquid: Hvad er det, og hvornår skal du have en udvikler ind?

Shopify Liquid: Hvad er det, og hvornår skal du have en udvikler ind? Kort fortalt er Liquid det skabelonsprog, Shopify selv har udviklet for at binde dit tema sammen med dine data. Det er broen mellem butikkens indhold, altså produkter, priser, kollektioner og kundedata, og den HTML, som en besøgende faktisk ser i browseren. Når din produktside viser den rigtige titel, det rigtige lager og den rigtige pris, er det Liquid, der henter oplysningerne og placerer dem det rette sted på siden.

Liquid arbejder med tre byggeklodser: objekter, der indeholder dine data (for eksempel product.title eller cart.total_price), tags, der styrer logik og betingelser (for eksempel om en udsalgsbadge skal vises), og filtre, der formaterer output (for eksempel prisformat eller billedstørrelser). Du behøver ikke selv skrive Liquid for at drive en Shopify-butik, men det hjælper at forstå, hvad der foregår under overfladen, når du skal beslutte, hvornår en opgave kan løses i temaeditoren, og hvornår den kræver en udvikler.

Hvad du selv kan klare uden kode

Moderne Shopify-temaer bygger på Online Store 2.0 med sektioner og blokke, som du redigerer visuelt i temaeditoren. Her kan du flytte indhold, skifte billeder, tilføje bannere og justere farver og typografi uden at røre en linje kode. Det dækker langt de fleste daglige behov, og det er også her, du opretter og styrer dit sortiment. Vil du vide, hvordan man opretter produkter i Shopify, foregår det i admin under Produkter, hvor du udfylder titel, beskrivelse, billeder, varianter, pris og lager. Temaet henter derefter automatisk de data via Liquid.

Med Shopify Apps kan du udvide funktionaliteten uden egen kode, og mange integrationer er plug and play. Kan man koble e-conomic på Shopify? Ja, det gøres typisk gennem en app eller en tredjepartsintegration, der synkroniserer ordrer, fakturaer og produkter mellem systemerne, så du undgår manuel bogføring. Så længe du holder dig inden for standardfunktioner, apps og temaeditorens rammer, kan du komme langt uden en udvikler.

Hvornår kode og en udvikler bliver nødvendig

Behovet for Liquid opstår, når standardtemaet ikke kan det, du vil have. Det gælder for eksempel skræddersyede produktkonfiguratorer, betinget indhold baseret på kundegruppe eller lager, avancerede filtreringssider, tilpassede metafields i front end eller performanceoptimering, hvor unødig kode og tunge apps skal ryddes op. Her arbejder man direkte i temaets Liquid-filer, ofte kombineret med JSON-skabeloner, CSS og JavaScript.

Vores holdning hos Mercive er enkel: rør kun koden, når det skaber reel forretningsværdi, og gør det rigtigt. En hurtig tilføjelse i et tema kan hurtigt vokse til teknisk gæld, hvis den ikke bygges vedligeholdbart og testes op mod temaets opdateringer. Vi anbefaler at holde tilpasninger isoleret i egne sektioner og filer, dokumentere ændringerne og bruge en udviklingskopi af temaet, så en fejl aldrig rammer den live butik. Skal en tilpasning bruges igen på tværs af butikker, kan det give mening at bygge den som en app frem for at hardcode den ind i temaet.

Sådan griber Mercive en Liquid-opgave an

Vi starter altid med behovet, ikke med koden. Kan opgaven løses i temaeditoren eller med en gennemtestet app, gør vi det, fordi det er billigere at drifte og lettere at vedligeholde. Kræver den kode, kortlægger vi, hvilke objekter og skabeloner der er i spil, bygger i et udviklingstema og tester på tværs af enheder og scenarier, før vi udgiver. Målet er kode, der er hurtig, ren og til at leve med, ikke bare kode, der virker i dag.

Har du et tema, der er tæt på målet, men mangler de sidste tilpasninger, er vores service til netop det Shopify Theme Customization. Skal der bygges noget mere gennemgribende fra bunden, arbejder vi med Shopify Theme Development. Og hvis din udfordring i virkeligheden handler om, hvilken Shopify-plan du er på, kan du læse mere i vores samlede guide til Shopify-platformen og planerne.

Shopify eller Shopify Plus: har det betydning for Liquid?

Hvad er forskellen på Shopify og Shopify Plus? Liquid er det samme skabelonsprog på begge planer, så du koder efter de samme principper. Forskellen ligger i, hvad du får adgang til rundt om temaet. Shopify Plus åbner blandt andet for en tilpasselig checkout via checkout extensions, flere staff-konti, avanceret automatisering og højere API-grænser, hvilket giver mere plads til komplekse tilpasninger, når butikken vokser.

For de fleste betyder det, at Liquid-arbejdet i temaet er ens, mens de virkelig avancerede behov, som en dybt tilpasset checkout eller store B2B-flows, ofte trækker mod Shopify Plus. Hvor grænsen går for netop din forretning, afhænger af volumen, kompleksitet og internationale krav, og det er præcis den vurdering, vi hjælper danske brands med at træffe.

Sådan kan Mercive hjælpe

Vil du arbejde videre med det her, kan du læse mere her:

Ofte stillede spørgsmål

Nej. Du kan oprette produkter, redigere indhold i temaeditoren og bruge apps uden at kende Liquid. Sproget bliver først relevant, når du vil tilpasse temaet ud over standardfunktionerne, og der giver det ofte mening at få en udvikler ind.

Det gøres i Shopify admin under Produkter. Her udfylder du titel, beskrivelse, billeder, varianter, pris og lager. Temaet henter automatisk oplysningerne via Liquid og viser dem på produktsiden, så du ikke selv skal skrive kode for at få produktet frem.

Ja. Integrationen sker typisk via en app eller en tredjepartsløsning, der synkroniserer ordrer, fakturaer og produkter mellem Shopify og e-conomic. Det reducerer manuel bogføring. Vælg en integration, der passer til dit setup, og test den grundigt på reelle ordrer.

Liquid er det samme sprog på begge planer, så temaarbejdet foregår ens. Shopify Plus giver adgang til blandt andet en tilpasselig checkout, mere automatisering og højere API-grænser, hvilket er relevant, når butikken kræver mere avancerede tilpasninger.

Når kode hardcodes ind i temaet uden dokumentation eller test op mod temaopdateringer. Vi anbefaler at isolere tilpasninger i egne sektioner og filer, arbejde i et udviklingstema og overveje en app, hvis funktionen skal genbruges på tværs af butikker.