*For free installation assistance contact us on our email help@spicegems.com

Step:- 1 Copy the snippet code below.


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:- Find the  {% form %} tag and the {% endform %} tag in the file. Paste the snippet above {% endform %} and save the changes. The addons will display in the product form.

Note:- To display the addons above “add to cart” button. In the form find the code block for “add to cart” button and paste the app snippet above the code block.

*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.