Currently the form was added under the ul prod_buttons tag
I was wondering if it can be move away from this.
currently it is like this
<ul class="prod_buttons">
<li class="prod_qty">Quantity:
<li class="prod_qty_input">
<div class="gform_variation_wrapper gform_wrapper"><input type="hidden" value="1913" name="product_id" id="product_id"><input type="hidden" value="2c37b4a6b4" name="_n" id="_n"><input type="hidden" value="/?product=barcelona-te-quiero" name="_wp_http_referer">
<div id="gform_wrapper_1" class="gf_browser_gecko gform_wrapper">
<div class="gform_heading">
<h3 class="gform_title">Cards</h3>
</div>
<div class="gform_body">
<ul class="gform_fields top_label description_below" id="gform_fields_1"><li class="gfield" id="field_1_1"><label for="input_1_1" class="gfield_label">Message on card</label><div class="ginput_container"><textarea cols="50" rows="10" tabindex="1" class="textarea medium" id="input_1_1" name="input_1"></textarea></div>
</div>
<div class="gform_footer top_label">
<input type="hidden" value="1" name="is_submit_1" class="gform_hidden">
<input type="hidden" value="1" name="gform_old_submit" class="gform_hidden">
<input type="hidden" value="5130473c18020" name="gform_unique_id" class="gform_hidden">
<input type="hidden" value="YToyOntpOjA7czo2OiJhOjA6e30iO2k6MTtzOjMyOiJjNThlZTg2ZDkwYjNjNGQ3MjY3ZDgyMGIzODZlNWI1ZSI7fQ==" name="state_1" class="gform_hidden">
<input type="hidden" value="0" id="gform_target_page_number_1" name="gform_target_page_number_1" class="gform_hidden">
<input type="hidden" value="1" id="gform_source_page_number_1" name="gform_source_page_number_1" class="gform_hidden">
<input type="hidden" value="" name="gform_field_values">
</div>
</div><script type="text/javascript"> jQuery(document).ready(function(){jQuery(document).trigger('gform_post_render', [1, 1]) } ); </script><input type="hidden" value="1" id="gform_form_id" name="gform_form_id"><input type="hidden" value="" id="woocommerce_get_action"><input type="hidden" value="2200" id="woocommerce_product_base_price">
</div>123<input type="hidden" value="2c37b4a6b4" name="_n" id="_n"><input type="hidden" value="/?product=barcelona-te-quiero" name="_wp_http_referer"><input type="hidden" value="1913" name="add-to-cart"><div class="clear"></div> <div class="quantity buttons_added"><input type="button" class="minus" value="-"><input type="" maxlength="12" class="input-text qty text" title="Qty" size="4" value="1" data-max="0" data-min="1" name="quantity"><input type="button" class="plus" value="+"></div>
<li class="buttons"><button class="single_add_to_cart_button button alt" type="submit">Add to cart</button>
<li id="jshop_image_loading" style="display:none">Can the gform_variation_wrapper be move out of the <ul class="prod_buttons">
