モバイルで商品データwoocommerceを移動

Question

商品名とギャラリー画像の上に3つのドロップダウンセクションを移動する方法はありますか？

私はwoocommerceプラグインを使用しています。また、PRODUCT DATA - VAriableプロダクトセクションを使用しているドロップダウンIMについても使用しています。

チェックリンク： 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; 
} 

あなたの説明のコンテナによって「製品・ショート」を交換してください。

1. 移動したいdivを囲みます。
2. 目的の場所の前に新しいクラスを作成する
3. ラップされたdiv（＃variation-content）を新しく作成した （.product-before-gallery）の下に移動します。

希望すると助かります！あなたが助けを必要とする場合、それがどのように進み、より多くの情報を与えるか教えてください。

乾杯