Variants side by side

Solved
Highlighted
Excursionist
59 1 8

I've got the minimal theme.

It is possible to put variants side by side?

The first Pic it's what i got.

The second,is what i want.

Thank you so much community

Sofia

Variants.png2.png

0 Likes
Highlighted
Shopify Partner
881 183 207

Hello Sofia,

Yes its possible, you have to customize code to achieve this.

Want to modify or custom changes on store hire me.
My Email: guleriathakur43@gmail.com
Skype: navrocks1
If helpful then please Like and Accept Solution.
If you are happy and want to donate small Click here (Its my paypal)
0 Likes
Highlighted
Excursionist
59 1 8

Thanks!for now that's a relief.

Do you know how?

I can't find a solution anywere by myself :/

0 Likes
Highlighted
Shopify Partner
881 183 207

Yes i know, if you want i can do this for you.
Please drop a email at guleriathakur43@gmail.com
Thanks

Want to modify or custom changes on store hire me.
My Email: guleriathakur43@gmail.com
Skype: navrocks1
If helpful then please Like and Accept Solution.
If you are happy and want to donate small Click here (Its my paypal)
0 Likes
Highlighted
Shopify Expert
667 170 215

Hi, @sofcastro ,

This is Evita from On The Map.

 

Can you add your store URL? The result you are trying to achieve is really easy, you will have to add a little bit of CSS code. :)

 

Best,
Evita

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
0 Likes
Highlighted
Excursionist
59 1 8

Hey Evita,

Sure!

This is the URL:

https://tickytocker.com/

Thank you so much :)

0 Likes
Highlighted
Shopify Expert
667 170 215

This is an accepted solution.

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

 

.product-form--wide {
    display: flex;
}
.product-form--wide .selector-wrapper {
    width: 50%;
}
#ProductSelect-product-template-option-0 {
    width: 95%!important;
}

It will look like this - https://prnt.sc/pj7pjp

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
1 Like
Highlighted
Excursionist
59 1 8

It work's!

Thank you so much!

Shopify team is amazing.

Have a nice week :)

0 Likes