{"product_id":"how-do-i-show-total-price-in-header-cart-icon-in-bigcommerce","title":"How do I show total price in header cart icon in BigCommerce","description":"Showing total price in the cart icon in header is very important feature. As it provides shopper an ability to see what the total so far without going into the card page. And if your \u003ca href=\"http:\/\/localhost\/dit\/services\/bigcommerce-design-development\"\u003eBigCommerce template design\u003c\/a\u003e doesn’t provide this out of the box, you could either contact \u003ca href=\"http:\/\/localhost\/dit\/services\/bigcommerce-design-development\"\u003eBigCommerce development services\u003c\/a\u003e or follow the instruction below to do it yourself.\n\nFollow these steps in-order to display total price with cart. Obviously, download the theme backup first, just to be safe. To do this go to your admin panel, go to design and click on download theme. Add this new line in the bottom:\nWe’re \u003ca href=\"http:\/\/localhost\/dit\/services\/bigcommerce-design-development\"\u003eBigCommerce design service\u003c\/a\u003e, if you need any help, please feel free to reach out. Our \u003ca href=\"http:\/\/localhost\/dit\/services\/bigcommerce-design-development\"\u003eBigCommerce designers and developers\u003c\/a\u003e help you with your BigCommerce store.\n\n\u003cstrong\u003e1. Login to the bigcommerce admin area.\u003c\/strong\u003e\n\n\u003cstrong\u003e2. Go to design and than Edit Html\/css\u003c\/strong\u003e\n\n\u003cstrong\u003e3. Go to Panel \u0026gt; SideCartContents.html file . and replace with the below code as per the screenshot.\u003c\/strong\u003e\n\n[php]\n \u003cspan class=\"”cartCost”\"\u003e\n  \u003cspan id=\"”tot”\"\u003e %%LNG_SideCartTotalCost%% \u003c\/span\u003e\n \u003c\/span\u003e\n[\/php]\n\n\u003cimg class=\"size-full wp-image-664 alignnone\" src=\"http:\/\/localhost\/dit\/wp-content\/uploads\/2014\/08\/Screenshot-at-Aug-26-16-50-15.jpg\" alt=\"\"\u003e\n\u003ch4\u003e\u003cstrong\u003e4 ) Now Go the Header Section and paste the below div for cart as per the screenshots \u003c\/strong\u003e\u003c\/h4\u003e\n\n[php]\n\n\u003cdiv style=\"”display:none;”\" id=\"”CartContent”\"\u003e         %%Panel.SideCartContents%%\n\u003c\/div\u003e\n\n[\/php]\n\n\u003cimg class=\"size-full wp-image-664 alignnone\" src=\"http:\/\/localhost\/dit\/wp-content\/uploads\/2014\/08\/Screenshot-at-Aug-26-16-49-55.jpg\" alt=\"\"\u003e\n\u003ch4\u003e\u003cstrong\u003e5) Now go to the HTMLHead.html file and paste the below code there at proper location.\u003c\/strong\u003e\u003c\/h4\u003e\n\n[php]\n\u003cscript type=\"”text\/javascript”\"\u003e\n   $(document).ready(function(){\n   var items = ‘%%GLOBAL_CartItems%%’;\n   var cartHTML = $(“#CartContent”).html();\n   var cartAmount = $(cartHTML).find(“#tot strong”).html();\n  \/\/ $(“#cartText”).html(itms + ‘ – ‘ + cartAmount);\n   });\n\u003c\/script\u003e\n[\/php]\n\nAfter following all this steps you will be able to see your total price with cart in header portion.\n\nThis article will help you to see the total price of your cart in header with quantity including all the gift certificate coupon price.","brand":"DitDemo","offers":[{"title":"Default Title","offer_id":31632222453850,"sku":"","price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1353\/8361\/products\/Screenshot-at-Jul-01-13-49-01-1_537d1b40-3333-4826-ad4b-2d310a26b51a.jpg?v=1576670072","url":"https:\/\/sportswear-8.myshopify.com\/products\/how-do-i-show-total-price-in-header-cart-icon-in-bigcommerce","provider":"sportswear","version":"1.0","type":"link"}