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

index.liquid

Das Template <keyword>index.liquid</keyword> rendert die Startseite des Shops.

Speicherort

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

Verfügbare Objekte

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

Beispiel-Template

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 %}