第一個地方,產(chǎn)品列表頁的產(chǎn)品圖片
文件位置:appdesignfrontenddefaulthelloblanktemplatecatalogproductlist.phtml
在此文件中搜 “resize”,發(fā)現(xiàn)有兩處,因為列表頁有 List 和 Grid 兩種顯示方式,第一個resize一般是List列表顯示中的產(chǎn)品圖片,第二個resize一般是 Grid 列表顯示中的產(chǎn)品圖片。
截取代碼片段:
$this->helper(‘catalog/image’)->init($_product, ‘small_image’)->resize(135, 135); ?>” width=”135″ height=”135″
代碼分析:
resize(135, 135),就是設(shè)置產(chǎn)品圖片 尺寸的函數(shù),以像素為單位的。width=”135″ height=”135″就是css的設(shè)置。例如,想改成 150像素寬,200像素高。那么代碼就改成
$this->helper(‘catalog/image’)->init($_product, ‘small_image’)->resize(150, 200); ?>” width=”150″ height=”200″
第二個地方,產(chǎn)品詳細(xì)頁產(chǎn)品圖片
文件位置:appdesignfrontenddefaulthelloblanktemplatecatalogproductviewmedia.phtml
在此文件中搜“resize”。我們會找到兩處,第一處是產(chǎn)品大圖的,第二個是大圖下面小圖的。
代碼片段截?。?/P>
resize(265)
resize(48, 48); ?>” width=”48″ height=”48″
代碼分析:
當(dāng)resize里面只有一個參數(shù)的時候就是設(shè)置寬和高是一樣的。resize(265) 等于resize(265,256)。
這頁有大量css的修飾代碼,請務(wù)必用firebug等工具檢查下,最大可以修改到多大
第三個地方,相關(guān)產(chǎn)品圖片,upsell產(chǎn)品圖片,crosssell產(chǎn)品圖片
相關(guān)產(chǎn)品圖片修改文件位置:appdesignfrontenddefaulthelloblanktemplatecatalogproductlistrelated.phtml
upsell產(chǎn)品圖片修改文件位置:appdesignfrontenddefaulthelloblanktemplatecatalog productlistupsell.phtml
crosssell產(chǎn)品圖片修改文件位置:appdesignfrontenddefaulthelloblanktemplatecheckoutcartupsell.phtml
設(shè)置圖尺寸的函數(shù)還是resize()函數(shù),也基本和前面說的是一樣的。
第四個地方,頁面邊欄購物車?yán)锂a(chǎn)品圖片
文件位置:appdesignfrontenddefaulthelloblanktemplatecheckoutcartitemdefault.phtml
基本就這些了,還有別的地方要改的,開啟下magento模板路徑看下,在哪里,改的方法也一樣。最重要的是,要和你的css修飾代碼配合好。
更多信息請查看IT技術(shù)專欄