Saltar para o conteúdo principal
Centro de Suporte

Fragmentos HTML para Categorias

Criando um menu de 3 níveis com as categorias:

{% if categories != empty %}
<ul>
{% for category in categories %}
  <li><a href="{{category.url}}">{{category.name}}</a>
  {% if subcategories != empty %}
  <ul>
  {% for subcategory in category.subcategories %}
    <li><a href="{{ subcategory.url }}">{{ subcategory.name }}</a></li>
  <ul>
  {% for subsubcategory in subcategory.subcategories %}
    <li><a href="{{ subsubcategory.url }}">{{ subsubcategory.name }}</a></li>
  {% endfor %}
  </ul>
  {% endfor %}
  </ul>
  {% endif %}
  </li>
{% endfor %}
</ul>
{% endif %}

Mostrando os produtos dentro de uma categoria:

<ul>
{% for product in subcategory.products %}
  <li><a href="{{ product.url }}">{{product.name}}</a></li>
{% endfor %}
</ul>

Definindo uma variável com uma categoria específica:

{% assign cat = store.category['permalink'] %}

e apresentando as sub-categorias dessa categoria:

{% for category in cat.subcategories %}
  {{ category.name }}
{% endfor %}

ou apresentando os produtos dessa categoria:

{% for product in cat.products %}
  {{ product.name }}
{% endfor %}

Comece a vender connosco!

Teste grátis por 7 dias. Não é necessário cartão de crédito.