Schlüsselpunkte

• WooCommerce -Produktseitenanpassung verwendet Operationen und Filterhaken, um die Themendatei direkt zu ?ndern, ohne die Marke der Vorlagendatei zu ?ndern.
• Passen Sie die Produktseite an, indem Sie die Datei single-product.php und die Vorlage im Thema kopieren. Alle ?nderungen werden in einer Kopie vorgenommen, um sicherzustellen, dass benutzerdefinierte ?nderungen beim Aktualisieren des Themas und des Plug-Ins nicht beeinflusst werden.
• Erstellen Sie eine benutzerdefinierte Produktseite oder Produktkategorie, indem Sie die benutzerdefinierten Vorlagen für diese Seiten anpassen und sicherstellen, dass die neuen Produkte oder Kategorien, die Sie hinzugefügt werden, am Ende der content-single-product.php -Datei stehen.
• Verwenden Sie Plugins wie Elementor und Beaver Builder, um WooCommerce-Produktseiten ohne Codierungskenntnisse anzupassen.

Bei der Planung eines WooCommerce -Store müssen Sie viele Fragen im Voraus beantworten, die den zukünftigen Erfolg des Gesch?fts ernsthaft beeinflussen. Das Store Setup ist eine ernsthafte Herausforderung, da es nach Abschluss immer schwierig ist, das Gesch?ft Setup und Design zu ?ndern. Um die WooCommerce -Produktseite anzupassen, müssen Sie die verfügbaren Optionen in diesem Artikel berücksichtigen.

Nachdem der Laden online geht, ist die n?chste Herausforderung das Chaos auf der Produktseite. WooCommerce Eine einzelne Produktseite enth?lt viele Elemente, die nicht direkt zum benutzerdefinierten Design und Setup des Gesch?fts beitragen. Zwei g?ngige Schuldige sind Produktkategorien und Sternenbewertungen. Nicht jeder Store muss diese beiden Elemente auf einer einzelnen Produktseite anzeigen. In ?hnlicher Weise müssen auch andere Elemente neu positioniert werden, um das benutzerdefinierte Design des Gesch?fts anzupassen.

Alle diese Herausforderungen k?nnen leicht mit WooCommerce -Operationen und Filterhaken gel?st werden. Ich habe diese kurze Liste erstellt, um zu demonstrieren, was Sie auf der Produktseite anpassen k?nnen.

Benutzerdefinierte WooCommerce -Produktseite

Das erste, was Sie vielleicht tun m?chten, ist, das Produkt in einer anderen Vorlage anzuzeigen als das Standard. Die Datei

sollte geladen werden, die die Vorlagendatei steuert, in der Produktinformationen im vorderen Ende angezeigt werden. single-product.php

Die übliche Praxis (normalerweise empfohlen) zum Anpassen von Vorlagenseiten für übergeordnete Themen und Plugins besteht darin, Vorlagen im Thema zu kopieren. Nehmen Sie jetzt nur noch alle ?nderungen in der Kopie vor. Wenn Sie das Thema und das Plugin aktualisieren, bleiben Ihre benutzerdefinierten ?nderungen gleich.

Mehrere Plugins und Themen bieten eine gro?e Anzahl benutzerdefinierter Aktionen und Filterhaken, die eine direkte ?nderung von Themendateien erm?glichen. Der Vorteil von all dem besteht darin, dass Sie die Tags der Vorlagendatei nicht ?ndern müssen. Das Ergebnis ist ein sauberer Code ohne unordentliche Datei -Duplikation.

Ich werde

verwenden, um Vorlagendateien aufzurufen, die das Format der Produktinformationen steuern und wie Produktinformationen auf der Produktseite angezeigt werden. In ?hnlicher Weise ist single-product.php eine Produktvorlage, die die ?nderung der Informationen und des Stils der Produktseite ?ndern kann. ?ffnen Sie nun content-single-product.php und fügen Sie den folgenden Code hinzu, um die Vorlage für eine einzelne Produktseite zu ?ndern: single_template

