So integrieren Sie HTML in WordPress Woocommerce Einzelne Produktseite

Question

Eigentlich arbeite ich an WordPress Woocommerce. Ich habe in WooCommerce Plugin gesucht, ich sah einzelne Produktseite, d. H. Single-Produkt.php im Vorlagenordner. Und es gibt eine Schleife, die vollständige Produktbeschreibung anzeigt.

<?php while (have_posts()) : the_post(); ?> 
     <?php wc_get_template_part('content', 'single-product'); ?> 
     <?php endwhile; // end of the loop. ?> 
     <?php 
?> 

Jetzt habe ich nicht verstanden, wo die ganze Seite Einstellung ist und wie seine zurückzusetzen, um für verschiedene Produktattribute anzeigen wie Preis, Bild, Produktbeschreibung und etc.

So Bitte helfen Sie mir, wie zu HTML einbetten oder in die Woo Commerce Single Product Page integrieren.

Jede Hilfe wird geschätzt.

Dank

Answer 1

Gehe zu dieser Datei in Ihrem WooCommerce Plugin-Ordner

\ WooCommerce \ enthält \ wc-template-hooks.php

durch die Haken Modifizieren (Ändern oder Hinzufügen neu) Sie können das Layout und alle auf einer einzigen Produktseite ändern.

Answer 2

Sie müssen einen Ordner mit dem Namen woocommerce in Ihrem Themenordner erstellen und den Inhalt des Vorlagenordners des woocommere-Plugins in Ihren Themenordner kopieren. Auf diese Weise können Sie den Standardinhalt überschreiben.

Nachdem Sie die obigen Schritte durchgeführt haben, suchen Sie im Ordner woocommerce Ihres Ordners nach einem Dateiinhalt - Einzelprodukt. Sie werden viele Haken und do_action s sehen. Keine Panik. Diese rufen nur die Dateien aus dem Ordner single-product im Ordner woocommerce. In diesem Ordner sind die Dateien gut betitelt und gruppiert, und Sie werden wissen, welche Datei verantwortlich ist, nur indem Sie den Dateititel sehen. Zum Beispiel price.php für die Anzeige des Preises, product-attributes.php für Produktattribute (falls das Produkt variabel ist).

Spielen Sie mit diesen Dateien herum. Wenn Sie die Original-Dateien benötigen, finden Sie sie wieder im Ordner des Woocommerce-Plugins.

EDIT

Blick in den Inhalt-Single-product.php zwischen Zeile 40-60:

<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 --> 

Diese do_action('woocommerce_single_product_summary'); verantwortlich ist, die oben genannten Haken Funktionen für den Aufruf. Die Nummer neben dem Namen ist die Bestellung. Je niedriger die Zahl, desto höher ist die Reihenfolge. Angenommen, Sie wollen sie alle, aber in einer anderen Reihenfolge Sie diesen Abschnitt ersetzen mit dem folgenden-

<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'); 


      // now call these function directly and change their order ; 

      woocommerce_template_single_title(); 
      woocommerce_template_single_rating(); 
      woocommerce_template_single_price(); // this will output the price text 
      woocommerce_template_single_excerpt(); // this will output the short description of your product. 
      woocommerce_template_single_add_to_cart(); 
      woocommerce_template_single_meta(); 
      woocommerce_template_single_sharing(); 
     ?> 

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