Image Magento 1.9.2-放大的产品图像；“恢复原状”；单击样例（RWD主题）后恢复到原始大小（210px）

已在以下位置成功调整（放大）产品列表（网格）上的产品图像：

…看起来是这样的：

src="<?php echo $this->helper('catalog/image')
                     ->init($_product, 'small_image')
                     ->constrainOnly(TRUE)
                     ->keepAspectRatio(TRUE)
                     ->keepFrame(FALSE)
                     ->resize(230, 345); ?>"

一切正常，但每次我使用样例图像（颜色）动态更改产品图像（ajax？），它们都会恢复到210px的维度。进一步检查确认它们已加载（实际上已异步替换为Ajax）此目录中的“缓存”产品映像：

media/catalog/product/cache/1/small_image/210x

Firebug显示：

单击样例正方形之前的原始图像：

/media/catalog/product/cache/1/small\u image/230x345/
89b1df1394338e37a97daa6040ec056f/p/e/product_100_black_1.jpg“>

已替换（恢复为原始210px）产品图像：

/media/catalog/product/cache/1/small\u image/210x/
a5e241f90fa2c1f01d1b56f4e8602ff9/p/e/product_100_black_1.jpg“>

---

如何修复它有什么帮助吗？

根据我的说法，改变大小不需要改变图像的src

如果您在rwd包中看到magento的默认主题

打开

app/design/frontend/rwd/my theme/template/catalog/product/list。phtml

转到第128行，您将发现

如果更改此变量，则所有图像都将更改，包括样例一

---

同时尝试刷新目录映像缓存转到系统>>缓存管理。

根据我的说法，更改大小不必更改映像的src

如果您在rwd包中看到magento的默认主题

打开

app/design/frontend/rwd/my theme/template/catalog/product/list。phtml

转到第128行，您将发现

如果更改此变量，则所有图像都将更改，包括样例一

---

同时尝试刷新目录映像缓存转到系统>>缓存管理。

有点晚，但我找到了答案。210px是Magentosmall\u图像的默认大小。这个尺寸是在后端设置的

---

进入系统->配置->目录->产品图片有点晚，但我找到了答案。210px是Magentosmall\u图像的默认大小。这个尺寸是在后端设置的

---

转到System->Configuration->Catalog->Product Image（系统->配置->目录->产品图像）

这里有同样的问题，我尝试在list.phtml中编辑$\u imgSize，并且系统->配置->目录->产品图像大小也发生了更改。 它不会生成较小的图像。它正在使用全尺寸

---

我感觉它与product-media.js或swatches list.js有关。这里也有同样的问题，我尝试在list.phtml中编辑$\u imgSize，还更改了系统->配置->目录->产品图像大小。 它不会生成较小的图像。它正在使用全尺寸

---

我感觉它与product-media.js或swatches list.js有关

很明显，

$\u imgSize

的行首先在

list.phtml

中被更改了。样例的问题是，它们使用Ajax自动和异步地更改产品图像——是Ajax选择被替换图像的“源”（而不是我）。我试图找出选择该目录的函数（js，ajax？）（swatch click上显示“替换图像”），在RWD主题中，没有ajax用于更改swatch click上的产品图像。您也可以在控制台上检查此项，打开列表页并单击swatch，然后您将看到他们没有发送任何AJAX请求来获取图像。同样，我不会更改图像的

src

（如果不是AJAX，那么jQuery，抱歉）。然后，jQuery选择源文件夹（onclick-Swatch-image）用标准（

210px

from-Cache-folder）替换产品图像（例如300px）。我试图找到这个

jQuery/JavaScript

函数……很明显，

$\u imgSize

的行在

list.phtml

中首先被更改了。样例的问题是，它们使用Ajax自动和异步地更改产品图像——是Ajax选择被替换图像的“源”（而不是我）。我试图找出选择该目录的函数（js，ajax？）（swatch click上显示“替换图像”），在RWD主题中，没有ajax用于更改swatch click上的产品图像。您也可以在控制台上检查此项，打开列表页并单击swatch，然后您将看到他们没有发送任何AJAX请求来获取图像。同样，我不会更改图像的

src

（如果不是AJAX，那么jQuery，抱歉）。然后，jQuery选择源文件夹（onclick-Swatch-image）用标准（

210px

from-Cache-folder）替换产品图像（例如300px）。我试图找到这个

jQuery/JavaScript

函数。。。

app/design/frontend/rwd/my-theme/layout/catalog.xml

media/catalog/product/cache/1/small_image/210x

    <img id="product-collection-image-22" 
    class="hidden" 
    alt="Product 100" 
    src="http:<my-domain>/media/catalog/product/cache/1/small_image/230x345/
         89b1df1394338e37a97daa6040ec056f/p/e/product_100_black_1.jpg">

    <img class="product-collection-image-22" 
    src="http:<my-domain>/media/catalog/product/cache/1/small_image/210x/
         a5e241f90fa2c1f01d1b56f4e8602ff9/p/e/product_100_black_1.jpg">