Customize cart popup

Hello,
I’d like to customize the cart popup design. Currently images are too big, there are no dividers, etc. I also cannot scroll down when I have several products (thus I don’t see the buttons at the end, see screenshot 1), I can’t erase a product and buttons don’t have the theme format (see screenshot 2). I added screenshots below.
Can you please help me on this issue?
Thanks a lot

Attachments:

You must be logged in to view attached files.

Hello,

Your issues are not clear enough. Could you kindly elaborate more details: your screen shows the images, this is not a cart popup.
Please insert the site admin access into the Private content below the message area. We will take a closer look at the case.

Best Regards

Hello Elise,

Yes here are more details and screenshots of the full page instead of just the popup cart :
– The format of the popup cart is currently only big images, with text below, no remove button, no divider between products, etc. The buttons are also not in the format that I have set in the Theme settings (see screenshot 1)
– When I have several products in the cart, I can scroll down inside the cart. Which means that I cannot see all the products and I cannot access the Cart and Checkout buttons (see screenshots 2 and 3, taken on top of the page and at the end of my footer. I cannot scroll down inside the cart)
– Finally, I have just realised that the popup cart has different formats between pages. When I am on the account page, the format is different from the other pages (smaller images, visible remove button – see screenshot 4)

Would you be able to help me with this issue?
Thank you

Attachments:

You must be logged in to view attached files.

Here is screenshot 2 (loading error in previous post)

Hello,

Please deactivate all the plugins except these ones:

Slider Revolution
WPBakery Page Builder or Elementor
Woodmart Core
Contact Form 7
MailChimp for WordPress
WooCommerce
Safe SVG

If the problem has gone, activate the plugins one by one, checking the issue to detect which one causes the problem.

In case, the problem remains, even after all the plugins are deactivated, provide your site admin access (insert the site credentials into the Private content block under the message area) and confirm the permission for plugins deactivation, switching to the parent or default theme. As soon as we complete the testing we will enable all back, however, the site would be without plugins for 15-20 min. You would better make the full backup of your site.

Best Regards

Hello Elise,

I followed your instructions but the issue is not resolved. The cart popup has the same format now on every page, but it is still not good (see screenshot).
I have left all plugins deactivated except elementor, woocommerce and woodmart core for another ticket. I left the website in your hands until you have been able to make the testing. I give you permission to activate/deactivate all necessary plugins.

Thank you

Attachments:

You must be logged in to view attached files.

Hello,

Please disable the shop cart widget in the Elementor > Settings > Itegration: https://gyazo.com/359e99ac778ce2aff93b833ce1b4ce9e

If you have any questions please feel free to contact us.

Best Regards

Hello Elise,

The popup cart works perfectly now, what a relief…

Can I just ask you how can I customize the format of the text in the cart, i.e.:
– Products titles bigger and uppercase
– Number of products and price bigger

Thank you so much!

Hello,

You can change the font by means of the Advanced typography option, which allows you to choose the item from a drop-down or insert your custom CSS class. Please navigate to the Theme Settings > Typography > Advanced Typography.

Here is the documentation providing more detailed instructions: https://xtemos.com/docs/woodmart/advanced-typography-settings/

Best Regards

Hello Elise,

Yes this is what I was trying to do but I was struggling finding the right CSS class.
I found it, it’s the following: .woocommerce-mini-cart-item.mini_cart_item

Thank you again for your help !

You are welcome! We are here to help.

Wish you a wonderful day!

[Author]

Posts