Mostrando entradas con la etiqueta woocommerce. Mostrar todas las entradas
Mostrando entradas con la etiqueta woocommerce. Mostrar todas las entradas

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.