Woocommerce : Personalizar plantilla para una categoría específica

Fecha Publicación:       24 de Noviembre de 2022
Fecha Modificación:       01 de Diciembre de 2022

en este artículo aprenderás cómo usar los archivos del theme para personalizar la plantilla de una categoría específica en Woocommerce.

Los cambios de estructura HTML para una categoría de producto se realizan a través de las modificación de los archivos del theme, sobrescribiendo los archivos de plantilla de Woocommerce.

1- Sobrescribiendo archivos

Primero tienes que ubicar el siguiente archivo:

wp-content/plugins/woocommerce/templates/taxonomy-product-cat.php

Debes copiar este archivo como parte de los archivos de tu theme ubicándolo en la siguiente ruta:

wp-content/themes/TUTHEME/woocommerce/taxonomy-product-cat.php

Nota Importante: En caso que en tu tema actual la carpeta woocommerce no exista tienes que crearla.

2- Especificando categoría

Con el paso anterior simplemente hemos copiado un archivo que al hacerle los cambios tendrá efecto en todas las categorías, para que sólo tenga efecto en una categoría específica debes concatenarle un guion y el “slug” como parte del nombre.

wp-content/themes/TUTHEME/woocommerce/taxonomy-product-cat-XXX.php

Por ejemplo para una categoría llamada puertas-de-madera, nuestro archivo quedaría: taxonomy-product-cat-puertas-de-madera.php

Con este nombre de archivo, todas las modificaciones que hagas en código tendrán efecto sólo en la categoría llamada puertas-de-madera.

3- Revisa las referencias

Si revisas el archivo taxonomy-product-cat-XXX.php, y encuentras referencias a otros archivos, tienes que también copiar esos archivos y renombrarlos, por ejemplo en el caso de Woocommerce 3.x, el código que encontrarás es el siguiente :

wc_get_template( 'archive-product.php' );

Por lo tanto tienes que copiar también el archivo archive-product.php a los archivos de tu theme  actual en la carpeta woocommerce y luego renombrarlo.

Se recomiendo renombrarlo igualmente con el slug de la categoría, por ejemplo quedaría: archive-product-puertas-de-madera.php
Las modificaciones se harán en este caso en el archivo: archive-product-puertas-de-madera.php

Referencia:

https://decodecms.com/personalizar-plantilla-para-una-categoria-especifica-en-woocommerce/

https://www.youtube.com/watch?v=xOblARkI7Zg

Articulo : 1123 - Veces Leidas
Compartir Articulo:
×

¡Apóyame suscribiéndote a mi canal!

Tutoriales sobre Diseño Web