如何修复 Opencart 中的产品缩略图大小?

How to fix product thumb image size in Open cart?

我遇到了一个问题,我尝试了几次,但找不到解决方案。 如您所知,我们可以在系统/设置/图像中更改产品图像大小,但不会设置为产品页面的大小。让我告诉你我的意思,请检查这张图片:

产品图片缩略图尺寸的准确尺寸为 770 x 228

因此,即使我们在 System/Setting/Image 中设置相同的尺寸,它也不会完全适合,然后我们将在响应式/移动视图中遇到问题...

这里也是移动视图:

那么我如何设置图像大小以适合宽度和高度,也许使用 css 或 java 脚本? 这是此特定部分的代码

<li><a class="France" href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>"><img src="<?php echo $thumb; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a></li>

在根目录中:

catalog/view/theme/default/template/product/product.tpl

非常感谢您提供任何信息并分享您的相关知识。

感谢和欢呼

此处,根据 OpenCart html css 结构,缺少缩略图 css class。因此,您需要在 <a> 标签中添加 thumbnail css class。尝试以下代码,然后检查它。

<li><a class="France thumbnail" href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>"><img src="<?php echo $thumb; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a></li>