CMS Woocommerce WordPress

[WordPress] Mostrar el texto de la leyenda en productos de WooCommerce

Pie de foto de WorPress- WooCommerce

Poner texto personalizado sobre las imágenes de productos de WooCommerce

Cuando queremos poner un pie de foto en una imagen de WordPress, basta con ir a la galería de imágenes y escribir ese texto en el campo «Leyenda»:

¿Pero y si queremos agregarlo a una imagen de producto del archifamoso plugin WooCommerce? La cosa se complica…

Si optamos por el mismo camino explicado en el primer párrafo, ese pie de foto o «caption» se mostrará únicamente cuando hagamos clic en la imagen de producto, y aparecerá sólo en el lightbox:

Ésto, lógicamente, tiene una utilidad muy limitada, y sería mucho más interesante que pudiese mostrarse directamente sobre la imagen del producto:

Para conseguir este efecto habrá que hacer uso de la función de WordPress wp_get_attachment_caption.

Ésta, utilizada en el loop de datos, nos permitirá extraer el pie de foto y mostrarlo donde deseemos.

Otra optión es parsear el post_excerpt extrayéndolo y situándolo en un Div, tal y como hace esta función de joelwills:

 

Como de costumbre, esta función debe situarse en el functions.php de tu tema activo. Se encuentra en wp-content/themes/nombre_tema_activo/.

Y lo ideal, para no perderlo en la siguiente actualización del tema, es crear un tema hijo.

Tras ello ya se nos mostrará como el pié de foto de una entrada normal de WordPress, y tendremos que trabajar los estilos CSS. En nuestro caso:

 

¿Hemos conseguido solucionar tu problema? ¡Compártenos o pon tus dudas en los comentarios!

 

Cristian Sarabia Martínez

Desde que a principios de los 90 mi padre desempolvó su Spectrum, no he dejado de probar y experimentar con la tecnología.

Enamorado del mundo web, Full Stack Developer de profesión y diseñador por devoción.

Ahora hago mis pinitos en esto del blogging para compartir con vosotros un poquito de todo lo que la comunidad me ha dado.

Escribir comentario

Haz clic aquí para dejar tu comentario