How to move color swatch position from buy button

How to move color swatch position from buy button

cignific
Visitor
2 0 0

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

 

cignific_1-1687231639578.png

cignific_2-1687231658837.png

 

Replies 2 (2)

Cedcommerce
Shopify Partner
718 77 116

Hello @cignific

 

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 

CedCommerce || Shopify Expert
- Let us know if our reply is helpful for you. Like it.
- Was your question answered? Mark it as an accepted solution.
- For further discussion contact: Email ID- apps@cedcommerce.com
- Whatsapp:- Join Here
cignific
Visitor
2 0 0

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