woocommerceの商品ページの編集方法は？

Question

woocommerceでは、テーマにwoocommerceテンプレートフォルダをコピーして、テンプレートを上書きすることができます - 手順はここに与えられている：LINK

私はwoocommerce製品ページのレイアウトを変更されたいこと。 製品のページレイアウトを変更するために編集するテンプレートphpファイルが見つかりません。例えば、この商品ページを確認する - PRODUCT PAGE

私がしたいことは、画像を左側から右側に持っていくことです。そして、タイトルを左側に置きます。そのようなもの。

しかし、私はそれを行うためのテンプレートのPHPファイルを見つけることができません。これを行うにはどうしたらいいですか？

Answer 1

woocommerce \ templatesディレクトリに移動し、content-single-product.phpまたは単一の製品フォルダに変更する必要があります。 は、そうでない場合はここで

.images { 
float: right !important; 
    } 

Answer 2

このCSSを使用したコードによる方法です： プラグイン\ woocommerce \テンプレート\単一製品\製品-image.php

<div class="images"> 
    <?php 
     if (has_post_thumbnail()) { 
      $image_caption = get_post(get_post_thumbnail_id())->post_excerpt; 
      $image_link = wp_get_attachment_url(get_post_thumbnail_id()); 
      $image   = get_the_post_thumbnail($post->ID, apply_filters('single_product_large_thumbnail_size', 'shop_single'), array(
       'title' => get_the_title(get_post_thumbnail_id()) 
      )); 

      $attachment_count = count($product->get_gallery_attachment_ids()); 

      if ($attachment_count > 0) { 
       $gallery = '[product-gallery]'; 
      } else { 
       $gallery = ''; 
      } 

      echo apply_filters('woocommerce_single_product_image_html', sprintf('<a href="%s" itemprop="image" class="woocommerce-main-image zoom" title="%s" data-rel="prettyPhoto' . $gallery . '">%s</a>', $image_link, $image_caption, $image), $post->ID); 

     } else { 

      echo apply_filters('woocommerce_single_product_image_html', sprintf('<img src="%s" alt="%s" />', wc_placeholder_img_src(), __('Placeholder', 'woocommerce')), $post->ID); 

     } 
    ?> 

    <?php do_action('woocommerce_product_thumbnails'); ?> 
</div> 

プラグイン\ woocommerce \テンプレート\のContent single-product.php

<div class="summary entry-summary"> 

     <?php 
      /** 
      * woocommerce_single_product_summary hook. 
      * 
      * @hooked woocommerce_template_single_title - 5 
      * @hooked woocommerce_template_single_rating - 10 
      * @hooked woocommerce_template_single_price - 10 
      * @hooked woocommerce_template_single_excerpt - 20 
      * @hooked woocommerce_template_single_add_to_cart - 30 
      * @hooked woocommerce_template_single_meta - 40 
      * @hooked woocommerce_template_single_sharing - 50 
      */ 
      do_action('woocommerce_single_product_summary'); 
     ?> 

    </div><!-- .summary -->