Wie bearbeitet man die Woocommerce-Produktseite?

Question

In WooCommerce können wir die Vorlage durch Kopieren des WooCommerce Vorlagenordner in das Thema außer Kraft setzen - Schritte hier gegeben: LINK

Was ich möchte, ist das Layout der WooCommerce Produktseite zu ändern. Ich bin nicht in der Lage zu finden, welche Vorlage PHP-Datei zu bearbeiten, um das Produkt Seitenlayout zu ändern. Überprüfen Sie zum Beispiel diese Produktseite - PRODUCT PAGE

Was ich tun möchte, ist das Bild von links nach rechts zu bringen. Und platziere den Titel auf der linken Seite. Solche Sachen.

Aber ich kann eine Vorlage PHP-Datei dazu nicht finden. Was mache ich, um das zu erledigen?

Answer 1

Sie müssen Woocommerce \ Templates-Verzeichnis gehen und Änderungen in content-single-product.php oder einzelnen Produkt-Ordner vornehmen. sonst benutzen Sie diese CSS

.images { 
float: right !important; 
    } 

Answer 2

Hier ist der Weg durch Code ist: Plugins \ WooCommerce \ Templates \ Ein-Produkt \ Produkt-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> 

Plugins \ WooCommerce \ Templates \ 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 -->