RapidCart Change Shopping "Basket" to "Cart" Icon

Hi Folks,

Anyone know how to change the icon in RapidCart from the basket to the more standard shopping-cart icon?

I already had a couple of comments indicating, folks couldn’t find the shopping-cart button on my site. Below is the default basket image, which I think is a bit confusing.

Doing some research (please note I am not web programmer), it seems like RapidCart uses UIkit framework.

It would seem like I’d have to search and replace all instances of “.uk-icon-shopping-basket” to “.uk-icon-shopping-cart” in the published files on the server. This would be painful as each time I update the site, I’d have to manually redo this. Any simpler way?

from UIkit web site: Icon - UIkit

I would be willing to bet you could just add a little CSS to your page or sitewide CSS area. Give a url and you will get some help.


Hi Scott,

The URL of the site I’m working on is the “Online Store” page of http://polymerracingproducts.com/

I actually went into the server and manually did a search and replace of the.uk-icon.shopping.basket to .uk-icon.shopping.cart on couple of PHP files where I found this and site now shows the cart instead of the basket.

I suspect next upload I make it will wipe this out, so if a simple CSS could permanently fix this that would be much better solution.




I forwarded the question to Will from Boutique RapidWeaver Theme | ThemeFlood (“Boutique” theme I use for the site) and he quickly came back with the following CSS code to make the icon change. I tested it out and it works!

Hi Tony,

I have checked the RCP settings and I cannot see anywhere to change the icon design.

You are correct in that RCP is using the UI-Kit front-end framework and this in-turn appears to be using Font Awesome icons.

Because the theme already includes Font Awesome 5.5, you could try a crude CSS modification like this added to your RCP page:

.uk-icon-shopping-basket::before {
content: “\f07a” !important;

That will change whatever icon was used before to the FA shopping-cart:

Cart Shopping Icon | Font Awesome

1 Like

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.