Das Template <keyword>index.liquid</keyword> rendert die Startseite des Shops.
Das Template muss unter <keyword>templates/index.liquid</keyword> abgelegt werden.
Innerhalb des <keyword>index.liquid</keyword> Templates stehen folgende Objekte zur Verfügung:
Das nachfolgend Beispiel zeigt die Ausgabe eines platzierten Content, mit dazugehörigen Absätzen, an der Position "Top".
{% if page.related_content_top %}
<div class="cms_container">
{% if page.related_content_top.headline %}
<h1>{{ page.related_content_top.headline }}</h1>
{% endif %}
{% if page.related_content_top.summary %}
<h2>{{ page.related_content_top.summary }}</h2>
{% endif %}
{% if page.related_content_top.body %}
{{ page.related_content_top.body }}
{% endif %}
{% if page.related_content_top.featured_media %}
<div class="imagewrap_imagecont">
<img src="{{ page.related_content_top.featured_media.src | content_media_url:'medium' }}" title="{% if page.related_content_top.featured_media.alt %}{{ page.related_content_top.featured_media.alt | escape }}{% endif %}" alt="{% if page.related_content_top.featured_media.alt %}{{ page.related_content_top.featured_media.alt | escape }}{% endif %}" />
</div>
{% endif %}
{% for media in page.related_content_top.media %}
{% if media.type == "media_image" %}
{% if media.src != page.related_content_top.featured_media.src %}
<div class="imagewrap_imagecont">
<img src="{{ media.src | content_media_url:'medium' }}" title="{% if media.alt %}{{ media.alt | escape }}{% endif %}" alt="{% if media.alt %}{{ media.alt | escape }}{% endif %}" />
</div>
{% endif %}
{% endif %}
{% endfor %}
{% for paragraph in page.related_content_top.children %}
<div class="innerCms">
{% if paragraph.headline %}
<h2>{{ paragraph.headline }}</h2>
{% endif %}
{% if paragraph.summary %}
{{ paragraph.summary }}
{% endif %}
{% if paragraph.body %}
{{ paragraph.body }}
{% endif %}
{% if paragraph.featured_media %}
<div class="imagewrap_imagecont">
<img src="{{ paragraph.featured_media.src | content_media_url:'medium' }}" title="{% if paragraph.featured_media.alt %}{{ paragraph.featured_media.alt | escape }}{% endif %}" alt="{% if paragraph.featured_media.alt %}{{ paragraph.featured_media.alt | escape }}{% endif %}" />
</div>
{% endif %}
{% for media in paragraph.media %}
{% if media.type == "media_image" %}
{% if media.src != paragraph.featured_media.src %}
<div class="imagewrap_imagecont">
<img src="{{ media.src | content_media_url:'medium' }}" title="{% if media.alt %}{{ media.alt | escape }}{% endif %}" alt="{% if media.alt %}{{ media.alt | escape }}{% endif %}" />
</div>
{% endif %}
{% endif %}
{% endfor %}
</div>
{% endfor %}
</div>
{% endif %}