如何在Open cart中修复产品拇指图像大小？

Question

我遇到了问题，我尝试过几次，但我找不到解决方法。 如您所知，我们可以在系统/设置/图像中更改产品图像大小，但不会将其设置为产品页面的大小。让我告诉你我的意思，请查看此图片：

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

因此，即使我们在系统/设置/图像中设置相同的尺寸，它也不会完美贴合，然后我们将在响应/移动视图中遇到问题......

以下是移动视图：

那么如何设置图像大小以适应宽度和高度，可能使用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

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

谢谢和欢呼

Answer 1

这里，根据OpenCart html css结构缺少缩略图css类。因此，您需要在thumbnail标记中添加<a> css类。请尝试以下代码＆amp;然后检查一下。

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