Editing the swatch display on product page

Hello,

 

I am having the same problem as the person in this ticket: https://getwooplugins.com/ticket/19764/

The response to that ticket says the problem was solved, but it does not explain how. Namely, I am looking to replicate ‘Ideal Solution 1’.

I am using Elementor Pro with the Hello theme. The three things I would like to do are below:

1.) I would like to remove the ‘clear’ button from next to the swatches on the product page

removeclearbutton.JPG

 

 

 

 

 

 

 

2.) I would like to remove the grey background around the swatches and make it clear

changebackground.JPG

3.) I would like to remove the ‘Color’ label and align all of the swatches on the left

remove color label.JPG

4.) I would like to re-format the add to cart button and remove the ‘|- OR -|’ in between the quantity and the ‘Add to cart’.

reformat.JPG

I was unable to find this solution in the documentation. Please let me know how I can proceed.

Thank you!
Shannon

Shamser Suzon

Hi Shannon O’Neill,

Could you please give your site link to check?

Thank you

Hi Shamser!

The website is http://www.mmure.com, but the e-commerce site is not live yet. I am having issues with the back end. Were you able to see the screenshots that I shared?

Thank you!
Shannon

 

Ahmed Ehsaan

Hi Shannon,

Can you please give us a temporary admin access to your site? We’ll try to investigate the issue for you.

You can add new users by going to Users > Add New set the user and password for us, set the role to admin and set the info here.

And add your site URL, login username, and password in the site login area. Follow this guideline: https://www.useloom.com/share/27c1f2ac633c4060b2da883d946107d7

Hope to hear from you soon!

Hi Shamser,

Thank you!! It looks great. Can you let me know what you did to fix it so that I can learn?

I am still having some issues formatting the ‘add to cart’ button. Is that something I would do with your plugin? Or do I fix that with elementor?

Finally, is there a way that I can change which color swatch shows first? I.e. I want the default color to be listed first. Right now the swatches are sorted alphabetically and I cannot find the solution via the documentation.

Thank you!
Shannon

 

Shamser Suzon

Hello Shannon O’Neill,

Can you let me know what you did to fix it so that I can learn?

By using custom CSS.

 

I am still having some issues formatting the ‘add to cart’ button. Is that something I would do with your plugin? Or do I fix that with elementor?

You have to fix it with Elementor or by your theme. Our plugin is not related to this.

 

Finally, is there a way that I can change which color swatch shows first? I.e. I want the default color to be listed first. Right now the swatches are sorted alphabetically and I cannot find the solution via the documentation.

Currently, there is no such feature.

 

Can I close the ticket now, Sir? Please, confirm me.

 

Thanks