¿Me ayudas a llegar a más gente?

En muchas de las entradas publicadas en este blog he explicado cómo añadir funcionalidades extra o personalizar el comportamiento de algunas opciones de WooCommerce usando códigos snippet.

Para el que aún no esté muy familiarizado con este concepto, los códigos snippet usados en WordPress en general y WooCommerce en particular, no son más que pequeños fragmentos de código que normalmente se añaden al fichero functions.php de la plantilla que se esté usando y que sirven para modificar el comportamiento o el aspecto de tu sitio web o tienda online y así evitar sobrecargar el sitio con demasiados plugins.

En este artículo te voy a dar unas pautas generales sobre buenas prácticas para añadir códigos snippet en WooCommerce de forma segura para que permanezcan intactos incluso después de instalar actualizaciones.

Cómo afectan los códigos snippet a tu tienda WooCommerce.

Cuando trabajas con códigos snippet para modificar algún aspecto de tu tienda WooCommerce, puedes encontrarte con dos tipos de códigos diferentes. Por un lado están los fragmentos de código que afectan a la apariencia o el diseño de tu tienda online y por otro lado se encuentran los códigos snippet que afectan al funcionamiento interno de WooCommerce.

Hay que saber diferenciar ambos casos, porque dependiendo de qué se trate, deberás insertarlos de una forma u otra.

Entonces, te preguntarás; ¿y cómo sé a qué tipo de código pertenece cada uno? La mejor forma de entenderlo es con un ejemplo.

Digamos que vas a usar un código que deshabilita la opción de gastos de envío gratuitos para una determinada región. Yo ya sé que es un código que sólo afecta al funcionamiento interno de WooCommerce y que por tanto, pertenece al segundo tipo de códigos snippet.

Pero si tú tienes alguna duda, simplemente hazte la siguiente pregunta; ¿el código afecta a la forma en que se muestran los botones, productos, catálogo, menús o el diseño de mi tienda?

Si la respuesta es NO, entonces ya sabes que ese código pertenece al segundo tipo. Y por tanto el código snippet debe mantenerse activo aunque cambies de plantilla en un futuro.

El caso contrario sería por ejemplo, un código snippet que modificase el número de productos relacionados que se muestran en la página de producto de WooCommerce. Este código si afecta directamente al diseño de la plantilla que estás usando, puesto que se van a mostrar más o menos fotos de productos relacionados de los que la plantilla trae por defecto. Este cambio no debería aplicarse a otras plantillas, ya que cada diseño de plantilla WooCommerce es diferente y es muy probable que manejen el número de productos relacionados de forma diferente.

La forma correcta de insertar un código snippet en tu tienda WooCommerce.

Como ya he dicho antes, hay dos formas diferentes de insertar los códigos snippet dependiendo del tipo que sean.

Si el código sólo afecta el comportamiento de WooCommerce, pero NO al diseño de tu tienda. Y además, quieres conservar los cambios aunque cambies de plantilla en un futuro, entonces te recomiendo insertar siempre los códigos usando el plugin Code Snippets. Este plugin guarda los códigos en la base de datos asegurando que siempre se mantengan intactos aunque actualices o cambies de plantilla. Además, te permite asignar un título y una descripción a cada código y también activarlos o desactivarlos según tus necesidades.

Insertar código snippet en WooCommerce usando plugin

En el caso de que los códigos snippet alteren el estilo o la apariencia de la plantilla de tu tienda WooCommerce, deben insertarse siempre en el fichero functions.php del tema hijo de la plantilla que estés usando.

Te preguntarás; ¿por qué tengo que crear un tema hijo y no puedo insertarlo directamente en la plantilla original?

Pues la respuesta es bien sencilla. Porque si actualizas la plantilla original -cosa que es muy normal-, podrías perder todos los cambios introducidos en el fichero functions.php.

Añadir código snippet a tema hijo WooCommerce

Un tema hijo hereda todas las funcionalidades y la apariencia del tema padre. Pero además, tiene la ventaja de que se mantienen intactos los códigos snippet cuando actualizas la plantilla padre.

Crear un tema hijo para WordPress es muy sencillo y una vez entienda los pasos a seguir, no te llevará más de 5 minutos hacerlo. Aquí tienes todos los pasos a seguir y la información necesaria.

¿Qué pasa si tu tienda WooCommerce ya funciona con un tema hijo?

Supongamos que ya compraste un tema hijo o lo descargaste del repositorio de oficial de plantillas de WordPress.org para usarlo en tu tienda WooCommerce.

Ahora quieres hacer alguna modificación en el diseño de forma segura sin tocar el código fuente del tema hijo para no perder los cambios en el caso de que se actualice.

Pues bien, en este caso WordPress no te permite extender un tema hijo de otro tema hijo o lo que llamaríamos un tema “nieto“. En este caso la mejor forma de añadir códigos para modificar el diseño, sería usando de nuevo el plugin “Code Snippets que he comentado antes, pero con la diferencia de que en este caso debes incluir como prefijo, en el título del snippet, el nombre del tema hijo al que afecta. De esa forma sabrás diferenciar qué códigos son independientes de la plantilla y cuales depende de ella.

Estos serían los dos métodos correctos para añadir códigos snippet en WooCommerce y no llevarte un susto después de actualizar tu plantilla o cambiarla por otra.

Aunque al principio pueda parecer un poco engorroso, una vez sepas diferenciar los tipos de códigos snippet, es bastante fácil aplicar estas buenas prácticas y mantener tu tienda WooCommerce libre de fallos.

Yo desde luego, te recomiendo que empieces a aplicarlos desde ya.

Si te ha gustado, por favor ayúdame a difundirlo. ¡Gracias!

Uso de cookies

Este sitio web utiliza cookies para que disfrutes de una mejor experiencia de usuario. Si continúas navegando estarás dando tu consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, clica en el enlace para mayor información.

ACEPTAR
Aviso de cookies