Fenix Shopping CART or Bag code snippet Features.
...
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 Snippets keyword in the search and click on Add a new Snippet. Refer to below sample screenshot
...
Create and name the new snippet as fenix-cart-template.liquid and clickCreate Snippetbutton. Refer to below sample screenshot
fenix-cart-template.liquid Code snippet
Code Block |
---|
<!-- START FENIX CONFIGURATION CODE--> <style> .fenix-fixd-delivery-cart { text-align: right; margin-bottom: 10px; margin-left:-5% !important; } @media screen and (min-width: 1200px) { .fenix-fixd-delivery-cart { font-size: 14px; } } @media screen and (max-width: 480px) { .fenix-fixd-delivery-cart { font-size: 13px; } } @media screen and (max-width: 360px) { .fenix-fixd-delivery-cart { font-size: 10px; } } .fenix-resp-span-date,.fenix-resp-span-shippingname,.fenix-resp-span-time{ color:#000 !important; } .fenix-fixd-delivery-cart strong{ font-weight:bold; color:#000; } </style> <script> if (window.location.pathname == "/cart" || window.location.pathname == "/cart/") { FenixDeliveryEstimates({ page: 'cart', cartItems: {{ cart.items | json }}, shop: "{{shop.permanent_domain}}", template: "{{template}}", fenixMessageStyles: { fontSize: '14px', messageHighlightColor: '#333', changeZipTextColor: '#333' } }); } $( document ).ajaxComplete(function( event, xhr, settings ) { if ( settings.url === JSON.parse(window.sessionStorage._fenixStoreInfo).delEstUrl ) { if( $(".fenix-fixd-delivery-cart").text() == "" || $("#fenix-message-left").text().length == 0 ){ $(".fenix-fixd-delivery-cart").hide(); }else{ $(".fenix-fixd-delivery-cart").show(); } } }); </script> <!--END FENIX CONFIGURATION CODE--> |
...
Copy past the above-provided code snippet completely into fenix-cart-template.liquid file and don't forget to click the Save button. Refer to below sample screenshot
...
Add the above code snippet in cart-template.liquid file and click the Save button.Refer to below sample screenshot
...
Search for a subtotal keyword in the cart-template.liquid file. Press enter at starting of <div>
...
Insert the above code snippet in your cart-template.liquid file. We suggest you place it above the checkout button for order-level estimates. Click the Save button
...
If you need to item level Estimated Delivery Dates in CART or for any styling changes such as font size, color, font style, etc. Please contact Fenix Customer Support Team fixdsupport@fenixcommerce.ai
Note:-Strictly Use only the existing <style> </style> section. Please reach out to Fenix for making any changes other than styling.
Estimated Delivery Date on Shopping Cart Page
...
Last step to delete Session trackers:
Login to store
Visit Admin->settings -> checkout
In order status page add below code
store-url-dot-com/admin/settings/checkout
Code Block |
---|
<script>
document.cookie = "fenixSSID=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
</script> |
...