function get_custom_post_type_template($single_template) {
 global $post;

 if ($post->post_type == 'product') {
      $single_template = dirname( __FILE__ ) . '/single-template.php';
 }
 return $single_template;
}
add_filter( 'single_template', 'get_custom_post_type_template' );

以及以下包含在模板 _include 中的代碼
add_filter( 'template_include', 'portfolio_page_template', 99 );

function portfolio_page_template( $template ) {

    if ( is_page( 'slug' )  ) {
        $new_template = locate_template( array( 'single-template.php' ) );
        if ( '' != $new_template ) {
            return $new_template ;
        }
    }

    return $template;
}

Erstellen Sie benutzerdefinierte WooCommerce -Produkte/Kategorie

Zu diesem Zeitpunkt gehe ich davon aus, dass Sie einen aktiven WooCommerce -Store haben und mit dem Prozess der Einrichtung von Produktseiten und Produktkategorien sehr vertraut sind. Es gibt immer Situationen, in denen Sie Ihre Produktseite oder Ihre Produktkategorie anpassen müssen. Dies erfolgt durch Anpassen der benutzerdefinierten Vorlagen für diese Vorlagen.

Die WooCommerce -Vorlagendatei

einstellen

Denken Sie nun daran, dass bei Verwendung der Datei content-single-product.php sie so ?ndern, dass alle von Ihnen hinzugefügten Produkte oder Kategorien am Ende der Datei liegen sollten. Eine weitere gute Angewohnheit ist es, es zu nennen, damit es auff?llt und leicht zu identifizieren ist. Wenn Sie beispielsweise eine Kategorie namens "Bücher" haben, ?ndern Sie den Dateinamen in content-single-product-books.php. Diese einfache ?nderung sorgt dafür, dass Sie sofort die richtigen Dateien für eine bestimmte Kategorie identifizieren k?nnen. Diese Datei wird verwendet, um verschiedene ?nderungen vorzunehmen (Hinzufügen oder Entfernen von Seitenleisten, ?nderungen in Schleifen usw.), um sicherzustellen, dass die Seite der Produkt- oder Produktkategorie Ihren Anforderungen vollst?ndig entspricht.

Der n?chste Job besteht darin, die single-product.php -Datei zu ?ndern. Diese Datei enth?lt eine Schleife, die feststellt, welche Vorlagen geladen werden sollen, um das Produkt anzuzeigen.

Ich werde einen IF -Zustand hinzufügen, der überprüft, ob das Produkt in eine bestimmte Kategorie f?llt, und dann die relevante single-product.php in der benutzerdefinierten Vorlage l?dt. Jetzt müssen die Datei nicht umbenannt werden. Um Code hinzuzufügen, ?ffnen Sie die Datei und finden Sie den folgenden Code -Snippet:

woocommerce_get_template_part( 'content', 'single-product' );

Sie müssen es durch den folgenden Code ersetzen:

global $post;
$terms = wp_get_post_terms( $post->ID, 'product_cat' );
foreach ( $terms as $term ) $categories[] = $term->slug;

if ( in_array( 'YOURCATEGORY', $categories ) ) {
    woocommerce_get_template_part( 'content', 'single-product-YOURCATEGORY' );
} else {
    woocommerce_get_template_part( 'content', 'single-product' );
}

Finden Sie im Code Ihre Kategorie und ersetzen Sie sie durch die Kategorie -Slug Ihrer Wahl. Zus?tzlich müssen Sie content-single-product.php durch den neuen Namen der Datei ersetzen. Verwenden Sie das oben verwendete Beispiel, wobei die Kategorie -Schnecke "Bücher" ist und content-single-product.php in content-single-product-books.php umbenannt wird. Zu diesem Zeitpunkt sieht der Code so aus:

global $post;
$terms = wp_get_post_terms( $post->ID, 'product_cat' );
foreach ( $terms as $term ) $categories[] = $term->slug;
if ( in_array( 'books', $categories ) ) {
    woocommerce_get_template_part( 'content', 'single-product-books' );
} else {
    woocommerce_get_template_part( 'content', 'single-product' );
}

