Parent Category - CrystalCommerce Liquid Documentation for Designers

Parent Category

Additional Variables Available

buylist
True if the user is browsing in buylist mode. False otherwise.

Used in Routes

  • /category/[CATEGORY SEONAME]/[CATEGORY ID] - For a category with products disabled

File: parent_category.liquid

Default Liquid Template

<h1 class="pagetitle">{{ category.name }}</h1>

<h4 id="category-breadcrumbs">
  {% for cat in category.self_and_ancestors %}
    {% if forloop.last %}
      <span class="current-crumb">{{ cat.name }}</span>
    {% else %}
      <a href="{{ cat.url }}" class="breadcrumb">{{ cat.name }}</a> &#187;
    {% endif %}
  {% endfor %}
</h4>

<p>
  {% unless category.photo == false %}
    <img src="{{ category.photo | photo_url: 'large' }}" class="floatLeft" />
  {% endunless %}
  {{ category.description }}
</p>

<p>
  Please choose a subcategory of products from the list below.
</p>

{% for cat in sub_categories %}
<div style="clear: both"></div>
<h2><a href="{{ cat.url }}">{{ cat.name }}</a></h2>
<p>
  {% unless cat.photo == false %}
    {{ cat | category_photo_link }}
  {% endunless %}
  {{ cat.description }}
</p>
{% endfor %}

Default Mobile Liquid Template

<header>
  {% unless category.parent.root? %}
    <h1><a href="{{ category.parent.url }}">{{ category.parent.name }}</a></h1>
  {% else %}
    <h1><a href="/">{{ site.store_name }}</a></h1>
  {% endunless %}
  {% include 'header_icons' %}
</header>
<div class="parent_category">
  <h1>{{ category.name }}</h1>
  {% unless category.photo == false %}
    <img src="{{ category.photo | photo_url: 'medium' }}" class="category_photo" />
  {% endunless %}
  <p class="category_description">{{ category.description }}</p>

  <ul class="child_categories ui-buttons">
  {% for cat in sub_categories %}
    <li>
      {% unless cat.photo == false %}
        <a href="{{ cat.url }}"><img src="{{ cat.photo | photo_url: 'medium' }}" class="category_photo" /></a>
      {% endunless %}
      <h3><a href="{{ cat.url }}">{{ cat.name }}</a></h3>
      <p class="category_description">{{ cat.description }}</p>
    </li>
  {% endfor %}
  </ul>
</div>

Drops Supported