Wordpress 在移动商务中提升产品数据

在手机上是否有办法将3个下拉列表部分移动到产品名称和画廊图像上方

我正在使用woocommerce插件，对于下拉列表，我使用产品数据-变量产品部分

检查链接：

---

我需要更多关于您实际代码（或演示版本）的信息，以实现您真正想要的。您可以在function.php中使用一点jQuery，以下代码未经测试，但逻辑存在：

/*Move the variation div to another created one
======================================================================= */
add_action( 'wp_footer', 'move_variations_product_tab' );
function move_variations_product_tab() {
  if (is_product()) :
        $product = wc_get_product( get_the_ID() );
        if($product->is_type( 'composite' )){
   ?>
    <script>
        jQuery(document).ready(function($) {
            $(window).load(function() {
                $( ".variations_form" ).wrap( "<div id='variations-content'></div>" );
                $( ".woocommerce-product-gallery" ).before( "<div class='container product-before-gallery'></div>" );
                document.getElementsByClassName("product-before-gallery")[0].appendChild(
                document.getElementById("variations-content")
                );
            });
        });
   </script>
<?php
        }
endif;
}

/*将变体div移动到另一个已创建的div
======================================================================= */
添加操作（'wp_页脚'，'move_variations_product_tab'）；
功能移动\变体\产品\选项卡（）{
如果（is_product（））：
$product=wc_get_product（get_the_ID（））；
如果（$product->is_类型（'composite'））{
?>
jQuery（文档）.ready（函数（$）{
$（窗口）。加载（函数（）{
$（“.variations_form”）.wrap（“”）；
美元（“.woocommerce产品库”）。之前（“”）；
document.getElementsByClassName（“画廊前的产品”）[0]。appendChild(
document.getElementById（“变体内容”）
);
});
});
您好！我刚刚看到了这个回复。我将尝试让您知道。谢谢您的帮助。