Zu diesem Zeitpunkt wurden alle Dateien erfolgreich bearbeitet und/oder umbenannt. Der n?chste Schritt besteht darin, diese Dateien in den WooCommerce -Store hochzuladen. Um sicherzustellen, dass alles gut l?uft, stellen Sie sicher, dass ein Unterordner namens /woocommerce/ im Themenverzeichnis steht. Denken Sie daran, dass diese beiden Dateien (content-single-product.php und single-product.php) im selben Ordner liegen. Es ist am besten, die Codeelemente in diesem Ordner des Themas zu ?ndern, damit Sie schwierige Debugging -Fehler verhindern k?nnen, d. H. überschreiben der ursprünglichen WooCommerce -Datei.

Der letzte Schritt besteht darin, die Produkt- und Produktkategorienseiten zu überprüfen, um sicherzustellen, dass alle im benutzerdefinierten Vorlagencode vorgenommenen ?nderungen perfekt angewendet und perfekt angezeigt werden.

Schlussfolgerung

Erlernen des Anpassens der Seite WooCommerce -Produkt- und Produktkategorienseite ist eine Frage des Hinzufügens und ?nderns von Haken. Es ist wichtig zu verstehen, dass all diese ?nderungen direkt beeinflussen, wie diese beiden Seiten am vorderen Ende des Gesch?fts dargestellt werden. Wenn Sie Hilfe beim Code oder einem anderen Aspekt dieser Idee ben?tigen, hinterlassen Sie bitte einen Kommentar und ich werde Ihnen antworten.

FAQs über das Anpassen von WooCommerce -Produktseiten

Was sind die grundlegenden Schritte, um meine WooCommerce -Produktseite anzupassen?

Anpassen Ihrer WooCommerce -Produktseite umfasst mehrere Schritte. Zun?chst müssen Sie das WooCommerce -Plugin auf Ihrer WordPress -Website installieren und aktivieren. Navigieren Sie dann zu WooCommerce -Einstellungen und w?hlen Sie die Registerkarte Produkte aus. Hier k?nnen Sie die Anzeigeeinstellungen der Produktseite anpassen. Sie k?nnen auch Plugins wie Subthemen oder Elementor verwenden, um das Layout und das Design Ihrer Produktseite weiter anzupassen. Denken Sie daran, immer ?nderungen anzunehmen, bevor sie online gestellt werden.

Kann ich meine WooCommerce -Produktseite ohne Codierung anpassen?

Ja, Sie k?nnen Ihre WooCommerce -Produktseite ohne Codierungswissen anpassen. Es stehen mehrere Plugins zur Verfügung, wie Elementor und Beaver Builder, die eine Drag & Drop-Schnittstelle für eine einfache Anpassung bieten. Mit diesen Tools k?nnen Sie Layouts ?ndern, Elemente hinzufügen oder l?schen und das Design Ihrer Produktseite in nur wenigen Klicks einstellen.

Wie füge ich meiner WooCommerce -Produktseite benutzerdefinierte Felder hinzu?

benutzerdefinierte Felder k?nnen zu Ihrer WooCommerce -Produktseite mit Plugins wie erweiterten benutzerdefinierten Feldern oder WooCommerce -benutzerdefinierten Feldern hinzugefügt werden. Mit diesen Plugins k?nnen Sie Ihrer Produktseite zus?tzliche Informationen hinzufügen, z. B. Gr??endiagramme, Lieferinformationen oder Produktvideos. Sobald das Plugin installiert und aktiviert ist, k?nnen Sie benutzerdefinierte Felder erstellen und zu Ihrer Produktseite hinzufügen.

Wie kann ich das Layout meiner WooCommerce -Produktseite ?ndern?

Mit einem Unterthemen- oder Seitenbuilder-Plugin k?nnen Sie das Layout Ihrer WooCommerce-Produktseiten ?ndern. Mit diesen Tools k?nnen Sie Elemente auf Produktseiten neu ordnen, neue Abschnitte hinzufügen oder unn?tige Elemente l?schen. Sie k?nnen auch die Breite der Produktseite anpassen, die Position des Produktbildes ?ndern oder eine Seitenleiste hinzufügen, um zus?tzliche Informationen zu erhalten.

