Page de la boutique WooCommerce pour utiliser mon modèle personnalisé

Question

Page de la boutique WooCommerce pour utiliser mon modèle personnalisé

- 9
- 132893 2013-02-23
Avant deposer la question,je tiens à vous dire quej'ai déjàposé la question dans https://stackoverflow.com/questions/15025213/wordpress-woocommerce-template-file-overiding

J'utilise leplugin WooCommerce pour développer un site Web. Tout vabien avec WooCommerce. Selonmesbesoins,j'ai configurémapage d'accueilen tant quepage debase de laboutique àpartir dutableau debord WooCommercepourfaire demapage d'accueil lapage de laboutique. Maintenant,monexigenceest deplacer desimages qui devraient êtretéléchargées du côté administrateuret d'afficher dutexte sur lesimages. Pour cettefonctionnalité,j'ai cherché sur Googleet certainespersonnesm'ont suggéré d'utiliser Champspersonnalisés avancés WordPress . Je viens de l'installer.

Maintenant,j'ai vu que WooCommercen'utilisepasmonthèmepersonnalisé. Il utilise sonproprethèmepersonnalisé. Commeje souhaite afficher desimageset dutexte à l'aide du plug-in Advanced Custom Fields ,j'ai vraimentbesoin demonpropremodèlepersonnalisépour utilisez les requêtespour lesimageset letexte. Ensuite,j'ai denouveau cherché une solution sur Googleet j'aieu la suggestion de simplementfaire une copie de page.php duthème dans woocommerce.php,puis de remplacer simplement le code :

<?php while ( have_posts() ) : the_post(); ?> <?php get_template_part( 'content', 'page' ); ?> <?php comments_template( '', true ); ?> <?php endwhile; // end of the loop. ?>

avec

<?php woocommerce_content(); ?>

Je l'aifait,maisje ne reçoistoujourspasmes champspersonnalisés àpartir des champspersonnalisés avancés . Alors,aidez-moigentiment. Toute suggestionet aide seront appréciables. Merci.

Mon codepour afficher les champspersonnalisés avancéspour l'imageet letexteest comme ceci:

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

J'utilise lethème WordPress TwentyEleven.
Before asking the question I want to tell you that I have already asked the question in https://stackoverflow.com/questions/15025213/wordpress-woocommerce-template-file-overiding

I am using the WooCommerce plugin to develop a website. Everything is fine with WooCommerce. As per my requirement, I have configured my home page as a shop base page from the WooCommerce dashboard to make my home page the shop page. Now my requirement is to place some images which should be uploaded from the admin side and to show some text over the images. For that feature, I searched over Google and some people suggested that I use WordPress Advanced Custom Fields. I just installed it.

Now I saw that WooCommerce is not using my custom theme. It is using its own custom theme. Since I want to show images and text using the Advanced Custom Fields plugin, I really need my own custom template to use the queries for images and text. Then I again searched over the Google for a solution and I got the suggestion to just make a copy of the theme's page.php into woocommerce.php and then just replace the code:

<?php while ( have_posts() ) : the_post(); ?> <?php get_template_part( 'content', 'page' ); ?> <?php comments_template( '', true ); ?> <?php endwhile; // end of the loop. ?>

with

<?php woocommerce_content(); ?>

I did that but still I am not getting my custom fields from Advanced Custom Fields. So kindly help me. Any suggestions and help will be appreciable. Thanks.

My code to show the Advanced Custom Fields for image and text is like this:

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

I am using the WordPress TwentyEleven theme.
theme-development plugins child-theme advanced-custom-fields

