So integrieren Sie HTML in die einzelne Produktseite von WordPress Woocommerce

Lesezeit: 3 Minuten

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

Benutzer-Avatar
maksbd19

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

  • das verdient ein großes Dankeschön!

    – Digerkam

    24. Dezember 2017 um 7:45 Uhr

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.

  • Vielen Dank für Ihre Antwort, aber wenn ich die Hakenposition ändere, hat dies Auswirkungen auf die Seite …

    – Muhammad Rizwan Kaim Khani

    22. Mai 2014 um 9:48 Uhr

  • Wie kann ich mein HTML in die Seite single-product.php einbetten?

    – Muhammad Rizwan Kaim Khani

    22. Mai 2014 um 9:48 Uhr

  • Es ist nicht ratsam, den Code im Plugin zu ändern. Wir werden sie möglicherweise direkt nach dem Update des Plugins verlieren. Wenn Sie darauf bestehen, die Filter zu wechseln, dann schlage ich vor, dass Sie vorbeischauen add_filter und remove_filter Funktionen

    – maksbd19

    11. Mai 2016 um 20:33 Uhr

1383790cookie-checkSo integrieren Sie HTML in die einzelne Produktseite von WordPress Woocommerce

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy