カタログ・カテゴリーページでホバーすると画像が変わってほしい。clubmonaco.comのように、html/css で行う方法は知っていますが、magento についてはわかりません。何か助けはありますか?
2 に答える
このディレクトリ内のファイルを変更できます。
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/
また、2 番目の画像がどこに保存されているかを考える必要があります。この場合、「CSS-Sprites」を使用できます。これは、両方の写真を含む単一の画像ファイルです。欠点は、magento が製品画像を表示するすべてのページをカスタマイズする必要があることです。
または、正確な順序を定義する必要があります。最初の画像は正面図、2 番目の画像は常に背面図です。
プログラミングの部分はそれほど難しくありません。見る
app/design/frontend/base/default/template/catalog/product/list.phtml
カタログ ビューの場合。カスタム テンプレートがある場合、パスは異なる場合があります。Magento バックエンドには、実際のパス (システム -> 構成 -> 開発ツール) を表示する機能があります。
JavaScript を list.phtml に直接書き込むことができます。Magento は、JS コードを .phtml ファイルに直接書き込みます。もちろん、あまりきれいではありませんが、Magento は非常に複雑です。他の人がショップシステムで作業している場合、見つけやすくなります。
list.phtml には、グリッド ビューとリスト ビューの 2 つのレイアウトが含まれていることに注意してください。変更を加えて疑問に思ったとしても、なぜフロントエンドに変更が見られないのか;-)