- Peut-être que la [documentation WC] (http://wcdocs.woothemes.com/codex/template-structure/) a quelquesindices.
  
  Maybe [WC documentation](http://wcdocs.woothemes.com/codex/template-structure/) has some hints.
  - 0
  - 2013-02-23
  - brasofilo
- @brasofilo J'ai cherché dans la documentationmaisje n'en aipas lamoindreidée ...
  
  @brasofilo I have searched over the documentation but not got any clue there...
  - 0
  - 2013-02-23
  - NewUser
- Vérifiez si [this] (http://stackoverflow.com/a/11760129/1287812) vous aide.
  
  Check if [this](http://stackoverflow.com/a/11760129/1287812) helps.
  - 0
  - 2013-02-23
  - brasofilo
- ouij'aiessayé çamais çamontre comme ça `Erreurfatale: Impossible de redéclarer show_template () (précédemment déclaré`
  
  yes I tried that but it is showing like this `Fatal error: Cannot redeclare show_template() (previously declared `
  - 0
  - 2013-02-23
  - NewUser
- Il y avait uneerreur avec lenom de lafonction,je l'aijuste corrigé.
  
  There was a mistake with the function name, just corrected it.
  - 0
  - 2013-02-23
  - brasofilo
- non lemêmeproblème avecmoi `Erreurfatale: Impossible de redéclarer so_9405896_show_template ()`
  
  nope the same problem with me `Fatal error: Cannot redeclare so_9405896_show_template()`
  - 0
  - 2013-02-23
  - NewUser

3 réponses

votes

- 11
- 2013-02-27
Jene suispas sûr debien comprendre votreproblème,mais voicimatentative de le reproduire.

Tout d'abord ,considérez cettepartie de la documentation WooCommerce :

Si vous souhaitezmodifier l'un de cesmodèles,copiez-le simplement dans un répertoire de votrethèmenommé /woocommerce,en conservant lamême structure defichiers,parexemple déplacez /templates/cart/cart.php vers themename/woocommerce/cart/cart.php. Lefichier copié remplacera désormais lefichier demodèlepar défaut de WooCommerce.

Deuxièmement ,voici les étapes de réplication:

Utilisation de WP 3.5.1,TwentyEleven 1.5,WooCommerce 1.6.6et AdvancedCustomFields 4.0.0

Définissez lapage "Boutique" commepage d'accueil statique dans lesparamètres de lecture (/wp-admin/options-reading.php)

Définissez ungroupe de champs ACF qui contient un champ d'image (product_tab_banner),avec la valeur de retour comme "Objet d'image"et à afficher dans letype depublication "Produit"

Solution :

Créez le dossier suivant: /wp-content/twentyeleven/woocommerce/

Copiez lefichier: /wp-content/plugins/woocommerce/templates/content-product.php dans ce dossiernouvellement créé

Placez votre code dans cette copie de 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; ?>

<₹ Voici lapageproduit:

^{cliquezpour agrandir ⤴}

<₹ Et voici le résultat dans le site:

Si vous souhaitezpersonnaliser lapage "Boutique",copiez lefichier /wp-content/plugins/woocommerce/templates/archive-product.php dans le /woocommerce/ dossier.
I'm not quite sure if I understand your problem correctly, but here's my attempt to replicate it.

First, consider this part of WooCommerce documentation:

If you want to edit one of these templates simply copy it into a directory within your theme named /woocommerce, keeping the same file structure, e.g. move /templates/cart/cart.php to themename/woocommerce/cart/cart.php. The copied file will now override the WooCommerce default template file.

Second, this are the replication steps:

Using WP 3.5.1, TwentyEleven 1.5, WooCommerce 1.6.6 and AdvancedCustomFields 4.0.0

Set the page "Shop" as the static front page in Reading Settings (/wp-admin/options-reading.php)

Set an ACF Field Group that contains an Image Field (product_tab_banner), with Return Value as "Image Object" and to be shown in the post type "Product"

Solution:

Create the following folder: /wp-content/twentyeleven/woocommerce/

Copy the file: /wp-content/plugins/woocommerce/templates/content-product.php to this newly created folder

Place your code in this copy of 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; ?>

Here's the product page:

^{click to enlarge ⤴}

And here the result in the site:

If you'd like to customize the "Shop" page, copy the file /wp-content/plugins/woocommerce/templates/archive-product.php into your theme's /woocommerce/ folder.
- -2
- 2013-03-01
Veuillezessayer de remplacer leplugin que vous utilisezpar lesextensions officielles de WooCommercetelles que "Product Add-ons" ( http://www.woothemes.com/products/product-add-ons/).

Please try to replace the plugin you're using with the official WooCommerce extensions like "Product Add-ons" (http://www.woothemes.com/products/product-add-ons/).
- avez-vousbien lumes questions?
  
  have you read my questions properly?
  - 0
  - 2013-03-01
  - NewUser
- Jefais.Il vousfaudrapeut-être un certaintempspour comprendrema réponse.
  
  I do. It may take for some time for you to understand my answer though.
  - 1
  - 2013-03-01
  - Box

user159377 · Accepted Answer · 2013-03-01

5

2013-03-01

Enpassanten revue votre question,je veux vous dire que woocommerce n'utiliserapas votremodèle. Il utilisera sonpropremodèle. Comme vous souhaitez utiliser plug-in de champspersonnalisés avancés de wordpress ,je veux vous dire que cettefonctionnaliténe fonctionne que sur lapageet Publier. Donc,comme woocommerce ne permettrapas d'utiliser votrepropremodèlepersonnalisé,vousne pouvezpas utiliser de champspersonnalisés avancésfonctionnalités.

Maintenant,faites quelque chose de différent. Créez simplement votrepropremodèlepersonnalisé à l'endroit où vous souhaitez afficher vosproduits. Ensuite,rendez-vous simplement sur le site http://docs.woothemes.com/document/woocommerce-shortcodes/ Vouspouvez voirici les shortcodes pour les woocommerce . Où vouspouvezfacilement afficherpresquetous lesproduits avec votreproprepersonnalisation. Utilisezmaintenant ces shortcodes pour afficher lesproduits. Ici,vous avez réalisé que woocommerce utilise votrepropremodèlepersonnalisé. Maintenant qu'il s'agit de votrepropremodèle,vouspouvezfacilement utiliser des champspersonnalisés avancés avec cela. Est-ce clair? Si quelque chose que vousne pouvezpas comprendre,répondez-moi. J'espère que cela vous aidera.