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

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

onyx_au
Explorer
91 2 32

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
1527 81 169

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 here or WhatsApp me with this link 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
91 2 32

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
632 61 150

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