Hide Empty Cart
I was looking for a way to hide the shopping cart icon when the cart is empty. I couldn't find my answer online and reached out to support. They offered the following code, which works great.
I wanted to add it here, in case it may help someone else. The following code needs to be added to Site Settings > Header and Footer Code > Header Code.
- <script>
- document.addEventListener("zp-event-cart-count", isCartEmpty);
- function isCartEmpty(cartCountEvent){
- let cartCount = document.querySelector("[data-zs-view-cart-count]");
- let cartIcon = document.querySelector("[data-zs-view-cart]");
- if((cartCountEvent.detail.cart_count === 0)){
- cartCount.style.display = "none";
- cartIcon.style.display = "none";
- } else {
- cartCount.style.display = "block";
- cartIcon.style.display = "block";
- }
- }
- </script>
Zoho Developer Community
New to Zoho LandingPage?
Zoho LandingPage Resources
New to Zoho Survey?
New to Zoho CRM Plus?
Deliver unforgettable customer experiences
New to Zoho CRM Plus?
Deliver unforgettable customer experiences
New to Zoho Marketing Plus?
Everything you need to run your marketing
New to Zoho Marketing Plus?
Everything you need to run your marketing
New to Bigin?
Topic Participants
Eddie S
New to Zoho TeamInbox?
Zoho TeamInbox Resources
Zoho DataPrep Resources
Zoho CRM Plus Resources
Zoho Books Resources
Zoho Subscriptions Resources
Zoho Projects Resources
Zoho Sprints Resources
Qntrl Resources
Zoho Creator Resources
Zoho WorkDrive Resources
Zoho Campaigns Resources
Zoho CRM Resources
Design. Discuss. Deliver.
Zoho Show Resources
Get Started. Write Away!
Writer is a powerful online word processor, designed for collaborative work.
Zoho CRM コンテンツ
-
オンラインヘルプ
-
Webセミナー
-
機能活用動画
-
よくある質問
-
Ebook
-
-
Zoho Campaigns
- Zoho サービスのWebセミナー