Step 1:– Copy the Snippet code below
<div id="spicegemsCrossSellApp"></div>Step 2:- Go to the Online store –> Themes under the Shopify Admin.
Step 3:- Select Actions (Current theme) and click “Edit code”.
Step 4:- Find Product.json under the Templates folder.
*Note:– In the Shopify Online Store 2.0, each page type is represented as a .json file within the Templates folder of the theme, they are just simply data files that indicate which sections will appear by default on a page, and in what order.
In our theme, we can see that product.json file have a “main” property, which is the main section for that page, and the “type” property is used to identify the name of the included file.
Step 5:- Search for the main section file name (main-product) in the Sections folder. In our theme, the file name is “main-product.liquid“. It may vary depending upon the theme.
Step 6:- Add the snippet at the bottom of this template file and save the changes.
*If you can’t find the right place to install the snippet in your theme, please feel free to contact us on our email help@spicegems.com for free installation support.