son programar productos producto plantilla pagina modificar las funciones estructura editar cuales crear como cambiar php wordpress templates hook woocommerce

php - programar - Plantilla de producto WooCommerce



modificar css de woocommerce (3)

Como Woocommerce sugiere que coloque las anulaciones en una nueva carpeta en / su-carpeta de temas / woocommerce /. Así es como se ve en el texto sublime 3 para mí con ''framework'' como el nombre de mi tema.

Ahora, en /your-themefolder/woocommerce/single-product/product-image.php comenté el gancho de miniaturas original como tal.

<?php //do_action( ''woocommerce_product_thumbnails'' ); ?>

A continuación, agregué un do_action a la plantilla en / your-theme-folder / woocommerce / en el archivo content-single-product.php en woocommerce_single_product_summary hook.

<div class="summary entry-summary"> <?php /** * woocommerce_single_product_summary hook * * @hooked woocommerce_template_single_title - 5 * @hooked woocommerce_template_single_rating - 10 * @hooked woocommerce_template_single_price - 10 * @hooked woocommerce_template_single_excerpt - 20 * @hooked woocommerce_template_single_add_to_cart - 30 * @hooked woocommerce_template_single_meta - 40 * @hooked woocommerce_template_single_sharing - 50 */ do_action( ''woocommerce_single_product_summary'' ); do_action( ''woocommerce_product_thumbnails'' ); ?> </div><!-- .summary -->

Ahora debería ver sus miniaturas dentro del div con el resumen de clase y el resumen de entrada.

Me gustaría mover mis miniaturas en la plantilla de mi producto en WooCommerce, para colocarlas junto a la imagen grande del producto, debajo del precio y agregarlas al carrito. (Como estándar, se colocan directamente debajo de la imagen del producto grande)

La plantilla parece estar usando ganchos, y no he intentado usar eso antes. He encontrado un ''content-single-product.php'' que parece hacer las cosas, pero no puedo encontrar nada sobre las miniaturas en ese archivo.

¿Alguien me puede apuntar en la dirección correcta?

¡Gracias ya!


En primer lugar, asegúrese de anular las plantillas de WooCommerce en su directorio de temas en esta estructura de carpetas: / woocommerce / templates / (es decir, yourtheme / woocommerce / templates /). De esta forma, si Woo tiene una actualización, su código personalizado no será anulado.

No soy 100% positivo en esto, pero en general, al haber trabajado con las anulaciones de plantilla de Woo, esto debería llevarlo bastante lejos.

Las miniaturas en realidad son bastante profundas.

Están aquí: templates/single-product/product-thumbnails.php

Se carga en la línea 43 aquí: woocommerce / templates / single-product / product-image.php

Esa sección product-image.php se carga aquí: woocommerce / templates / content-single-product.php "woocommerce_before_single_product_summary".

Por lo tanto, deberá eliminarlo de la línea 43 en product-image.php y luego colocarlo en la sección "woocommerce_single_product_summary". Debería probar y poner esta acción en su propio archivo de funciones personalizadas (obviamente removiéndolo - la acción - de donde está ahora) que es

add_action( ''woocommerce_product_thumbnails'', ''woocommerce_show_product_thumbnails'', 20 );

y cambiar a

add_action(''woocommerce_after_single_product_summary'',''woocommerce_show_product_thumbnails'', 20 );

La lista de acciones se referencia aquí:

woocommerce / includes / wc-template-hooks.php

El orden esta en

woocommerce / templates / content-single-product.php


Mira este artículo en iconicWP

La mejor forma de modificar las plantillas de WooCommerce

Explica cómo personalizar plantillas mediante ganchos y filtros en lugar de utilizar modificaciones de plantilla, y tiene buenos consejos para comprender las plantillas de woocommerce, como examinar los archivos de plantilla en github .