Comments on: How to create a floating cart icon with Divi https://diviengine.com/how-to-create-a-floating-cart-icon-with-divi-and-woocommerce/ Boost the power of your Divi website Fri, 17 Nov 2023 12:30:37 +0000 hourly 1 https://wordpress.org/?v=6.5.4 By: max https://diviengine.com/how-to-create-a-floating-cart-icon-with-divi-and-woocommerce/#comment-189617 Sat, 26 Feb 2022 17:51:05 +0000 https://diviengine.com/?p=61973#comment-189617 ich bin einfach unfähig. bei mir ist nur ein graues quatrat ohne Inhalt und ohne Funktion sichbar.

]]> By: Mart-Marie https://diviengine.com/how-to-create-a-floating-cart-icon-with-divi-and-woocommerce/#comment-171666 Fri, 18 Jun 2021 09:35:24 +0000 https://diviengine.com/?p=61973#comment-171666 In reply to Divi Engine.

Hi,

Got the answer via email:

Please add this CSS to Divi > Theme Options > Custom CSS

#page-container .bc_minicart_section#float-cart {
left: auto !important;
}

]]> By: Divi Engine https://diviengine.com/how-to-create-a-floating-cart-icon-with-divi-and-woocommerce/#comment-171638 Thu, 17 Jun 2021 18:26:55 +0000 https://diviengine.com/?p=61973#comment-171638 In reply to Mart-Marie.

Can you send a link to the site so I can see?

]]> By: Mart-Marie https://diviengine.com/how-to-create-a-floating-cart-icon-with-divi-and-woocommerce/#comment-171628 Thu, 17 Jun 2021 13:13:29 +0000 https://diviengine.com/?p=61973#comment-171628 Hi,

For some reason the cart placement is on the left and not the right as per the css provided by this great tutorial. I have tried to force it with the section’s position option under the advanced tab, but then the floating cart disappears.

I have tried to add a left position of 95vw, to push it left, in the builder shows that it is then on the right hand side of the screen, but once I go on the live site then it still is on the left hand side.

Please help!

]]> By: Divi Engine https://diviengine.com/how-to-create-a-floating-cart-icon-with-divi-and-woocommerce/#comment-152392 Wed, 21 Oct 2020 14:25:40 +0000 https://diviengine.com/?p=61973#comment-152392 In reply to daniel malka.

Are you using Divi BodyCommerce? If so, please email su*****@di********.com and we can help you. All the code you need is above

]]> By: daniel malka https://diviengine.com/how-to-create-a-floating-cart-icon-with-divi-and-woocommerce/#comment-152380 Wed, 21 Oct 2020 10:38:24 +0000 https://diviengine.com/?p=61973#comment-152380 thank you very much
The size of the basket does not change despite manipulations in the basket icon settings.
In addition, the basket icon does not move when the mini slide basket is active.
Do you have a solution? Thank you

]]> By: Divi Engine https://diviengine.com/how-to-create-a-floating-cart-icon-with-divi-and-woocommerce/#comment-150171 Tue, 29 Sep 2020 12:23:14 +0000 https://diviengine.com/?p=61973#comment-150171 In reply to Rose Bai.

Perfect thanks!

]]> By: Rose Bai https://diviengine.com/how-to-create-a-floating-cart-icon-with-divi-and-woocommerce/#comment-150162 Tue, 29 Sep 2020 11:04:16 +0000 https://diviengine.com/?p=61973#comment-150162 In reply to Rose Bai.

Nevermind, figured it out.

]]> By: Rose Bai https://diviengine.com/how-to-create-a-floating-cart-icon-with-divi-and-woocommerce/#comment-150161 Tue, 29 Sep 2020 11:02:09 +0000 https://diviengine.com/?p=61973#comment-150161 Hello, How do you remove this from the mobile versions?

]]> By: Divi Engine https://diviengine.com/how-to-create-a-floating-cart-icon-with-divi-and-woocommerce/#comment-141659 Mon, 06 Jul 2020 10:46:29 +0000 https://diviengine.com/?p=61973#comment-141659 In reply to Rohan.

Thanks for the feedback! Glad we could help

]]> By: Rohan https://diviengine.com/how-to-create-a-floating-cart-icon-with-divi-and-woocommerce/#comment-141224 Fri, 03 Jul 2020 23:10:29 +0000 https://diviengine.com/?p=61973#comment-141224 Thank you for the nice tutorial. Worked like a charm.

]]> By: Divi Engine https://diviengine.com/how-to-create-a-floating-cart-icon-with-divi-and-woocommerce/#comment-138430 Tue, 09 Jun 2020 10:39:08 +0000 https://diviengine.com/?p=61973#comment-138430 In reply to massimiliano mollo.

Add this to remove it from the slide in menu


.et_slide_in_menu_container .shop-cart {
display: none !important;
}

]]> By: Divi Engine https://diviengine.com/how-to-create-a-floating-cart-icon-with-divi-and-woocommerce/#comment-138429 Tue, 09 Jun 2020 10:37:42 +0000 https://diviengine.com/?p=61973#comment-138429 In reply to massimiliano mollo.

Because your section has a lower z-index. Change this in your section settings or add this CSS


#float-cart {
z-index: 9999999999;
}

]]> By: Divi Engine https://diviengine.com/how-to-create-a-floating-cart-icon-with-divi-and-woocommerce/#comment-138428 Tue, 09 Jun 2020 10:36:47 +0000 https://diviengine.com/?p=61973#comment-138428 In reply to massimiliano mollo.

Yes sure, please add this CSS to get the rounded border


.cart-icon {
border-radius: 100%;
}

#float-cart {
background-color: transparent;
}

]]> By: massimiliano mollo https://diviengine.com/how-to-create-a-floating-cart-icon-with-divi-and-woocommerce/#comment-138427 Tue, 09 Jun 2020 10:30:30 +0000 https://diviengine.com/?p=61973#comment-138427 Sorry i follow your guide with css but have this problem with floating cart icon, and also if is possibile i have round border on icon background.
Tks

]]> By: massimiliano mollo https://diviengine.com/how-to-create-a-floating-cart-icon-with-divi-and-woocommerce/#comment-138426 Tue, 09 Jun 2020 10:29:12 +0000 https://diviengine.com/?p=61973#comment-138426 i need to erase cart icon inside slide-in menu pls

]]> By: massimiliano mollo https://diviengine.com/how-to-create-a-floating-cart-icon-with-divi-and-woocommerce/#comment-138425 Tue, 09 Jun 2020 10:27:45 +0000 https://diviengine.com/?p=61973#comment-138425 my footer cover floating icon why?

]]>