.png)
IPDex Setup Instructions on 1.0 Themes
We're excited to welcome you here! If you are interested in our application IPDex, the following are detailed instructions concerning the application setup and creation of a custom countdown timer on your product pages.
​
The process of setting up the application is a bit different on the older 1.0 themes, so brace for some customization!
Select "Online Store" from side navigation
In the admin panel of your store, select the "Online Store" from Sales Channels section of the side navigation.
Press the three dots, then the "Edit code" option
On the resulting page, click on the three dots next to the "Customize" button, and then select the "Edit code" option in the selection list.
Under the "Assets" section on the left navigation, select the "Add a new asset" option
Under the "Assets" section on the left navigation, click on the "Add a new asset" option.
Select the "Create a blank file" tab
In the new popup, select a "Create a blank file" tab.
In "Extension" select "js", and set "ipdex" as the file name
In the "Extension" dropdown select "js", and name the new file "ipdex". Then press the "Done" button.
Paste the following code in the new file and press the "save" button
Under the "Assets" section on the left navigation, select the "Add a new asset" option again
Under the "Assets" section on the left navigation, click on the "Add a new asset" option again.
Select the "Create a blank file" tab
In the new popup, select a "Create a blank file" tab.
In "Extension" select "css", and set "ipdex" as the file name
In the "Extension" dropdown select "css", and name the new file "ipdex". Then press the "Done" button.
Select the "theme.liquid" file from the top of the left navigation
Select the "theme.liquid" file from the top of the left navigation (you can use the "Search files" bar if you have hard time locating it!).
Paste the following code in the new file and press the "save" button
Paste the following two lines of code right before the closing </body> tag at the bottom of the page and save the file
{{ 'ipdex.js' | asset_url | script_tag }}
{{ 'ipdex.css' | asset_url | stylesheet_tag }}
Select the "product.liquid" or "product-template.liquid" file from the top of the left navigation
Select the "product.liquid" or "product-template.liquid" file from the top of the left navigation (you can use the "Search files" bar if you have hard time locating it!). If both are present, go for the "product-template.liquid".
Paste the following line of code before the <div> tag containing "product.description" (or elsewhere, according to your choice) and save the file
<div id="deliveryDiv"></div>
Check your product page to see the results!
