Html 如何在单击时使图像转到产品详细信息永久链接？

在WordPress中编辑CSS代码以显示指向WordPress中permalink产品详细信息的链接时，我有些困惑。有朋友能帮我吗？这是我的密码

”）；
?>

您可以尝试将图像的

更改为

---

因为我们不知道CSS选择器对于具有

class=“image-productbox-image-lazy”数据bg=“url（）”

为了确保CSS格式保持不变，我们必须将它作为一个div

但我们可以做的是将其包装在锚元素中，并使用href-the-permalink链接到细节

<a href="<?php  echo esc_url(get_permalink()); ?>">
<div class="image productbox-image lazy" data-bg="url(<?php echo $thumb;?>)" >
<?php if ($promo == 'on') : ?>
<span class="ribbon">Promo</span>
<?php endif; ?>       
</div>
</a>

---

您可以添加完整的代码吗？到目前为止你都试过什么。

<a href="<?php  echo esc_url(get_permalink()); ?>">
<div class="image productbox-image lazy" data-bg="url(<?php echo $thumb;?>)" >
<?php if ($promo == 'on') : ?>
<span class="ribbon">Promo</span>
<?php endif; ?>       
</div>
</a>