Archetype - Streamline Theme Size Guides (OS2.0) - Fixed

Store Design
1

Rather than a question, this is something I “fixed” after upgrading our Streamline theme to OS2.0 theme.

One of the cool features of the old version was how Size Guides were organised. You added a special product tag prefixed with “tab” (eg. “_tab_mens-t-shirt-size”) created a page called “Mens T-Shirt Size” and this would automatically pull through to your product information tabs. Noice.

However, OS2.0 broke this.

I’ve hacked the product-template.liquid with the following:


                
                  {% for tag in product.tags %}
                      {%- if tag contains '_tab_' -%}
                          {% capture new_variable %}{{ tag | remove: "_tab_" }}{% endcapture %}
                          {% capture tab_content %}{{ pages[new_variable].content }}{% endcapture %}
                          {% assign tab_id = "size" | append: product.id %}
                          {%- render 'tab', id: tab_id, title: "Sizing", content: tab_content -%}
                      {% endif %}
                  {% endfor %}     
                

              
                
                  {%- render 'social-sharing', share_title: product.title, share_permalink: product.url, share_image: product -%}

To make this work, you need to add this code after the “end for” code (around line 310) and remove the “social sharing” bit inside the for loop.

David