首页 文章

如何在woocommerce中定义当前产品缩略图？

提问于
浏览 次
-2

我目前正在开发一个与Wordpress Woocommerce Plugin一起使用的商店页面 . 我编辑了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 / content-product.php .

先感谢您

尼科

php wordpress woocommerce product

1 回答

  • 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>
    回复于

相关问题