在目錄/類別頁面上,我希望在懸停時更改圖像。像clubmonaco.com我知道如何做到這一點在HTML/CSS但不知道在magento。任何幫助? Magento在懸停時更改目錄圖像
0
A
回答
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包含兩個佈局:網格和列表視圖。只是如果你做一個變化和奇蹟,爲什麼你不能看到在前臺;-)
相關問題
- 1. 懸停時更改圖像
- 2. 如何在懸停時更改圖像
- 3. 更改懸停圖像
- 4. 懸停時的背景圖像更改
- 5. 更改目錄圖像大小magento
- 6. 更改懸停圖像移動圖像
- 7. Magento 1.7.0.2 List.phtml圖像懸停
- 8. 鼠標懸停在圖像上時更改圖像
- 9. 如何在懸停時將圖像更改爲另一圖像
- 10. 更改圖像在shopify店懸停
- 11. jQuery - 在懸停上更改圖像src
- 12. 圖像懸停時,如何在懸停時顯示圖像?
- 13. 如何將圖像更改爲懸停時的其他圖像
- 14. jQuery在懸停時更改圖像,然後在點擊時保持圖像
- 15. 如何更改懸停上的圖像
- 16. JQuery更改鼠標懸停的圖像
- 17. 如何更改圖像懸停與javascript
- 18. jQuery懸停圖像更改動畫
- 19. 鼠標懸停更改爲圖像
- 20. 圖像懸停如何更改顏色
- 21. 更改鏈接圖像懸停
- 22. 更改懸停按鈕上的圖像
- 23. jquery更改懸停的背景圖像
- 24. Onclick,更改懸停圖像JQUERY
- 25. 更改懸停圖像不起作用
- 26. 鼠標懸停在圖像特定部分的圖像更改
- 27. 將鼠標懸停在圖像上的多個圖像更改
- 28. 當鼠標懸停在HTML上時,如何更改圖像?
- 29. 當鼠標懸停在按鈕上時更改圖像
- 30. 如何在懸停時進行圓形映射圖像更改?
的變化,你會在這裏http://stackoverflow.com/questions/15682097/magento-1-7-找到答案0-2改變產品形象上,懸停在-目錄頁 – Alex 2013-04-08 10:04:03