CSP App setup for Venue Theme

Taking theme backup

This step is optional but highly recommended. Duplicate the theme on which you want to setup the CSP app and keep it as a backup because in case some issue happens, you can go back and publish the theme backup quickly.

CSP App Setup for Product Page

Go to Themes from dashboard >> Actions >> Edit Code

Open ‘Theme.liquid’ from layout and add the following code to the bottom of the file just above the </body>tag.

{% if template contains 'product' %}
<div id= "hiddenProductId" style="display:none;"data-product-id="{{product.id}}"></div>
{% endif %}

CSP App Setup for Collection Page

Open snippet “product-grid-item” and add this code above the anchor() tag as a parent div

product-selector="{{ product.id}}”

and then close div after the anchor closed () tag Like this:


Leave a Comment