Customize Cart widget

Hi, could you please tell me where I can customize the Shopping Cart Widget?
I would like to use different colors and change the button texts.
Also: the buttons do not link to the correct pages, so I need to change the settings for that. (View Cart and Checkout)
Thanks,
Julia

Hello,

We are glad to know that you considered using WoodMart for your web-site. I hope you will be happy with it.

Could you please provide us some screenshot of how do you want to customize it? We will try to prepare a code snippet to change its colors. As for texts, you can translate all theme and plugin texts via PO file in WordPress. Here is a video tutorial that should help you translate your website texts with a Loco Translate plugin https://www.youtube.com/watch?v=D3NsDdMzsls&list=PLMw6W4rAaOgKKv0oexGHzpWBg1imvrval&index=3

WooCommerce pages can be configured in WooCommerce -> Settings.

Kind Regards
Xtemos

Hello,
Thanks for the quick reaction!
attached I am sending a screenshot with comments.
Basically I would like to change the background color and the texts.
Translations I have managed meanwhile.
Thanks,
Julia

Attachment did not work in previous message – hopefully now.

Attachments:

You must be logged in to view attached files.

Hi,

Try to add the following code snippet to the Custom CSS area in Theme Settings to fix this issue.

body.dropdowns-color-light .cart-widget-side {
	background-color: white;
}

body.dropdowns-color-light .cart-widget-side .widget-close,
body.dropdowns-color-light .cart-widget-side .remove,
body.dropdowns-color-light .cart-widget-side .total strong,
body.dropdowns-color-light .cart-widget-side .product-title,
body.dropdowns-color-light .cart-widget-side .empty{
	color: #2d2a2a;
}

body.dropdowns-color-light .cart-widget-side .empty:before,{
	color: rgba(135,135,135,.15);
}

body.dropdowns-color-light .cart-widget-side .empty:after {
	color: #858585;
}

body.dropdowns-color-light .cart-widget-side .amount {
	color: #282d4f;
}

body.dropdowns-color-light .cart-widget-side .quantity {
	color: #bbb;
}

body.dropdowns-color-light .cart-widget-side .widget-close:before,
body.dropdowns-color-light .cart-widget-side .widget-close:after {
	background-color: black;
}

body.dropdowns-color-light .cart-widget-side .widget-title {
	color: black;
}

body.dropdowns-color-light .cart-widget-side .total,
body.dropdowns-color-light .cart-widget-side .widget-heading {
  border-color: rgba(129,129,129,.2);
}

body.dropdowns-color-light .cart-widget-side .widget_shopping_cart .mini_cart_item:hover {
	background-color: #f9f9f9;
}

body.dropdowns-color-light .cart-widget-side .mini_cart_item:hover .product-title {
	color: #333;
}

Regards

Thanks, now it looks good. 🙂

You are welcome!

[Author]

Posts