Create a Custom Online Store
You can customize your Jumpseller store by editing its HTML & CSS, design your online store, bring your ideas to life.
HTML Snippets for Categories
Creating a 3 level Category menu:
{% 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 %}
Showing the products inside a category:
<ul>
{% for product in subcategory.products %}
<li><a href="{{ product.url }}">{{product.name}}</a></li>
{% endfor %}
</ul>
Assigning a specific category to a variable:
{% assign cat = store.category['permalink'] %}
and display subcategories of that specific category:
{% for subcategory in cat.subcategories %}
<p>{{ subcategory.name }}</p>
<ul>
{% for subsubcategory in subcategory.subcategories %}
<li>{{ subsubcategory.name }}</li>
{% endfor %}
</ul>
{% endfor %}
or display products of that specific category:
{% for product in cat.products %}
{{ product.name }}
{% endfor %}
