Layout-Theme

Layout-Theme

In diesem Template wird neben den Layout meist folgendes definiert:
  1. Kopfbereich / Logo
  2. Navigationen
  3. Produkt-Suchfeld
  4. Fussbereich
In dieser theme.html werden alle anderen Templates eingebunden. Die weiteren Templates werden abhänig von der URL im Shop eingebunden. Zum Beispiel wird das template product.html eingebunden, wenn man sich auf einer Produktdetail-Seite befindet.




Hinweise
Damit diese dynamischen Inhalte auch den Besuchern Ihrer Webseite angezeigt werden können, muss die Ausgabe im HTML-Code von theme.html vorkommen.
Wenn Sie im Kopfbereich des Dokumentes einsetzen, wird zum Beispiel Google Analytics Tracking Code auf der Seite eingebaut.

    • Related Articles

    • theme

      Ordner mein-design/templates/cart.html Beispiel-URL demoshop.versacommerce.de/cart Diese beiden Liquid-Objekt müssen in der theme.html enthalten sein. Andernfalls wird das Theme nicht richtig funktionieren. {{ content_for_header }} and ...
    • Eigenes Theme erstellen

      Im Folgenden werden wir anhand von einfachen Beispielen alle notwendigen Dateien vorstellen. Sie werden sehen, dass Sie mit wenig Aufwand einen lauffähigen Online-Shop erstellen können. Es sind Ihnen keine Grenzen gesetzt, wenn Sie Ihr eigenes ...
    • Theme-Konfigurator

      Nötige Dateien Die Datei settings_schema.json kann genutzt werden, um die Konfigurationsmöglichkeiten des Konfigurators zu verändern. Im Theme Editor ist die Datei im Bereich config zu finden. mein-design/config/settings_data.json Beispiel einer ...
    • article

      Die Datei article.html stellt einen Blogeintrag und optional auch dessen Kommentare dar. Ordner mein-design/templates/article.html Beispiel-URL demoshop.versacommerce.de/collections/meine-gruppe Wichtige Hinweise Wenn ein Besucher einen Kommentar ...
    • cart

      Ordner mein-design/templates/cart.html Beispiel-URL demoshop.versacommerce.de/cart Positionen Jede Position im Warenkorb ist als item in der Variable cart.items gespeichert. Ein Item „weiß“, welche Variante eines Produktes es ist. Außerdem werden ...