WooCommerce : Estructura de la pagina de la TIENDA

Visualización visual de los ganchos de la página de la tienda WooCommerce:

Ganchos de página de tienda WooCommerce disponibles:

• woocommerce_antes_main_content
• woocommerce_archive_description
• woocommerce_before_shop_loop
• woocommerce_before_shop_loop_item
• woocommerce_before_shop_loop_item_title
• woocommerce_shop_loop_item_title
• woocommerce_after_shop_loop_item_title
• woocommerce_after_shop_loop_item
• woocommerce_after_shop_loop
• woocommerce_after_main_content

Cómo utilizar un gancho PHP en su sitio web:

Para usar estos enlaces de página, necesitará un poco de comprensión del código PHP... Puede agregar la siguiente función a su sitio web creando un tema secundario y luego agregando este código al archivo funciones.php de temas secundarios , o puede instalar nuestro sitio. Complemento de personalizaciones y agregue el código php a través del archivo php proporcionado.

Si no se siente cómodo usando código, pruebe nuestro complemento StoreCustomizer , que ofrece muchas funciones útiles utilizando todos estos ganchos para personalizar su tienda WooCommerce ... No se necesitan conocimientos de codificación.

/* 
* Mi función personalizada 
*/ 
function my_custom_function (array $params) { 
    // Algo de código aquí 
} 
add_filter( ' woocommerce_before_main_content​ ' , ' my_custom_function ', 20);

Todos estos ganchos están disponibles en las páginas de la lista de productos de WooCommerce, su posición se explica por sí misma, pero consulte la guía visual de ganchos si no está 100% seguro de dónde exactamente se conectan en la página de la tienda de WooCommerce.

Nuestro complemento gratuito StoreCustomizer ofrece diferentes funciones para agregar pancartas agotadas, estadísticas de ventas de productos, cantidades de existencias y mucho más a la página de su tienda WooCommerce, todo desde una interfaz visual para que no necesite tocar ningún código... Eche un vistazo usted mismo y verá lo que ofrece todo StoreCustomizer .

Referencia:

https://storecustomizer.com/woocommerce-shop-page-hooks-visual-guide/