Funcție personalizată pentru imagini și miniaturi de produse WooCommerce

Caut să modific imaginile și miniaturile de produs WooCommerce.

Scopul meu este să adaug un atribut la tag-ul <a>. Vreau să adaug: data-lightbox="Gallery", dar nu văd cum aș putea face acest lucru. Fișierele de template par locul evident, dar codul nu are structura de anchor pe care o speram:

woocommerce\single-product\product-image.php

defined( 'ABSPATH' ) || exit;

// Notă: `wc_get_gallery_image_html` a fost adăugat în WC 3.3.2 și nu exista înainte. Această verificare protejează împotriva utilizării suprascrierilor de temă pe versiuni mai vechi de WC.
if ( ! function_exists( 'wc_get_gallery_image_html' ) ) {
    return;
}

global $product;

$columns           = apply_filters( 'woocommerce_product_thumbnails_columns', 4 );
$post_thumbnail_id = $product->get_image_id();
$wrapper_classes   = apply_filters(
    'woocommerce_single_product_image_gallery_classes',
    array(
        'woocommerce-product-gallery',
        'woocommerce-product-gallery--' . ( $product->get_image_id() ? 'with-images' : 'without-images' ),
        'woocommerce-product-gallery--columns-' . absint( $columns ),
        'images',
    )
);
?>
<div class="<?php echo esc_attr( implode( ' ', array_map( 'sanitize_html_class', $wrapper_classes ) ) ); ?>" data-columns="<?php echo esc_attr( $columns ); ?>" style="opacity: 0; transition: opacity .25s ease-in-out;">
    <figure class="woocommerce-product-gallery__wrapper">
        <?php
        if ( $product->get_image_id() ) {
            $html = wc_get_gallery_image_html( $post_thumbnail_id, true );
        } else {
            $html  = '<div class="woocommerce-product-gallery__image--placeholder">';
            $html .= sprintf( '<img src="%s" alt="%s" class="wp-post-image" />', esc_url( wc_placeholder_img_src( 'woocommerce_single' ) ), esc_html__( 'Așteptând imaginea produsului', 'woocommerce' ) );
            $html .= '</div>';
        }

        echo apply_filters( 'woocommerce_single_product_image_thumbnail_html', $html, $post_thumbnail_id ); // phpcs:disable WordPress.XSS.EscapeOutput.OutputNotEscaped

        do_action( 'woocommerce_product_thumbnails' );
        ?>
    </figure>
</div> 

și miniaturile sunt la fel.

woocommerce\single-product\product-thumbnails.php

defined( 'ABSPATH' ) || exit;

// Notă: `wc_get_gallery_image_html` a fost adăugat în WC 3.3.2 și nu exista înainte. Această verificare protejează împotriva utilizării suprascrierilor de temă pe versiuni mai vechi de WC.
if ( ! function_exists( 'wc_get_gallery_image_html' ) ) {
    return;
}

global $product;

$attachment_ids = $product->get_gallery_image_ids();

if ( $attachment_ids && $product->get_image_id() ) {
    foreach ( $attachment_ids as $attachment_id ) {
        echo apply_filters( 'woocommerce_single_product_image_thumbnail_html', wc_get_gallery_image_html( $attachment_id ), $attachment_id ); // phpcs:disable WordPress.XSS.EscapeOutput.OutputNotEscaped
    }
}

Presupun că trebuie să folosesc un filtru, dar nu am folosit asta până acum. Sau ar trebui să elimin acțiunea pentru imagine și miniaturi și să adaug propria funcție?

remove_action( 'woocommerce_product_thumbnails', 'woocommerce_show_product_thumbnails', 20 );
remove_action( 'woocommerce_before_single_product_summary', 'woocommerce_show_product_images', 20 );

function my_plugin_show_product_image() {
// codul meu personalizat pentru imagine unde pot folosi propriile atribute, structură div etc
// nu am idee ce cod PHP este necesar pentru a afișa imaginile
}

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

function my_plugin_show_product_image() {
// codul meu personalizat pentru imagine unde pot folosi propriile atribute, structură div etc
// nu am idee ce cod PHP este necesar pentru a afișa imaginile
}

add_action( 'woocommerce_before_single_product_summary', 'my_plugin_show_product_image', 10 );

Idei?