DoT Products extra details Setup

  • DoT Products extra details Setup

Welcome to the setup document of DoT Products extra details. Here’s an easy step-by-step guide for setup DoT Products extra details for your store theme.


Step 1:

Login to your store admin

step 1


Step 2:

In left menu click on Online store.

step 2


Step 3:

In window under theme click on Actions of Current theme and then in dropdown select Edit code

step 3


Step 4:

Copy the code below and insert into your sections/product-template.liquid or templates/product.liquid file

<div id="dot-product-extradetail" data-id="{{product.id}}"></div>

step 4

Best place to add the code, just after {{ product.description }}.Don't forget to Save file after changing or adding code.

step 4.1


Step 5:

Congratulations DoT Products extra detail code is added. Now Go to This page to understand how you can add extra details in your products.