javascript - 向 simplecart js 添加拇指

Question

我正在使用一个名为 simplecart 的购物车 js 插件。我无法让产品图片与购物车中的产品信息一起出现。

此行获取完整尺寸的图像以显示在购物车中

<img src='$file' class='item_thumb' alt='{$row['name']}' />

有谁知道如何让拇指显示在购物车中？

Answer 1

<div class="shop-item-image">
<img src="image/bqt-item.png" class="item_thumb" thumb="image/bqt-item.png">
</div>

您需要将“item_thumb”类添加到产品图像中，并添加属性“thumb”和图像源的值

Answer 2

在<img></img>标签中可以使用 height 和 width 属性，但这只会将图像缩放到您在浏览器中指定的大小。

<img src='$file' class='item_thumb' height='20px' width='20px' alt='{$row['name']}' />

您还可以考虑将高度/宽度的约束添加到'item-thumb'您已经使用的类的 css 中。