Página de la tienda de WooCommerce para usar mi plantilla personalizada

Question

Página de la tienda de WooCommerce para usar mi plantilla personalizada

- 9
- 132893 2013-02-23
Antes de hacer lapregunta,quiero decirle que ya hice lapreguntaen https://stackoverflow.com/questions/15025213/wordpress-woocommerce-template-file-overiding

Estoy usandoel complemento WooCommerce para desarrollar un sitio web. Todoestábien con WooCommerce. Segúnmi requisito,he configuradomi página deinicio comopáginabase de latienda desdeelpanel de WooCommercepara quemi página deinicio sea lapágina de latienda. Ahorami requisitoes colocar algunasimágenes que deben cargarse desdeel lado del administrador ymostrar algo detexto sobre lasimágenes. Paraesafunción,busquéen Google y algunaspersonas sugirieron que usara Campospersonalizados avanzados de WordPress . Lo acabo deinstalar.

Ahora vi que WooCommercenoestá usandomi temapersonalizado. Utiliza supropiotemapersonalizado. Como quieromostrarimágenes ytexto conel complemento de campospersonalizados avanzados ,realmentenecesitomi propiaplantillapersonalizadapara utilice las consultasparaimágenes ytexto. Luego volví abuscaren Google una solución y recibí la sugerencia de hacer una copia del page.php deltemaen woocommerce.php y luego simplemente reemplazarel código :

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

con

<?php woocommerce_content(); ?>

Hiceeso,pero aúnno obtengomis campospersonalizados de Campospersonalizados avanzados . Así que amablemente ayúdame. Cualquier sugerencia y ayuda será apreciada. Gracias.

Mi códigoparamostrar los campospersonalizados avanzadosparaimágenes ytextoes así:

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

Estoy usandoeltema de 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

- Quizás [documentación de WC] (http://wcdocs.woothemes.com/codex/template-structure/)tenga algunas sugerencias.
  
  Maybe [WC documentation](http://wcdocs.woothemes.com/codex/template-structure/) has some hints.
  - 0
  - 2013-02-23
  - brasofilo
- @brasofilo Hebuscadoen la documentaciónperonotengoningunapista allí ...
  
  @brasofilo I have searched over the documentation but not got any clue there...
  - 0
  - 2013-02-23
  - NewUser
- Compruebe si [esto] (http://stackoverflow.com/a/11760129/1287812) ayuda.
  
  Check if [this](http://stackoverflow.com/a/11760129/1287812) helps.
  - 0
  - 2013-02-23
  - brasofilo
- sí,lointenté,pero semuestra así 'Errorfatal: No sepuede volver a declarar show_template () (declarado anteriormente'
  
  yes I tried that but it is showing like this `Fatal error: Cannot redeclare show_template() (previously declared `
  - 0
  - 2013-02-23
  - NewUser
- Hubo unerror conelnombre de lafunción,simplemente lo corrigió.
  
  There was a mistake with the function name, just corrected it.
  - 0
  - 2013-02-23
  - brasofilo
- no,elmismoproblema conmigo `Errorfatal: No sepuede volver a declarar so_9405896_show_template ()`
  
  nope the same problem with me `Fatal error: Cannot redeclare so_9405896_show_template()`
  - 0
  - 2013-02-23
  - NewUser

3 respuestas

votos

- 11
- 2013-02-27
Noestoy seguro de haberentendido correctamente suproblema,pero aquíestámi intento de replicarlo.

Primero ,considereestaparte de la documentación de WooCommerce :

Si deseaeditar una deestasplantillas,simplemente cópielaen un directorio dentro de sutema llamado /woocommerce,manteniendo lamismaestructura de archivo,p.ej.mueva /templates/cart/cart.php a themename/woocommerce/cart/cart.php. El archivo copiado ahora anularáel archivo deplantillapredeterminado de WooCommerce.

Segundo ,estos son lospasos de replicación:

Usando WP 3.5.1,TwentyEleven 1.5,WooCommerce 1.6.6 y AdvancedCustomFields 4.0.0

Configura lapágina "Tienda" como lapáginaprincipalestáticaen Configuración de lectura (/wp-admin/options-reading.php)

Establezca ungrupo de campos ACF que contenga un campo deimagen (product_tab_banner),conel valor de retorno como "objeto deimagen" y que semuestreen eltipo depublicación "Producto"

Solución :

Cree la siguiente carpeta: /wp-content/twentyeleven/woocommerce/

Copieel archivo: /wp-content/plugins/woocommerce/templates/content-product.phpen esta carpeta recién creada

Coloque su códigoen esta copia 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; ?>

<× Aquíestá lapágina delproducto:

^{haga clicpara ampliar ⤴}

<× Y aquíel resultadoen el sitio:

Si deseapersonalizar lapágina "Tienda",copieel archivo /wp-content/plugins/woocommerce/templates/archive-product.phpen el /woocommerce/ carpeta.
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
Intente reemplazarel complemento queestá utilizando con lasextensiones oficiales de WooCommerce,como "Complementos deproductos" ( 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/).
- fuente
- Box
- has leídomispreguntas correctamente?
  
  have you read my questions properly?
  - 0
  - 2013-03-01
  - NewUser
- Hago.Sinembargo,puede que le lleve algúntiempo comprendermi respuesta.
  
  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

Al responder a supregunta,quiero decirle que woocommerce no utilizará sumodelo. Utilizará supropiaplantilla. Como desea utilizar complemento de campospersonalizados avanzados de wordpress ,quiero decirle queesafunción solofuncionaen lapáginaenviar. Entonces,como woocommerce no lepermitirá usar supropiaplantillapersonalizada,nopuede usar campospersonalizados avanzados. características.

Ahora haga algo diferente. Simplemente creatupropiaplantillapersonalizada donde quierasmostrartusproductos. Luego,vaya al sitio http://docs.woothemes.com/document/woocommerce-shortcodes/ Aquípuede ver los shortcodes para woocommerce . Dondepuedemostrarfácilmente casitodos losproductos con supropiapersonalización. Ahora useestos shortcodes paramostrar losproductos. Aquí ha logrado que woocommerce esté utilizando supropiaplantillapersonalizada. Ahora,comoes supropiaplantilla,puede usarfácilmente campospersonalizados avanzados conesto. ¿Está claro? Si hay algo quenopuedasentender,respondeme. Espero queestote ayude.