How to merge 'variant selector' and 'purchasing' block

How to merge 'variant selector' and 'purchasing' block

onyx_au
Explorer
89 2 30

Hello,

I purchased a 2.0 theme but I need to merge two blocks in the product page. The 'variant selector' and 'purchasing' blocks

This is my website now: 
Layer 6.png

 

- As you can see, all the drop down menu is all together with options and I can sort order the drop down menus with CSS

This is a preview link of my new website: https://ke4g36g56hgg323g-64183730394.shopifypreview.com/products/ivory-white-chocolate-and-vanilla-c... 
- As you can see, the 'variant selector' and 'purchasing' blocks are separate. I need these two together so I can edit the block as one.

Can someone please help? I know it's doable but I've been stuck for ages trying to figure it out.

Replies 3 (3)

Shadab_dev
Shopify Partner
1026 56 101

Something wrong with the link. What do you mean when you say merge?? Merge in terms of functionality?? May be a small video example would help

 

Best

Shadab

Buy me Coffee, if you feel i was helpful. Email Me or WhatsApp me for any help with shopify theme customizations or any project in web dev. If this is helpful, please Like and Accept the solution.
onyx_au
Explorer
89 2 30

https://1ufq2skgqc36qgch-64183730394.shopifypreview.com

 

Sorry there the right preview link

 

With Shopify 2.0 and this 'electro'theme,  variants and purchasing are now in two different blocks.

 

Where as my 'debut' theme was all in one.

 

I can use the CSS flex and flex wrap code and make the drop down menus in different "orders*.

 

If you go to my preview electro theme, you can see the drop down menus are in two different blocks. I need them in the same block.

PaulMartin
Shopify Partner
624 60 147

Hey Onyx, has this been resolved?

 

If not, by "merge" do you mean that you are looking to have them on one line, side by side?

PaulMartin_0-1733293449934.png

 

contact@paulmartinlopez.com
Feel free to email me! 😄
I'm open to conversations or work ʕ •ᴥ•ʔ