Fenix Global EDD Script in the Shopify themes:
Enable Fenix’s estimated delivery date on PDP, CART page; there are few pre-requests information required for Fenix API to provide estimates. Global script primary responsibility is
Detect the user’s default zip code using the IP address. If the user detects in the USA region, Fenix will provide EDD in the PDP and CART pages.
Ability to provide EDD check for customer required zip code instead of default detected for desired USA zip codes.
Ability to get the current SKU information from the PDP page and multi SKU's in case of the CART page
How to configure Fenix global EDD scripts in the Shopify theme?
Click your store admin URL https://yourstorename.myshopify.com/admin
Duplicate the production or updated theme to move forward with the Fenix theme integration and to avoid any disturbance in the live theme. Refer to below sample screenshot
Rename the duplicated theme as Fenix Integration-yourthemename for better visibility and avoid confusion for other developers. Refer to below sample screenshot
Edit the theme code. Refer to below sample screenshot
Search for theme file. Refer to below sample screenshot
Search for theme.liquid keyword in the search box.Refer to below sample screenshot
Shopify Code Editor.Refer to below sample screenshot
The below code integration should be available in the theme for any further changes or while shifting to a completely brand new theme.
Insert below Code Snippet in theme.liquid file before or inside the </head> tag .
<!-- Fenix Scripts Start -->
<script src="https://d1dg552qx9z0ed.cloudfront.net/v3.0/fenix-all-shipping-options.js" type="text/javascript"></script>
<script src="https://d1dg552qx9z0ed.cloudfront.net/v4.0/fenix-fixd-estimate-4.0.0-beta.min.js" type="text/javascript"></script>
//Add below line only if your theme doesn't support JQuery
//{{ 'https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js' | script_tag }}
<!-- Fenix Script Ends --> |
Refer to the below sample screenshot with Jquery
Refer to the below sample screenshot without Jquery
