Shop The Look FAQs

FAQs

1. How to install Shop The Look on OS 2.0

STEP 1

Open your theme customizer:

You can go to "Online Store" ➝ "Themes" ➝ "Customize"

Faq image

STEP 2

In the top dropdown menu find "Products" and choose the template. Usually it's a "Default product" template, but if you have others - you need to choose the template related to the products where tabs will appear.

STEP 3

Here you need to click "Add section" and then find the Shop The Look widget.

Once you add it - widget will automatically appear. You can now drag and drop the Shop The Look widget to place it in the right spot.

2. How to install Shop The Look for Old Stores

STEP 1

Open your theme code editor:

You can go to "Online Store" ➝ "Themes" ➝ "Edit code"

Faq image

STEP 2

In Sections file search and find the exact section that should be above the “Advanced shop the look”

Faq image

STEP 3

Once you find that - at the end of the file, before “schema” tag add the following part

{% if template.name == 'product' %} {% if product.metafields.pbc_defult_namespace.look %} <script type="text/javascript"> let lookProductPage = true; let lookDataJson = {% if product.metafields.pbc_defult_namespace.look %}{{ product.metafields.pbc_defult_namespace.look }}{% else %}false{% endif %}; </script> <section class="pbc-stl pbc-stl-{{ block.id }}"> <div class="pbc-stl_container"> <div class="pbc-stl__wrapper"> <div class="pbc-stl__content"> </div> </div> </div> </section> {% endif %} {% endif %}

After clicking "Save" button please close the code editor. That's it!

Faq image

How to install Shop The Look on OS 2.0

STEP 1

Open your theme customizer:

You can go to "Online Store" ➝ "Themes" ➝ "Customize"

Faq image

STEP 2

In the top dropdown menu find "Products" and choose the template. Usually it's a "Default product" template, but if you have others - you need to choose the template related to the products where tabs will appear.

STEP 3

Here you need to click "Add section" and then find the Shop The Look widget.

Once you add it - widget will automatically appear. You can now drag and drop the Shop The Look widget to place it in the right spot.

Get better at the speed of your ideas

Ready to carve out your niche and build a future-ready business? Our experienced team of Shopify experts knows how to bring your plans to life.