wordpress - pegar - WooCommerce: ¿dónde puedo editar HTML generado por ganchos?

index html de wordpress

Question

Soy nuevo en WooCommerce. De todos modos, quiero crear mi propio tema, así que seguí las pautas y copié a través de los archivos de plantilla principales a / mywordpresstheme / woocommerce / .

Todo funciona muy bien y estoy editando las plantillas muy bien.

Sin embargo, la forma en que los enganches y las acciones funcionan en WooCommerce me desconcierta y no puedo determinar de dónde provienen ciertas partes del HTML generado.

Por ejemplo, en content-product.php , hay un gancho que obtiene la imagen:

<?php
/*
* woocommerce_before_shop_loop_item_title hook
*
* @hooked woocommerce_show_product_loop_sale_flash - 10
* @hooked woocommerce_template_loop_product_thumbnail - 10
*/
do_action( ''woocommerce_before_shop_loop_item_title'' );
?>

¿Pero qué es esto? ¿¿De dónde viene?? ¿Hay alguna pista en el nombre de la acción sobre dónde puedo ubicar el HTML que se está generando con el fin de editarlo?

He leído el artículo sobre ''ganchos y filtros'' en WooCommerce, pero no explica nada sobre dónde o cómo cambiar estos casos según el caso.

Cualquier ayuda sería muy apreciada.

Soy nuevo en este sistema y estoy seguro de que simplemente estoy pasando por alto algo muy obvio.

Gracias, Mikey.

Answer 1

¿Pero qué es esto? ¿¿De dónde viene?? ¿Hay alguna pista en el nombre de la acción sobre dónde puedo ubicar el HTML que se está generando con el fin de editarlo?

Este es un action hook . No hace nada por sí solo, pero las funciones enumeradas en los comentarios se hook y, por lo tanto, se ejecutan cuando se activa esta función. Dice en los comentarios que la función woocommerce_template_loop_product_thumbnail es la función responsable de obtener la miniatura. Puede encontrar esta función dentro del complemento de Woocommerce. Utilizo el editor de Sublime Text (aunque creo que otros lo harán también) para buscar en toda la carpeta esa frase y me dice exactamente en qué archivo está. En este caso, se trata de una función que se puede conectar y está ubicada en woocommerce-template.php . (Ahora se llama wc-template-hooks.php en la versión 2.1+)

Una función conectable significa que usted define una nueva versión de la función con el mismo nombre en las funciones de su tema.php

function woocommerce_template_loop_product_thumbnail(){
  echo "apple";
}

Si coloca lo anterior en su functions.php, en lugar de Woo''s woocommerce_template_loop_product_thumbnail() simplemente verá la palabra apple.

He leído el artículo sobre ''ganchos y filtros'' en WooCommerce, pero no explica nada sobre dónde o cómo cambiar estos casos según el caso.

Harás todos los cambios en las funciones de tu tema. Php y caso por caso no es necesario. Todos los ganchos y filtros se comportan igual. Dicho esto, no son lo más fácil de aprender, así que tenga paciencia consigo mismo. Descubrí que los filtros son especialmente difíciles de abarcar.

En un lugar de autopromoción gratuita, escribí una serie de artículos sobre los conceptos básicos de los ganchos y filtros de WordPress (un artículo dice que es para ganchos temáticos, ¡pero un gancho es un gancho!) Que son todas las cosas que desearía que la gente dijera Yo al comienzo de mi carrera de WordPress.