Block
Ein block stellt den Inhalt und die Einstellungen eines einzelnen Blocks in einer Reihe von Abschnittsblöcken dar. Auf das Objekt block kann in einer Abschnittsdatei durch eine Schleife über section. blocks zugegriffen werden.
{% for block in section.blocks %}
<!-- output block content -->
{% endfor %}
Das Objekt block hat die folgenden Attribute:
Inhalt
block.id
Gibt eine eindeutige, von VersaCommerce dynamisch generierte ID zurück.
block.settings
Liefert ein Objekt mit den im Themeneditor festgelegten Blockeinstellungen zurück. Einstellung abrufenwerte durch Verweis auf die eindeutige Einstellung id.
<img src="{{ block.settings.image | image_url: width: 800 }}" alt="{{ block.settings.image.alt }}">
<img src="//cdn.versacommerce.de/.../promo-banner1.jpg&width=800" alt="New season - Frühling 2017">
block.shopify_attributes
Gibt eine Zeichenkette mit den Attributen des Blocks zurück.
Die JavaScript-API des Themeneditors verwendet die shopify_attributes eines Blocks, um Blöcke zu identifizieren und auf Ereignisse zu warten. Außerhalb des Themeneditors wird kein Wert für block. shopify_attributes zurückgegeben.
block.type
Gibt den im Schema des Blocks definierten Typ zurück. Dies ist nützlich, um je nach block. type unterschiedliche Markups anzuzeigen.
{% for block in section.blocks %}
{% if block.type == 'advert' %}
<!-- output an image mit einer link -->
{% elsif block.type == 'headline' %}
{% endif %}
<!-- output a header with text -->
{% endfor %}