SavvyRow - Vintage Gentlemens Clothing

Stuart Whitman — Fri, 04 Sep 2009 07:39:23 +0000

Just launched "SavvyRow":http://www.savvyrow.co.uk - a vintage clothing store for classic gentlemens clothes. The owner takes very detailed pictures of all items and has approx 12 images for each product so the customer can get a detailed view of exactly what they're getting. Features a sprinkling of jQuery for the product image swapping and product info tabs. Used the new snippets feature for the LHS menus and collections pages.

Jamie commented

Jamie — Fri, 04 Sep 2009 10:58:18 +0000

Looks great Stuart!

Roman I. commented

Roman I. — Mon, 07 Sep 2009 15:56:17 +0000

Hi Stuart,

Please, can you post a solution for your categories with submenu.

Stuart Whitman commented

Stuart Whitman — Mon, 07 Sep 2009 22:42:03 +0000

Hi Roman,

My fault, I think I know what your after but I haven’t managed to code a 2 level menu. What I did do was use a snippet to include the following submenu (garments_menu.liquid) so the store owner could update easily without looking through the whole of my theme layout.

<ul class="list">
<h3>Shop by Garments</h3>
                          <li><a href="/collections/jackets">Jackets</a></li>
<!--Start submenu-->                                   
{% assign typeList = ',' %}
<ul>
{% for product in collections['jackets'].all_products %}
     {% capture compareType %},{{product.type}},{% endcapture %}
        {% if typeList contains compareType or product.type == "--------" %}{% else %}
               <li>{{  product.type | link_to_type }}</li>
               {% capture tempList %}{{typeList}}{{product.type}},{% endcapture %}
               {% assign typeList = tempList %}
    {% endif %}
{% endfor %}
</ul>
<!--end submenu-->
                          <li><a href="/collections/coats">Coats</a></li>
<!--Start submenu-->
{% assign typeList = ',' %}                                   
<ul>
{% for product in collections['coats'].all_products %}
     {% capture compareType %},{{product.type}},{% endcapture %}
        {% if typeList contains compareType or product.type == "--------" %}{% else %}
               <li>{{  product.type | link_to_type }}</li>
               {% capture tempList %}{{typeList}}{{product.type}},{% endcapture %}
               {% assign typeList = tempList %}
    {% endif %}
{% endfor %}
</ul>
<!--end submenu-->
                          <li><a href="/collections/suits">Suits</a></li>
<!--Start submenu-->
{% assign typeList = ',' %}                                   
<ul>
{% for product in collections['suits'].all_products %}
     {% capture compareType %},{{product.type}},{% endcapture %}
        {% if typeList contains compareType or product.type == "--------" %}{% else %}
               <li>{{  product.type | link_to_type }}</li>
               {% capture tempList %}{{typeList}}{{product.type}},{% endcapture %}
               {% assign typeList = tempList %}
    {% endif %}
{% endfor %}
</ul>
<!--end submenu-->
                          <li><a href="/collections/waistcoats">Waistcoats</a></li>
<!--Start submenu-->
{% assign typeList = ',' %}                                   
<ul>
{% for product in collections['waistcoats'].all_products %}
     {% capture compareType %},{{product.type}},{% endcapture %}
        {% if typeList contains compareType or product.type == "--------" %}{% else %}
               <li>{{  product.type | link_to_type }}</li>
               {% capture tempList %}{{typeList}}{{product.type}},{% endcapture %}
               {% assign typeList = tempList %}
    {% endif %}
{% endfor %}
</ul>
<!--end submenu-->
                          <li><a href="/collections/trousers">Trousers</a></li>
<!--Start submenu-->
{% assign typeList = ',' %}                                   
<ul>
{% for product in collections['trousers'].all_products %}
     {% capture compareType %},{{product.type}},{% endcapture %}
        {% if typeList contains compareType or product.type == "--------" %}{% else %}
               <li>{{  product.type | link_to_type }}</li>
               {% capture tempList %}{{typeList}}{{product.type}},{% endcapture %}
               {% assign typeList = tempList %}
    {% endif %}
{% endfor %}
</ul>
<!--end submenu-->
                          <li><a href="/collections/eveningwear">Eveningwear</a></li>
