2013-03-27 77 views
0

在目錄/類別頁面上,我希望在懸停時更改圖像。像clubmonaco.com我知道如何做到這一點在HTML/CSS但不知道在magento。任何幫助? enter image description hereMagento在懸停時更改目錄圖像

+0

的變化,你會在這裏http://stackoverflow.com/questions/15682097/magento-1-7-找到答案0-2改變產品形象上,懸停在-目錄頁 – Alex 2013-04-08 10:04:03

回答

0

你可以在這個目錄中修改文件:

app/design/frontend/base/default/template/catalog/product 
for example (list/ and list.phtml) 

或您的示例模板:

app/design/frontend/default/yourtemplate/template/directory with product files 

CSS文件,你可以找到:

skin/frontend/ 
0

你也應該想想,第二個圖像的存儲位置。您可以對這種情況使用「CSS-Sprites」 - 包含兩張照片的單個圖像文件。缺點是,您必須自定義每個頁面,其中magento顯示產品圖像。

或者,您必須定義確切的訂單。第一個圖像是前視圖,第二個圖像始終是後視圖。

編程部分不是很難。看看

app/design/frontend/base/default/template/catalog/product/list.phtml 

爲目錄視圖。如果您有自定義模板,路徑可能會有所不同。在Magento後端有一個功能來顯示真正的路徑(系統 - >配置 - >開發工具)。

您可以直接寫你的Javascript到list.phtml。 Magento也直接在.phtml文件中寫JS代碼。當然這不是很漂亮,但Magento非常複雜;如果其他人與店鋪系統一起工作,則會更容易找到。

請記住,該list.phtml包含兩個佈局:網格和列表視圖。只是如果你做一個變化和奇蹟,爲什麼你不能看到在前臺;-)