Php OpenCart:删除内联样式

在分类页面中，我的css样式被平台生成的内联样式覆盖。在管理区域的设置>系统-图像[选项卡]下，您可以选择调整图像大小。例如，我将产品图像列表大小调整为400 x 400，以获得相同的效果，但这使得无法为响应性设置样式，因为它会生成如下url：

http://localhost/THEME/image/cache/data/demo/w1-**400x400.jpg**

生成此代码的代码位于根/catelog/view/theme/template/product/category.tpl

<img src="<?php echo $product['thumb']; ?>" title="<?php echo $product['name']; ?>" alt="<?php echo $product['name']; ?>" class="" /></a>

“title=”“alt=”“class=”“/>

如何阻止Opencart生成此大小？有什么想法吗

---

提前感谢您的帮助！

您面临的问题不是覆盖css规则的内联样式，因为默认情况下，OpenCart css文件不会为类别页面中图像的宽度和高度设置css属性

OpenCart会根据您在管理中设置的内容自动调整图像大小（在您的案例中为400x400）。由于没有css规则，因此显示的尺寸将是图像大小

要修复此问题，您可以尝试以下任一方法：

在主css文件中，查找

.product list.image img

，并添加带有百分比值的

宽度
和
高度
标记。由于您提到您正在尝试获得一个响应站点，您可能需要为不同的屏幕大小提供单独的css文件。您可能面临的问题是，如果您正在调整将图像放大到400x400像素，但您的css定义将图像放大到更大的尺寸（比如600x600像素），您将得到一个像素化图像，看起来像低分辨率。要修复它，请查看第二个选项

OpenCart调整图像的大小以提高性能和节省空间 在控制器文件中， catalog/controller/product/category.php，在第213行附近 见下一行：

$image = $this->model_tool_image->resize($result['image'], $this->config->get('config_image_product_width'),

$this->config->get（'config\u image\u product\u height'）

这是告诉OpenCart将图像大小调整为 在管理设置中定义的维度。如果需要 响应宽度和高度，您可以检测用户的设备（使用 开源软件包（如MobileDetect） 并根据使用的设备调整大小尺寸

• 通过动态调整大小，可以防止图像被像素化，假设原始图像大于请求的大小，同时可以提高性能并节省带宽

---

希望这有帮助！

从

$product['thumb']

中删除此

-**400x400.jpg**

$product['thumb']这叫什么externally@voodoo417不清楚，但我认为他想将

400x400.jpg

？@user3077627的内联样式放在哪里？我看到一个

img

标记，没有任何内联css。$product['thumb']；正在调用@user3077627是的，我可以看到

$product['thumb']

包含

http://localhost/THEME/image/cache/data/demo/w1-400x400.jpg

但我没有看到任何内联CSS样式。我认为这个问题需要更好的解释，包括更好的示例。