Shopify Theme Integration (Deprecated JQuery Version)

Owned by Sharath Chandra Parashara
Last updated: Aug 15, 2023
3 min read

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

 

Next Steps