Question

有没有办法让MOBILE将3下拉菜单部分移到上面的产品名称和图库图片？

我正在使用woocommerce插件，并使用PRODUCT DATA - VAriable产品部分下拉。

检查链接： Website

Answer 1

我需要更多关于您的实际代码（或演示版）来实现您真正想要的东西。您可以在 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;
}

将“product-short”替换为您描述的容器。

环绕你要移动的div。
在所需位置之前创建新课程
在新创建的div下移动包装的div（＃variations-content）（。产品-前画廊）。

希望有所帮助！如果您需要帮助，请告诉我如何进行并提供更多信息。

干杯

在移动设备上移动产品数据woocommerce

1 个答案: