Startseite > Template- und Themeprogrammierung > Shop-Templates > theme.liquid

theme.liquid

Das Template <keyword>theme.liquid</keyword> kann als Haupt-Template betrachtet werden. Alle anderen Templates werden innerhalb diesem Template gerendert. Elemente die sich in einem Theme wiederholen (z.B. Navigation, Header, Footer, etc.), sollten im <keyword>theme.liquid</keyword> platziert werden.

Speicherort

Das Template muss unter <keyword>templates/layout/theme.liquid</keyword> abgelegt werden.

Verfügbare Objekte

Innerhalb des <keyword>theme.liquid</keyword> Templates stehen folgende Objekte zur Verfügung:

Beispiel-Template

Nachfolgend ist ein Beispiel für ein vereinfachtes <keyword>theme.liquid</keyword> Template zu sehen. Über die Variable <liquid>{{ content_for_layout }}</liquid> wird der Inhalt des Templates der aktuellen Seite ausgegeben, also z.B. product.liquid. Über die Variable <liquid>{{ content_for_head }}</liquid> werden für den Betrieb notwendige Resourcen eingebunden.

<!DOCTYPE html>
<html lang="{{ shop.locale.language }}" itemscope itemtype="http://schema.org/WebPage">

  <head>
    <meta charset="utf-8">
    <meta name="description" content="{{ head.description }}">
    <meta name="keywords" content="{{ head.keywords }}">
    {{ content_for_head }}
  </head>
  
  <body>
    <div id="header"></div>

    <div id="main">
      {{ content_for_layout }}
    </div>

    <div id="footer"></div>
    
    {% dtjs %}    
  </body>
    
</html>