Wie füge ich meiner WooCommerce -Produktseite Produktvarianten hinzu?

Produktvariationen k?nnen zu Ihrer WooCommerce -Produktseite über den Produktdatenabschnitt in den WooCommerce -Einstellungen hinzugefügt werden. Hier k?nnen Sie unterschiedliche Variationen für Ihr Produkt erstellen, z. B. Gr??e, Farbe oder Material. Jede Variante kann ihren eigenen Preis, einen eigenen SKU und einen eigenen Bestandsstatus haben. Sie k?nnen jeder Variante auch Bilder hinzufügen, um den Kunden zu helfen, ihre Auswahl intuitiv zu verstehen.

Wie kann ich die mobile Reaktionsf?higkeit meiner WooCommerce -Produktseite verbessern?

reaktionsschnelle Themen oder Plug-Ins für mobile Optimierung k?nnen verwendet werden, um die mobile Reaktionsf?higkeit von WooCommerce-Produktseiten zu verbessern. Diese Tools stellen sicher, dass Ihre Produktseiten unabh?ngig von der Bildschirmgr??e auf allen Ger?ten gut angezeigt und ausgeführt werden. Sie k?nnen auch den WordPress Customizer verwenden, um die mobile Ansicht der Produktseite anzupassen.

Wie füge ich meiner WooCommerce -Produktseite eine benutzerdefinierte Produktbeschreibung hinzu?

Benutzerdefinierte Produktbeschreibungen k?nnen Ihrer WooCommerce -Produktseite im Abschnitt Produktdaten der WooCommerce -Einstellungen hinzugefügt werden. Hier k?nnen Sie eine detaillierte Beschreibung des Produkts schreiben, einschlie?lich seiner Funktionen, Vorteile und Spezifikationen. Sie k?nnen auch HTML verwenden, um Ihre Beschreibung zu formatieren und Links, Bilder oder Videos hinzuzufügen.

Wie füge ich meiner WooCommerce -Produktseite Kundenbewertungen hinzu?

Kundenbewertungen k?nnen zu Ihrer WooCommerce -Produktseite im Abschnitt Produktdaten der WooCommerce -Einstellungen hinzugefügt werden. Hier k?nnen Sie Bewertungen für Ihr Produkt aktivieren. Sie k?nnen auch Bewertungen verbessern, indem Sie Plugins wie Yith WooCommerce Advanced Review oder WooCommerce Product Review Pro verwenden, z. B. Hinzufügen von Kommentarenerinnerungen, Sternbewertungen oder Kommentarfilter.

Wie optimieren Sie meine WooCommerce -Produktseite für SEO?

Optimierung Ihrer WooCommerce -Produktseite für SEO enth?lt mehrere Schritte. Zun?chst müssen Sie einen eindeutigen und beschreibenden Produkttitel und eine eindeutige Produkttitel und eine Beschreibung mit relevanten Schlüsselw?rtern schreiben. Sie k?nnen Produktbildern auch Meta -Tags und alternativen Text hinzufügen. Darüber hinaus k?nnen Sie SEO-Plugins wie Yoast SEO verwenden, um Ihre Produktseiten weiter zu optimieren, z. B. das Erstellen von SEO-freundlichen URLs, das Hinzufügen von Schema-Tags oder das Generieren von XML-Sitemaps.

Wie füge ich meiner WooCommerce -Produktseite verwandte Produkte hinzu?

verwandte Produkte k?nnen zu Ihrer WooCommerce -Produktseite im Produktdatenabschnitt der WooCommerce -Einstellungen hinzugefügt werden. Hier k?nnen Sie die Registerkarte Linkprodukte ausw?hlen und relevante Produkte in den Upsell- oder Cross -Verkaufsfeldern hinzufügen. Sie k?nnen auch Plugins wie WooCommerce -verwandte Produkte oder Yith Woocommerce verwenden, die h?ufig zusammen kaufen, um verwandte Produkte dynamischer und ansprechenderer anzuzeigen.

Das obige ist der detaillierte Inhalt vonWie man WooCommerce -Produktseiten anpassen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!