26 octubre, 2019

Añadir, mostrar subtítulo en la galería de imágenes de WooCommerce en la página de producto

Buen Snippet, código, para mostrar el título y el texto de leyenda de cada imagen en la galería de imágenes en la página de cada producto de Woocommerce.



function gcw_insert_captions( $html, $attachment_id ) {
    $captions = '';
    $title = get_post_field( 'post_title', $attachment_id );
    if( !empty( $title ) ) {
        $captions .= '<h5>' . esc_html( $title ) . '</h5>';
    }
    $description = get_post_field( 'post_excerpt', $attachment_id );
    if( !empty( $description ) ) {
        $captions .= '<p>' . $description . '</p>';
    }
    if( !empty( $captions ) ) {
        $captions = '<div class="gcw-caption">' . $captions . '</div>';
        
        $html = preg_replace('~<\/div>$~', $captions . '</div>', $html );
    }
    return $html;
}
add_filter('woocommerce_single_product_image_thumbnail_html','gcw_insert_captions',10,2);



El código hay que añadirlo al fichero functions.php de tu tema o plugin de personalización, o podéis probar el plugin de su creador: jbeales https://github.com/jbeales/woo-gallery-captions


En la siguiente captura de ejemplo, "Cenicero Rock" es el título de la imagen y "Vista completa" es el texto leyenda que se puede añadir a las imágenes en Medios de la administración de wordpress.


Luego cada uno podrá dar formato al texto según su necesidad con CSS.

No hay comentarios: