·2 min read·Design av nettbutikk

Tema

Et Shopify-tema er koden og malpakken som kontrollerer butikkfrontens layout, design og funksjoner via Liquid, HTML, CSS og JavaScript.

Kasper Hermann Due Stück
Grunnlegger & E-handelsspesialistBygger Shopify-apper med fokus på SEO og vekst for butikkeiere.

Hva er et tema?

Et tema er malen og kodepakken som kontrollerer butikkfrontens layout, design og funksjoner. I Shopify bygges et tema med malspråket Liquid kombinert med HTML, CSS og JavaScript. Moderne nettbutikk 2.0-temaer bruker JSON-maler med seksjoner og blokker som du kan legge til, fjerne og omorganisere i temaredigeringsprogrammet – uten å berøre koden.

Hvorfor er et tema viktig?

Temaet er rammen der kundene dine faktisk ser og handler, så det påvirker direkte både konvertering, sidehastighet og SEO. Et tungt eller dårlig strukturert tema resulterer i trege sider og layouthopp (CLS), mens et godt bygget tema holder det viktigste over den synlige delen og fungerer like godt på mobil som på skrivebord. Fordi temaet også gjengir titler, metadata og strukturert data, har valg av tema stor innvirkning på hvordan Google forstår sidene dine.

Typiske brukssituasjoner

  • Velge et nytt tema. Velg mellom gratis og betalte temaer i Shopify Theme Store – f.eks. det gratis standardtemaet Dawn.
  • Tilpasning uten kode. Juster farger, seksjoner og innhold i temaredigering under Nettbutikk → Temaer.
  • Kodeendringer. Rediger theme.liquid, seksjoner, utdrag og ressurser via Rediger kode.
  • Appintegrasjoner. Legg til appblokker i seksjoner uten å hardkode dem i temaet.
  • Oppdater. Endre eller oppdater tema uten å miste innhold som ligger i produkter og metafelt.

Shopify-perspektiv

Hold en ren versjon av temaet og test endringer i en kopi før publisering. Vær oppmerksom på at checkout ikke styres av temaet - det tilpasses separat via Checkout Extensibility. Vurder en sidebygger hvis du vil bygge landingssider uten å redigere Liquid, og hold øye med sidehastigheten når du installerer apper som legger til skript til temaet.

Pocium-oppdateringer for Shopify-butikkeiere

Nye apper, praktiske Shopify-guider og produktoppdateringer.