Return to previous page

Cart Mini Drop Down - by Skye - on WordPress WooCommerce support

This topic has 6 replies, 2 voices, and was last updated 4 years, 2 months ago ago by Olga Barlow

Skye

Participant

October 11, 2020 at 19:23
Hi, I would appreciate help with these couple of requests, many thanks in advance.

1) Is it possible to give me CSS code (or php code) to change the link in the “Checkout button” in the Cart mini drop down from the checkout page to the cart page? I am checking out directly from the cart page and bypassing the checkout page which is now the Order Confirmation page.

2) Also in the cart mini drop down, could you provide code to change the wording from ‘Cart’ to ‘Basket’.

3) On the Cart page itself at the very bottom I have some ‘related products’ You have previously provided me with code to change the colour and the ‘Add to Basket’ button and would like these to look the same. See below. However this doesn’t seem to work on this page. Can you please provide the code to extend the existing code to cover this page also.
```
.woocommerce form.cart button.button {
    background-color: #EAEAEA;
}
.woocommerce form.cart button.button {
    color: #000;
}
.woocommerce form.cart button.button:hover {
    background-color: #993366;
}
.woocommerce form.cart button.button:hover {
    opacity: 0.8;
}
.woocommerce form.cart button.button:hover {
    color: #FFFFFF;
}
```
Many thanks
Stephanie
#254742 Copied Theme version: 7.0.2 WooCommerce version: 4.5.2
5 Answers

Olga Barlow

Support staff

October 12, 2020 at 11:55

Hello,

1) If you have PHP skills you can copy et_woocomerce_mini_cart_footer function (xstore/framework/woo.php) to child theme functions.php and edit it according to your needs. If you need help with this customization then submit request here.

2) Use translation files of the XStore core plugin to change the Shopping cart text to Basket http://prntscr.com/uxof40 https://www.8theme.com/documentation/xstore/theme-translation/base-theme-translation/

3) Are you talking about this button http://prntscr.com/uxoh3y ? You can edit the color of such buttons via Theme Options > Styling > Light buttons http://prntscr.com/uxogrq there is no need in custom CSS now to change that button.

Regards

#254794 Copied

Skye

Participant

October 12, 2020 at 21:52

Many thanks

1) I’ve done this by hiding the button so people can’t access the check out page.

2) I had a quick look at this plugin – it seems I did something which I now can’t undo. I wanted to change it back to Shopping Cart – can you please advise how to do that as the plug- is quite confusing. Would I have to delete and re-install xstore core? I don’t even remember installing Loco Translate – does it get installed as part of the xstore theme update?

3) Great, thanks done.

Many thanks

#254866 Copied

Olga Barlow

Support staff

October 13, 2020 at 16:29

Hello,

20 You asked and I made the translation for you. I did not think that you change your mind. Go to Loco translate > Plugin > XStore Core > remove existing translation if you don’t want to change the text. You can disable and remove Loco translate plugin after that.

Regards

#254943 Copied

Skye

Participant

October 15, 2020 at 09:34

Hi, I did already try to do this and I can not find a way to do it. I did think I couldn’t have done anything. I’m afraid I will need your help to explain how to do it. I’m very happy to do it myself but I have already spend a couple of hours trying to find out how.

I am trying to make changes myself so I understand how it is done, I then learn and can also make further changes or change it back. I know I wont have your (very good support for that much longer).

I appreciate all your support.

#255148 Copied

Olga Barlow

Support staff

October 15, 2020 at 13:20

Hello,

Either remove the translation http://prntscr.com/uzue9j
Or edit it according to your needs http://prntscr.com/uzuewv
I have removed the translation for the shopping cart strings.

Regards

#255182 Copied
Viewing 6 results - 1 through 6 (of 6 total)