Personaliza tu tienda WooCommerce usando WordPress Hooks

Última actualización - 24 de febrero de 2020

En este artículo, presentaremos uno de los temas más importantes al desarrollar temas o complementos de WordPress para WordPress: los ganchos de WordPress , y explicaremos la diferencia entre los ganchos de acción y los ganchos de filtro.

Los ganchos están integrados en todo el núcleo de WordPress, la mayoría de los temas de WordPress y todos los principales complementos de WordPress. Los ganchos de WordPress son un sistema basado en eventos que le permite agregar su propio código nuevo o editar el código existente dentro del ecosistema de WordPress.

Ganchos de WooCommerce

Los ganchos de WordPress son esencialmente funciones de php que le permiten agregar su propio código a WordPress, o editar el código existente en todo WordPress sin tener que editar los archivos principales al personalizar su sitio de WordPress y/o la tienda WooCommerce.

Los ganchos también se usan en WooCommerce , lo que permite a los desarrolladores agregar fácilmente sus propias funciones personalizadas a través de ganchos de acción, o editar la funcionalidad integrada en el complemento de WooCommerce para personalizar aún más su tienda en línea a través de los ganchos de filtro.

Acciones y filtros de WooCommerce:

Hay 2 tipos diferentes de ganchos que puede usar para personalizar aún más su tienda WooCommerce. Si bien se recomienda NO editar los archivos de su tema o complemento directamente, se recomienda que cree un tema secundario y luego inserte sus fragmentos de código php en el archivo functions.php, o puede usar el complemento WooCustomizer que le permite edite muchos filtros sin necesidad de saber codificar.

Ganchos de acciones:

Los ganchos de acción se colocan en todo WooCommerce mediante la do_action( 'action_name' ) , por lo que puede usar el nombre de la acción para especificar dónde desea ejecutar el código que está agregando.

Para agregar su código personalizado, simplemente cree una nueva función php con su código dentro y especifique dónde desea que se ejecute el código agregando el nombre de la acción como el primer parámetro en la función add_action() .

Ejemplo:

add_action( 'action_name', 'your_custom_function_name' );
function your_custom_function_name() {
// Your code
}

Entonces, simplemente le está diciendo al código de WooCommerce: " agregue mi acción cuando se ejecute este do_action ".

Ganchos de filtro:

Los ganchos de filtro se llaman a través de WooCommerce usando la apply_filter( 'filter_name', $variable ) . Esto le permite manipular la variable que se pasa a la función y luego devolver el valor de la variable cuando lo necesite.

Ejemplo:

add_filter( 'filter_name', 'your_custom_function_name' );
function your_custom_function_name( $variable ) {
// Your code editing the variable
return $variable;
}

Similar al gancho de acción, crea su propia función php y especifica qué filtro usar, pero esta vez está pasando una variable que ya existe y usando su función para manipular la salida a lo que necesita que sea.

Con los ganchos de filtro, debe devolver un valor .

¿No está seguro de crear un tema secundario, agregar o editar sus propias funciones php utilizando los ganchos de WooCommerce usted mismo?

Personaliza tu tienda WooCommerce con WooCustomizer

Eche un vistazo al nuevo complemento WooCustomizer ... WooCustomizer viene con una gran cantidad de funciones para editar y personalizar aún más su tienda WooCommerce sin tener ningún conocimiento de codificación o sin necesidad de agregar su propio código.

WooCustomizer ofrece muchos de los ganchos existentes de WooCommerce para editar y agregar funciones adicionales a su tienda WooCommerce.

Algunas características que ofrece el complemento WooCustomizer:

• Edite los banners de productos 'En oferta' para las páginas de Tienda y Producto
• Edite los botones 'Agregar al carrito' para los diferentes tipos de productos
• Eliminar cualquier elemento de la página Tienda, Producto, Cuenta de usuario o Carrito
• Agregue pancartas de 'Producto nuevo' o 'Agotado' a los productos de su tienda
• Personaliza el diseño de los botones Agregar al carrito, banners de venta y más
• Edite las pestañas de la cuenta de usuario y los campos básicos de pago para los usuarios
• Agregue estadísticas de productos al front-end del sitio web para usuarios administradores
• Agregue un elemento de menú Iniciar / Cerrar sesión a cualquier menú elegido

+ mucho más

Descargar WooPersonalizador

¿Quieres más para tu tienda WooCommerce?

WooCustomizer también viene con una versión premium que ofrece mucho más para aumentar las ventas y agregar funciones útiles adicionales a su tienda WooCommerce.

WooCustomizer Pro incluye:

Modo de catálogo para WooCommerce

Elimine fácilmente todas las funciones de 'agregar al carrito' y compre de su tienda WooCommerce, convirtiendo su tienda en un hermoso catálogo en línea. Aplique esta configuración a todos los productos, a los productos seleccionados o solo a los usuarios que no hayan iniciado sesión, y solicite a los usuarios que creen una cuenta e inicien sesión para comprar sus productos.

Páginas de agradecimiento personalizadas para WooCommerce

WooCustomizer ofrece la posibilidad de crear sus propias páginas de agradecimiento personalizadas para WooCommerce, utilizando el editor predeterminado de WordPress o cualquier otro creador de páginas que desee. Redirija al cliente a su nueva página de agradecimiento predeterminada, rediríjalo a diferentes páginas según los productos que haya comprado o rediríjalo a páginas según cómo haya comprado los productos en su tienda.

Vista rápida del producto para WooCommerce

Brinde a sus usuarios la opción de obtener una vista previa de la información completa del producto y 'agregar al carrito' fácilmente o explorar las imágenes desde una ventana emergente en su tienda o páginas de archivo. Esto ayuda a sus usuarios a navegar por la tienda más rápido.

Búsqueda de WooCommerce Ajax

¿Ayudar a los usuarios a encontrar sus productos más rápido? Agregue una búsqueda de productos ajax simple a su barra de búsqueda, áreas de widgets o página de compras, para mostrar una predicción de productos cuando sus usuarios comiencen a escribir para buscar sus productos.

Carrito de menú de WooCommerce

Active el carrito de menú de WooCustomizers para WooCommerce y seleccione en qué menú le gustaría mostrar un carrito de WooCommerce. Agregue una minicesta de carrito desplegable para que sus usuarios puedan agregar o eliminar productos, ver su carrito o ir directamente al pago.

Ver WooPersonalizador

Utilice nuestro cupón especial para recibir un 15 % de descuento en su primera compra de WooCustomizer

LW15APAGADO

¡Empieza a editar con ganchos!

Ahora que comprende cómo funcionan los ganchos de WordPress en WordPress y WooCommerce, puede agregar o editar fácilmente la funcionalidad que necesita en su tienda en línea de WooCommerce.

Tenga en cuenta: no olvide que este código siempre debe agregarse a un tema secundario o a un complemento de personalización del sitio para que no pierda las ediciones cuando actualice su tema de WordPress.

Si aún no está seguro de agregar su propio código para editar aún más su tienda WooCommerce, le recomendamos que pruebe el complemento WooCustomizer . Toma todos los ganchos de WooCommerce disponibles y crea una interfaz visual en la que editar el código, todo integrado en el personalizador de WP, además ofrece mucho más, como estadísticas de productos, elementos de menú de inicio/cierre de sesión y mucho más.