SpiceGems Knowledge Base
All AppsContact Us
Handpicked Cross Sell
Handpicked Cross Sell
  • Getting started
  • Attach cross-sell to a product
  • Create global cross-sell
  • Cross-sell snippet installation
  • Cross-sell snippet installation (Shopify 2.0)
  • FAQs
Powered by GitBook
On this page

Cross-sell snippet installation (Shopify 2.0)

PreviousCross-sell snippet installationNextFAQs

Last updated 6 months ago

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 for free installation support.

help@spicegems.com