How can I add color back to my store's product variants?

Technical Q&A
1

Hi all,

I have 3 variants on my store - ‘we sell for’ ‘we buy for cash’ ‘we buy for voucher’

At the moment they are coded the colours I would like for them but I have found it is a bit confusing for customers so I wanted to add prices directly in each variant like shown attached for example ‘we sell for £300’
The problem I have is its removed the colours from the variants and I don’t know how to add it back.

Is there code I can use to add the colour back for each products variant or is putting the prices in not a feasible option?

Screenshot 2022-07-01 at 08.53.46.png
Screenshot 2022-07-01 at 08.53.46.png2880×1714 389 KB

Screenshot 2022-07-01 at 08.51.41.png
Screenshot 2022-07-01 at 08.51.41.png2880×1714 410 KB

Store url: www.webse.co.uk
Theme: Dawn

Thanks!

2

Hi!

Could you apply the change or send the preview link so I take a look at the code after you’ve added the prices to the buttons?

3

Thanks @WoodyDev Here is the preview link: https://bars7a8gwgrwgp3g-63671140606.shopifypreview.com

All I am doing is opening a product & editing the variant title by adding the price values

4

Perfect!

Not sure if this will work but worth giving it a go, paste this on the bottom of your theme.scss file:

[class*="we-sell-for"] {
  background-color: green;
}
5

@WoodyDev Thanks for the quick response! So I put it on the theme.liquid & base.css but it did not work for either I am afraid

6

Okay not to worry, could you send your STORE.myshopify.com link so I can request access and take a look into the backend code and try and find a solution for you?

7

Of course, thanks mate! It is

https://b-s-exchange-ltd.myshopify.com/

If you could make the changes to the 'copy of Dawn + wishlist hero-PS(17-06-22)’

Thanks again!

8

No problem!

Turns out i still have access from when I last helped you :slightly_smiling_face:

Leave it with me and I’ll re-post here if/when I can find a solution.

1 Like
9

You’re a legend. Really appreciate it!

10

I try my best :slightly_smiling_face:

Please check your preview theme on the same product, should have solved your issue for you :slightly_smiling_face:

1 Like
11

Absolute star! Thanks so much

12

You’re very welcome!

Please take a moment to read through my signature below, I would highly appreciate it :slightly_smiling_face:

If you need help in the future feel free to message me directly!