Divide the output of variable.php

hey there,

i’m trying to solve a really big mystery in woocommerce…at least for me ??

it’s about the variable.php and it’s form which contains the selection of variable attributes and the output of the selection result, like the changed price and the add to cart button…

now we know that by default they’re placed under each other (i mean selection “variation table” & the result “single_variation_wrap”) – I WOULD LOVE TO divide this content so that i can move the single variation wrap in another place…the thing is that i’m trying to put bootstrap into the woocommerce default layout and everything works except the variable product cause the table or selection of product is going into the bootstrap class with the add to cart button…and i want to move only the price and the button, and to leave the selection on it’s place…i can’t really show how i mean it, but it’d be really important for me to solve this thing…i try to describe it this way:

this is how i would like the output (imagine these 3 sections divided by boostrap classes col-lg-4, col-lg-6 and col-lg-2)

<div class="col-lg-4">
  IMAGE
</div>
<div class="col-lg-6">
  SHORT DESCRIPTION, RATING, META, SELECTION
</div>
<div class="col-lg-2">
  PRICE, ADD TO CART BUTTON
</div>

and the problem is, that because of the form, it is like:

<div class="col-lg-4">
  IMAGE
</div>
<div class="col-lg-6">
  SHORT DESCRIPTION, RATING, META
</div>
<div class="col-lg-2">
  SELECTION, PRICE, ADD TO CART BUTTON
</div>

and this is bad, since i need to use the variation swatches plugin and the variation color swatches get into the last column with the add to cart button and it looks and is really messy !! so i would need to leave the selection under the meta div…
there is no css way to do this, i know…so it would need to do something with the layout…since i’m not that much into the php programming yet i’m afraid i can’t make another form…but i’ve tried to put the FORM tag with the “woocommerce_before_add_to_cart_form” to the file where i’m starting the bootstrap layout, so the FORM is wrapping the whole content except the image…and the layout itself would work, the only problem is, that the selection price is not showing…the default price shows but not the changed one after the selection…IS THERE ANYONE WHO COULD HELP ME ??? !! please, i would be moooore than happy !!! :))

https://www.ads-software.com/plugins/woocommerce/