Aktuell arbeite ich an WordPress Woocommerce. Ich habe im WooCommerce-Plugin gesucht, ich habe eine einzelne Produktseite gesehen, dh single-product.php im Vorlagenordner. Und es gibt eine Schleife, die 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 sich die gesamte Seiteneinstellung befindet und wie die Reihenfolge zurückgesetzt werden kann, um verschiedene Produktattribute wie Preis, Bild, Produktbeschreibung usw. anzuzeigen.
Bitte helfen Sie mir also, wie ich meinen HTML-Code in die einzelne Produktseite von Woo Commerce einbetten oder integrieren kann.
Jede Hilfe wird geschätzt.
Vielen Dank
Sie müssen einen Ordner mit dem Namen erstellen woocommerce
in Ihrem Themenordner und kopieren Sie den Inhalt des Vorlagenordners des Woocommere-Plugins in Ihren Themenordner. Auf diese Weise können Sie den Standardinhalt überschreiben.
Nachdem Sie die obigen Schritte ausgeführt haben, suchen Sie in der Datei content-single-product nach woocommerce
Ordner im Ordner Ihrer Themen. Sie werden viele Haken sehen und do_action
s. Keine Panik. Diese rufen nur die Dateien aus dem auf single-product
Ordner innerhalb der woocommerce
Mappe. In diesem Ordner sind die Dateien schön betitelt und gruppiert, und Sie wissen, welche Datei dafür verantwortlich ist, indem Sie einfach den Dateititel sehen. Zum Beispiel price.php
zur Anzeige des Preises, product-attributes.php
für Produktattribute (falls das Produkt variabel ist).
Spielen Sie mit diesen Dateien herum. Falls du die Originale benötigst, findest du sie im Ordner des Woocommerce-Plugins wieder.
BEARBEITEN
schau mal in der content-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 -->
Dies do_action( 'woocommerce_single_product_summary' );
ist für den Aufruf der oben aufgeführten Hook-Funktionen verantwortlich. Die Zahl neben dem Namen ist die Reihenfolge. Je niedriger die Zahl, desto höher die Reihenfolge. Angenommen, Sie möchten sie alle, aber in unterschiedlicher Reihenfolge, ersetzen Sie diesen Abschnitt durch Folgendes:
<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 -->
Gehen Sie zu dieser Datei in Ihrem Woocommerce-Plugin-Ordner
\woocommerce\includes\wc-template-hooks.php
Durch Ändern der Haken (Ändern oder Hinzufügen neuer) können Sie das Layout und alles auf einer einzigen Produktseite ändern.