it-swarm.com.de

WooCommerce-Shop-Seite, um meine benutzerdefinierte Vorlage zu verwenden

Bevor ich die Frage stelle, möchte ich Ihnen mitteilen, dass ich die Frage bereits in https://stackoverflow.com/questions/15025213/wordpress-woocommerce-template-file-overiding gestellt habe.

Ich benutze das WooCommerce Plugin, um eine Website zu entwickeln. Mit WooCommerce ist alles in Ordnung. Gemäß meinen Anforderungen habe ich meine Startseite im WooCommerce-Dashboard als Shop-Basis-Seite konfiguriert, um meine Startseite zur Shop-Seite zu machen. Jetzt muss ich einige Bilder platzieren, die von der Administratorseite hochgeladen werden sollen, und Text über den Bildern anzeigen. Für diese Funktion habe ich über Google gesucht und einige Leute haben vorgeschlagen, dass ich Erweiterte benutzerdefinierte WordPress-Felder verwende. Ich habe es gerade installiert.

Jetzt habe ich gesehen, dass WooCommerce mein benutzerdefiniertes Design nicht verwendet. Es verwendet ein eigenes benutzerdefiniertes Thema. Da ich Bilder und Text mit dem Plugin für erweiterte benutzerdefinierte Felder anzeigen möchte, benötige ich eine eigene benutzerdefinierte Vorlage, um die Abfragen für Bilder und Text zu verwenden. Dann suchte ich erneut bei Google nach einer Lösung und bekam den Vorschlag, einfach eine Kopie des page.php des Themas in woocommerce.php zu kopieren und dann einfach den Code zu ersetzen:

     <?php while ( have_posts() ) : the_post(); ?>

      <?php get_template_part( 'content', 'page' ); ?>

      <?php comments_template( '', true ); ?>

    <?php endwhile; // end of the loop. ?>

mit

<?php woocommerce_content(); ?>

Ich habe das getan, aber ich erhalte meine benutzerdefinierten Felder immer noch nicht von Advanced Custom Fields . Also hilf mir bitte. Anregungen und Hilfe wird spürbar sein. Vielen Dank.

Mein Code zum Anzeigen der erweiterten benutzerdefinierten Felder für Bild und Text sieht folgendermaßen aus:

<?php $product_tab_banner = get_field('product_tab_banner');
    if($product_tab_banner): ?>
   <?php var_dump($product_tab_banner); ?>
    <div class="nt-highlighted-products">
    <img src="<?php echo $product_tab_banner['url']; ?>" alt="<?php echo $product_tab_banner['alt']; ?>"  width="<?php echo $product_tab_banner['sizes']['featured_product-width'];?>" height="<?php echo $product_tab_banner['sizes']['featured_product-height'];?>" title="<?php echo $product_tab_banner['title']; ?>" />
    </div>
  <?php endif; ?>

Ich benutze das WordPress TwentyEleven Theme.

7
NewUser

Anhand Ihrer Frage möchte ich Ihnen mitteilen, dass woocommerce Ihre benutzerdefinierte Vorlage nicht verwenden wird. Es wird eine eigene Vorlage verwendet. Da Sie das WordPress-Plugin für erweiterte benutzerdefinierte Felder verwenden möchten möchte ich Ihnen mitteilen, dass diese Funktion nur auf der Seite und im Beitrag funktioniert. Da woocommerce die Verwendung einer eigenen benutzerdefinierten Vorlage nicht zulässt, können Sie keine erweiterten Funktionen für benutzerdefinierte Felder verwenden.

Jetzt mach einfach was anderes. Stellen Sie einfach Ihre eigene benutzerdefinierte Vorlage zusammen, in der Sie Ihre Produkte zeigen möchten. Dann gehen Sie einfach auf die Seite http://docs.woothemes.com/document/woocommerce-shortcodes/ Hier sehen Sie die Shortcodes für woocommerce . Hier können Sie auf einfache Weise fast alle Produkte mit Ihrer eigenen Anpassung anzeigen. Verwenden Sie nun diese Shortcodes , um die Produkte anzuzeigen. Hier haben Sie erreicht, dass woocommerce Ihre eigene benutzerdefinierte Vorlage verwendet. Da es sich nun um Ihre eigene Vorlage handelt, können Sie damit problemlos erweiterte benutzerdefinierte Felder verwenden. Ist das klar? Wenn Sie etwas nicht verstehen können, antworten Sie mir. Hoffe das wird dir helfen.

3
user159377

Ich bin nicht ganz sicher, ob ich Ihr Problem richtig verstehe, aber hier ist mein Versuch, es zu wiederholen.

Zuerst , betrachten Sie diesen Teil von WooCommerce-Dokumentation :

Wenn Sie eine dieser Vorlagen bearbeiten möchten, kopieren Sie sie einfach in ein Verzeichnis in Ihrem Design mit dem Namen /woocommerce, und behalten Sie dabei die gleiche Dateistruktur bei, z. /templates/cart/cart.php nach themename/woocommerce/cart/cart.php verschieben. Die kopierte Datei überschreibt jetzt die Standardvorlagendatei von WooCommerce.

Zweitens , dies sind die Replikationsschritte:

  • Verwenden von WP 3.5.1, TwentyEleven 1.5, WooCommerce 1.6.6 und AdvancedCustomFields 4.0.0
  • Setze die Seite "Shop" als statische Startseite in den Leseeinstellungen (/wp-admin/options-reading.php)
  • Legen Sie eine ACF-Feldgruppe fest, die ein Bildfeld (product_tab_banner) enthält, mit dem Rückgabewert "Bildobjekt" und der im Beitragstyp "Produkt" angezeigt werden soll.

Lösung :

  • Erstellen Sie den folgenden Ordner: /wp-content/twentyeleven/woocommerce/
  • Kopieren Sie die Datei: /wp-content/plugins/woocommerce/templates/content-product.php in diesen neu erstellten Ordner
  • Platzieren Sie Ihren Code in dieser Kopie von content-product.php
$product_tab_banner = get_field('product_tab_banner');
if($product_tab_banner): ?>
    <div class="nt-highlighted-products">
    <img src="<?php echo $product_tab_banner['url']; ?>" 
        alt="<?php echo $product_tab_banner['alt']; ?>"  
        width="<?php echo $product_tab_banner['sizes']['featured_product-width'];?>" 
        height="<?php echo $product_tab_banner['sizes']['featured_product-height'];?>" 
        title="<?php echo $product_tab_banner['title']; ?>" />
    </div>
<?php endif; ?>

Hier ist die Produktseite:

 product page 
zum Vergrößern anklicken

Und hier das Ergebnis in der Site:

 site result 


Wenn Sie die Seite "Shop" anpassen möchten, kopieren Sie die Datei /wp-content/plugins/woocommerce/templates/archive-product.php in den Ordner /woocommerce/ Ihres Themas.

10
brasofilo