How can I increase cart icon size and edit page filters?

Technical Q&A
1

Hi,

I have two requests please

  1. firstly I would like to increase the shopping cart icon size so it’s the same size as the wishlist icon. Is there a code I can use?

slatty_0-1658249465282.png
slatty_0-1658249465282.png1284×2778 331 KB

  1. I would like to know if it’s possible to edit the filters on my page. As I have variants, each individual price appears as a filter but I would like for the filter to just be ‘we sell for’ ‘we buy for cash’ & ‘we buy for voucher’ is this possible or anyway around this as it complicates the site

slatty_1-1658249630080.png
slatty_1-1658249630080.png1284×2778 234 KB

site url: webse.co.uk

theme: dawn

thanks in advance!

2

Hi @slatty ,

1.) For icon size you can add below code to you custom.css file at very bottom.

Go to online store > Actions > Edit code > Assets > Custom.css

@media screen and (max-width: 749px)
.header__icon, .header__icon--cart .icon {
    height: 4.4rem;
    width: 4.4rem;
}

For 2nd point I will explore and get back to you.

3

Hey @Reena_Soni , I added that code but it did not change the icon size on mobile at all

Also, did you manage to see if there is a solution for the second point at all?

Thanks

4

@slatty

Try adding below code

@media screen and (max-width: 749px){
svg.icon.icon-cart-empty {
    height: 5rem;
    width: 5rem;
}}
5

That was brilliant thank you very much @Reena_Soni

6

Hi @slatty

For 2nd point Its seem like you can follow this tutorial along and make it works.

https://www.youtube.com/watch?v=mN_4EM4zogk

Best regards,

Reena