2017-01-03 118 views
-2

我目前正在使用Wordpress + Woocommerce插件的商店页面。我编辑了woocommerce文件,以便定制产品,菜单等。如何在woocommerce中定义当前产品缩略图?

我设法从我的产品获得当前的图像,但现在我希望他们能够出现在点击(小图像图标,在截图)

Screenshot Shop Site

代替,但显示当前产品形象它显示了每个类别

Screenshot showing wrong product的第一图像。

这里是我当前的代码加载了错误的产品缩略图:

<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。

预先感谢您

尼科

+0

是你的产品页面上? –

+0

你是什么意思,产品加载到产品分类页面。如果你想[ShopPage(https://shop.ems-online.ch/produkt-kategorie/bueromaterial/) – Zoruak

+0

没有这样的弹出功能有 –

回答

0

所以这是解决方案,我必须创建动态的ID。就像我写的那样,它总是一样的图像,原因是只有一个ID而不是多个/动态。

这是代码,我不得不添加到ID:

<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> 
相关问题