Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
I want to move the color swatch, Can someone pls guide.
Currently it is under 'Buy It Now' and I want to move that above (like the second image from the below)
It is a Globo color swatch, which is positioning by default within 'buy button' section
We will surely help you fix this issue.
Follow the below steps to make a color swatch above the payment buttons:
Step 1: Get the class name added on the color swatch div and add style on it: "order: 2".
Step 2: Get the class on parent div which contains both color swatch and payment button and add style on it: "display: grid."
This will make swatches above quantity and payment buttons.
Also, you can share your store link so we can check all these classes and give you a complete code and solution based on your theme.
If you managed to fix it with the help of the above steps, then don't forget to “Like it” and mark it as a Solution!
Let us know if you need further help.
All the best,
CedCommerce
Here is the store link https://cignific.com/
I couldn't follow the steps which you have suggested. Maybe screenshot or some more details might help
Discover how to increase customer engagement on your store with articles from Shopify A...
By Jacqui Apr 23, 2025Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025