<!--Start submenu-->
{% assign typeList = ',' %}                                   
<ul>
{% for product in collections['eveningwear'].all_products %}
     {% capture compareType %},{{product.type}},{% endcapture %}
        {% if typeList contains compareType or product.type == "--------" %}{% else %}
               <li>{{  product.type | link_to_type }}</li>
               {% capture tempList %}{{typeList}}{{product.type}},{% endcapture %}
               {% assign typeList = tempList %}
    {% endif %}
{% endfor %}
</ul>
<!--end submenu-->
                          <li><a href="/collections/morningwear">Morningwear</a></li>
<!--Start submenu-->
{% assign typeList = ',' %}                                   
<ul>
{% for product in collections['morningwear'].all_products %}
     {% capture compareType %},{{product.type}},{% endcapture %}
        {% if typeList contains compareType or product.type == "--------" %}{% else %}
               <li>{{  product.type | link_to_type }}</li>
               {% capture tempList %}{{typeList}}{{product.type}},{% endcapture %}
               {% assign typeList = tempList %}
    {% endif %}
{% endfor %}
</ul>
<!--end submenu-->
                          <li><a href="/collections/footwear">Footwear</a></li>
<!--Start submenu-->
{% assign typeList = ',' %}                                   
<ul>
{% for product in collections['footwear'].all_products %}
     {% capture compareType %},{{product.type}},{% endcapture %}
        {% if typeList contains compareType or product.type == "--------" %}{% else %}
               <li>{{  product.type | link_to_type }}</li>
               {% capture tempList %}{{typeList}}{{product.type}},{% endcapture %}
               {% assign typeList = tempList %}
    {% endif %}
{% endfor %}
</ul>
<!--end submenu-->
                          <li><a href="/collections/accessories">Accessories</a></li>
<!--Start submenu-->
{% assign typeList = ',' %}                                   
<ul>
{% for product in collections['accessories'].all_products %}
     {% capture compareType %},{{product.type}},{% endcapture %}
        {% if typeList contains compareType or product.type == "--------" %}{% else %}
               <li>{{  product.type | link_to_type }}</li>
               {% capture tempList %}{{typeList}}{{product.type}},{% endcapture %}
               {% assign typeList = tempList %}
    {% endif %}
{% endfor %}
</ul>
<!--end submenu-->
                          <li><a href="/collections/ladies-vintage-clothing">Ladies Vintage Clothing</a></li>
<!--Start submenu-->
{% assign typeList = ',' %}                                   
<ul>
{% for product in collections['ladies'].all_products %}
     {% capture compareType %},{{product.type}},{% endcapture %}
        {% if typeList contains compareType or product.type == "--------" %}{% else %}
               <li>{{  product.type | link_to_type }}</li>
               {% capture tempList %}{{typeList}}{{product.type}},{% endcapture %}
               {% assign typeList = tempList %}
    {% endif %}
{% endfor %}
</ul>
<!--end submenu-->          
                    </ul>

What would be ideal is if you could create a linklist with all the collections and then run the for…next inside that. Or the other way I thought about is was checking for another linklist called submenu-toplevelname but I can’t figure out how to pass the variable names about. Maybe Christina, Gavin or someone else has figured out how to do it…

I should also point out the for…next code is actually someone elses here on the forum I just made a small mod to check product.type was selected.

Roman I. commented

Roman I. — Tue, 29 Sep 2009 11:36:42 +0000

Thank you. It really help me a lot!

Jamie commented

Jamie — Wed, 21 Oct 2009 14:24:00 +0000

Just adding this bit from a later post. Stuart had trouble with this code if the returns were greater than 50 (a Shopify db limitation). The code was adjusted to:

{% paginate collections.['eveningwear'].products by 1000 %}
{% for product in collections['eveningwear'].all_products %}
  <li>{{ product.type | link_to_type }}</li>
{% endfor %}
{% endpaginate %}

To accomodate queries that returned more than 50 results.