Personalizar Woocommerce mediante snippets

Personalizar Woocommerce mediante snippets

Con esta entrada inauguramos una nueva categoría en nuestro blog dedicada a personalizar Woocommerce para sacarle el máximo partido. El propósito de esta entrada y todas las que vendrán en el futuro, esperamos que sean muchas, es optimizar nuestra tienda online para que podamos dedicarnos a lo más importante, la gestión del negocio.

Actualmente, para personalizar cualquier parámetro de nuestra instalación de Woocommerce tenemos que recurrir al uso de plugins o mediante snippets.

  • Plugins. Gracias a la amplia comunidad de desarrolladores que hay detrás de Woocommerce, podemos encontrar miles de plugins, tanto gratuitos como de pago. En pocos clics podemos ahorrarnos muchas horas de trabajo. Sin embargo, la principal desventaja de su uso es que pueden afectar negativamente al rendimiento. En algunos casos hasta el punto de hacer imposible navegar con normalidad por la tienda online.
  • Snippets. Son fragmentos de código creados por desarrolladores que nos permiten modificar funciones muy concretas de WordPress. Generalmente es la opción más idónea para cambios de menor relevancia, que en muchos casos puede ser lo que necesitemos realmente. Los snippets nos ayudan a optimizar nuestra tienda online sin sobrecargarla. No obstante, también tienen un inconveniente, su implementación es algo más compleja por lo que requiere unos conocimientos mínimos.

¿Cómo incluir snippets para personalizar Woocommerce?

Existen dos formas de introducir snippets en nuestra tienda online:

  • Code Snippets. Si, sabemos que es un plugin, sin embargo es una opción mucho más sencilla y limpia de añadir trozos de código a nuestra tienda online sin el peligro de cometer errores. Además, podemos organizar los snippets en entradas con la posibilidad de activar o desactivar cada función en cualquier momento. Otra ventaja de usar Code Snippets es que no importa si actualizamos o cambiamos la plantilla, ninguna función se perderá. Si no te quieres complicar demasiado, esta es la opción más recomendable.
  • Funciones del tema. Este sería el método natural de hacerlo, aunque requiere de un mayor conocimiento sobre WordPress y conlleva ciertos riesgos si no seguimos los pasos correctamente.

    Para incluir los snippets, es recomendable crear primero un tema hijo para evitar que al actualizar la plantilla se pierdan todos los cambios. En el Codex de WordPress encontraremos una guía para crear un tema hijo en pocos pasos.

    A continuación debemos acceder al “Editor” de nuestro tema, desde “Apariencia”. Si ya tenemos un tema hijo, debemos elegirlo previamente desde el desplegable que veremos a la derecha de la pantalla. Seguidamente, debemos localizar el archivo Funciones del tema o functions.php. Si utilizas el tema original, presta atención porque algunas plantillas pueden incluir versiones similares de este archivo.

    Por lo general, introduciremos los fragmentos en la última línea de este archivo, en algunos casos los creadores de la plantilla suelen incluir comentarios para indicarnos dónde es recomendable insertar los snippets.

Antes de implementar cualquier snippet para personalizar Woocommerce, te recomendamos hacer tests en un sitio de pruebas o localhost para verificar su funcionamiento y las distintas configuraciones que pueda ofrecer.

Snippet personalizar texto “añadir al carrito”

Para poner a prueba lo aprendido, te dejamos a continuación un sencillo snippet que nos permite cambiar el texto “añadir al carrito” que aparece por defecto en todos los productos del catálogo. Solo tienes que copiar este fragmento de texto al completo e introducirlo manualmente siguiendo uno de los métodos explicados anteriormente.

Actividad en “Personalizar Woocommerce mediante snippets

  1. José P. Martín Reply

    Hola, estupendo post
    No soy muy ducho en la materia, por eso no me ha preocupado que no me funcione a la primera el ejemplo. He utilizado code snippets, donde tengo que escribir el texto alternativo a añadir al carrito? entiendo que donde pone return __( 'añadir al carrito', 'woocommerce' )

    • Javier Cerezo Post authorReply

      Exacto Jose, una vez copias y pegas el trozo de código dentro de una entrada de Code Snippets, solo tienes que modificar el texto "añadir al carrito" por el que tú quieras.

      Saludos

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *