Naar hoofdinhoud

Kennisbank — Development

Wat is Liquid? Shopify's templatetaal uitgelegd

Elk Shopify-thema draait op Liquid, de open source templatetaal die Shopify zelf ontwikkelde om data en opmaak te combineren. Wie weet hoe Liquid werkt, begrijpt meteen waarom sommige aanpassingen simpel zijn en andere een developer vereisen.

· · Thema: Shopify development

Development

Hoe Liquid templates en data samenbrengt

Liquid-bestanden bevatten HTML met daartussen Liquid-tags en -variabelen, herkenbaar aan accolades. Objecten zoals product, collection of cart geven toegang tot winkelgegevens, terwijl tags zoals if en for logica en herhaling mogelijk maken.

Een thema bestaat uit lagen: layout-bestanden voor de basisstructuur, templates per paginatype en snippets voor herbruikbare stukjes code. Die opbouw zorgt ervoor dat je een enkel onderdeel kunt aanpassen zonder de rest van het thema te raken.

Development

Sections en metafields: flexibiliteit voor merchants

Sections maken onderdelen van een pagina los aanpasbaar in de thema-editor, zonder dat een merchant code hoeft te zien. Developers definiëren instellingen in een schema, waarna kleuren, teksten en blokken via de editor te wijzigen zijn.

Metafields breiden het standaard datamodel uit met eigen velden, bijvoorbeeld een materiaaltabel bij een product of een video bij een collectie. In combinatie met Liquid kun je die extra data direct op de winkelpagina tonen zonder een aparte app.

  • Layout: de basisstructuur van elke pagina
  • Templates: bepalen welke sections op een paginatype staan
  • Sections: door merchants aanpasbare blokken
  • Snippets: herbruikbare stukjes code
  • Metafields: eigen datavelden buiten het standaardmodel

Development

Wat Liquid wel en niet kan

Liquid is krachtig genoeg voor de meeste front-end logica: prijzen tonen, voorraad controleren, varianten selecteren en content conditioneel weergeven. Voor complexere berekeningen of externe koppelingen ontbreekt echter directe toegang tot databases of server-side scripts buiten Shopify's eigen omgeving.

Voor zaken als geavanceerde kortingslogica, verzendregels of betaalvoorwaarden is Liquid niet het juiste gereedschap; daarvoor bestaan Shopify Functions en apps. Weten waar de grens van Liquid ligt, voorkomt dat je tijd verliest aan oplossingen die het platform niet ondersteunt.

Veelgestelde vragen

Vragen over dit onderwerp

Moet ik Liquid kennen om mijn Shopify-thema aan te passen?

Voor kleurwijzigingen, teksten en het herschikken van sections is de thema-editor voldoende, zonder Liquid-kennis. Zodra je nieuwe functionaliteit of maatwerklayout wilt, is basiskennis van Liquid of hulp van een developer nodig.

Kan ik met Liquid een externe API aanroepen?

Nee, Liquid draait server-side binnen Shopify en heeft geen ingebouwde manier om externe API's rechtstreeks aan te roepen. Daarvoor gebruik je JavaScript in de browser, een app of Shopify Functions in combinatie met webhooks.

Wat is het verschil tussen Liquid en metafields?

Liquid is de taal waarmee je data toont en logica uitvoert; metafields zijn de data zelf, extra velden bovenop het standaardmodel. Je gebruikt Liquid om metafield-waarden op te halen en op de juiste plek in het thema weer te geven.

Verder lezen

Gerelateerde artikelen

  • Shopify Functions uitgelegd: kortingen, verzending en betalen op maat

    Shopify Functions maken maatwerk kortingslogica, verzendregels en betaalopties mogelijk. Lees wat het is, wanneer je het inzet en welke limieten gelden.

    Lees artikel
  • Maatwerk of een Shopify-app: hoe kies je de juiste route?

    Twijfel je tussen een Shopify-app of maatwerk? Vergelijk kosten, snelheid en onderhoud, en bepaal welke aanpak het beste past bij jouw situatie.

    Lees artikel

← Alle artikelen over shopify development

Klaar voor de volgende stap?

Hulp nodig bij shopify development?

Vertel waar je tegenaan loopt. We geven een eerlijke inschatting van aanpak, doorlooptijd en risico's voor jouw situatie.