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
Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025