Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

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:

  1. Login to store

  2. Visit  Admin->settings  -> checkout 

  3. 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>

...