Как определить текущий миниатюру продукта в woocommerce?

Question

В настоящее время я работаю над страницей магазина, которая работает с плагином Wordpress + Woocommerce. Я редактировал файлы woocommerce, чтобы иметь пользовательские продукты, меню и т. Д.

мне удалось получить текущие изображения из моих продуктов, но теперь я хочу, чтобы они появлялись на мыши (небольшое изображение иконы, на скриншоте)

Но вместо того, чтобы показывать текущее изображение продукта он показывает первое изображение каждой категории

.

Вот мой текущий код, который загружает неправильный миниатюру продукта:

<div class="modal-content"> 
    <a itemprop="image" href="<?php echo wp_get_attachment_url(get_post_thumbnail_id()); ?>" class="zoom" rel="thumbnails" title="<?php echo get_the_title(get_post_thumbnail_id()); ?>"> 
    <?php echo get_the_post_thumbnail( $post->ID, apply_filters('single_product_large_thumbnail_size', 'shop_single')) ?> 
</a></div> 

Он расположен в WooCommerce/контент-product.php.

Спасибо заранее

Нико

Answer 1

Так что это решение, я должен был создавать динамические идентификаторы. Как я уже писал, это был один и тот же образ, причина в том, что был только один идентификатор, а не несколько/динамический.

Это код, который я должен был добавить к идентификатору:

<div id="modal-<?php echo $product->id ?>" class="modal"> 

А вот еще один:

<a data-target="modal-<?php echo $product->id; ?>" class="modal-trigger"><i class="material-icons red-text right">photo</i></a>