如何修复 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>
我遇到了一个问题,我尝试了几次,但找不到解决方案。 如您所知,我们可以在系统/设置/图像中更改产品图像大小,但不会设置为产品页面的大小。让我告诉你我的意思,请检查这张图片:
产品图片缩略图尺寸的准确尺寸为 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>