Блог

Главная - Вопросы по программированию - Как изменить вывод изображений в цикле woocommerce?

Как изменить вывод изображений в цикле woocommerce?

#image #woocommerce

Вопрос:

Я пытаюсь добавить некоторую разметку shema в конец вывода цикла изображений.

 itemprop="url" itemprop="image">

Но мне не повезло найти какой-либо крючок для изменения вывода

woocommerce_template_loop_product_thumbnail();

 <img src="..." class="..." alt="" sizes="(max-width: 300px) 100vw, 300px" width="300" height="300" itemprop="url" itemprop="image">

Я пробовал это, но не уверен, правильно ли

   add_action( 'woocommerce_init', 'my_replace_loop_product_thumbnail' );
function my_replace_loop_product_thumbnail() {
    remove_action( 'woocommerce_before_shop_loop_item_title', 'woocommerce_template_loop_product_thumbnail', 10 );
    function my_replace_product_thumbnail() {
        global $product;
        $attachment_id = $product->get_gallery_attachment_ids( $size = 'shop_catalog' )[0];
        $image_size = apply_filters( 'single_product_archive_thumbnail_size', $size );
        $src = wp_get_attachment_image_src($id, $size); // gets the image url specific to the passed in size (aka. custom image size)
        $alt = get_the_title($id); // gets the post thumbnail title
        echo "<img class='lazyloaded' src='" . wp_get_attachment_url( $attachment_id ) . "' alt='" . $alt . "' itemprop='image'>";
  }
    add_action( 'woocommerce_before_shop_loop_item_title', 'my_replace_product_thumbnail', 10 );
}
Метки: