·2 min read·Storefront-ontwerp

Thema

Een Shopify-thema is het pakket met code en sjablonen dat de lay-out, het ontwerp en de functies van uw winkel beheert met Liquid, HTML, CSS en JS.

Kasper Hermann Due Stück
Oprichter & e-commerce specialistBouwt Shopify-apps gericht op SEO en groei voor verkopers.

Wat is een thema?

Een thema is het pakket met sjablonen en code dat de lay-out, het ontwerp en de functies van uw storefront beheert. In Shopify is een thema gebouwd met de Liquid templating-taal gecombineerd met HTML, CSS en JavaScript. Moderne Online Store 2.0-thema’s gebruiken JSON sjablonen met secties en blokken die u kunt toevoegen, verwijderen en herschikken in de thema-editor — zonder de code aan te raken.

Waarom is een thema belangrijk?

Het thema is het kader dat uw klanten daadwerkelijk zien en waarin ze winkelen, dus het heeft directe invloed op conversie, paginasnelheid en SEO. Een zwaar of slecht gestructureerd thema veroorzaakt trage pagina’s en lay-outverschuivingen (CLS), terwijl een goed gebouwd thema de belangrijkste inhoud boven de vouw houdt en net zo goed werkt op mobiel als op desktop. Omdat het thema ook titels, metadata en gestructureerde data rendert, heeft uw themakeuze een grote invloed op hoe Google uw pagina’s begrijpt.

Veelvoorkomende use cases

  • Een nieuw thema kiezen. Kies uit gratis en betaalde thema’s in de Shopify Theme Store — bijvoorbeeld het gratis standaardthema Dawn.
  • Aanpassen zonder code. Pas kleuren, secties en inhoud aan in de thema-editor onder Webwinkel → Thema’s.
  • Code aanpassen. Bewerk theme.liquid, secties, snippets en assets via Code bewerken.
  • App-integraties. Voeg app-blokken toe binnen secties in plaats van ze hard in het thema te coderen.
  • Bijwerken. Wissel of update een thema zonder inhoud te verliezen die is opgeslagen in producten en metafields.

Shopify-perspectief

Houd een schone versie van uw thema achter de hand en test wijzigingen op een duplicaat voordat u deze publiceert. Let op dat het afrekenproces niet door het thema wordt beheerd — dit wordt afzonderlijk aangepast via Checkout Extensibility. Overweeg een pagebuilder als u bestemmingspagina’s wilt bouwen zonder Liquid te bewerken, en houd de paginasnelheid in de gaten wanneer u apps installeert die scripts aan het thema toevoegen.

Pocium-updates voor Shopify-verkopers

Nieuwe apps, praktische Shopify-handleidingen en productupdates.