如何修正打開購物車中的產品縮略圖大小？

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類。所以，您需要在<a>標記中添加thumbnail css類。嘗試下面的代碼&然後檢查它。

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