Magento ver 1.6.2.0のスライドバナーに商品を表示する良い方法はありますか? Magento ver 1.6.2.0でスライドバナー(ホームページ)に商品を表示する良い方法はありますか
は、私が試したが、私は二つの問題直面しています:- JavaScriptの競合を(私が働いていないし、カートに追加した後、バナーの
jquery.min.js
を使用しました)スライドバナーで呼び出すことができません。
Magento ver 1.6.2.0のスライドバナーに商品を表示する良い方法はありますか? Magento ver 1.6.2.0でスライドバナー(ホームページ)に商品を表示する良い方法はありますか
は、私が試したが、私は二つの問題直面しています:jquery.min.js
を使用しました)スライドバナーで呼び出すことができません。「avalnache」テーマを試してみてください。
その中にいくつかの本当にクールな機能。
あなたはそれをfuther custmiseが、良い出発点であることができます。
HTH
、CMS静的ブロックを作成する「home_slideshow」として彼の識別子を設定し、それの内容を貼り付けます。
<script type="text/javascript">
start_slideshow(1, 3, 3000);
function start_slideshow(start_frame, end_frame, delay) {
id = setTimeout(switch_slides(start_frame,start_frame,end_frame, delay), delay);
}
function switch_slides(frame, start_frame, end_frame, delay) {
return (function() {
Effect.Fade('slide' + frame, { duration: 1.0 });
if (frame == end_frame) { frame = start_frame; } else { frame = frame + 1; }
Effect.Appear('slide' + frame, { duration: 1.0 });
if (delay == 1000) { delay = 3000; }
id = setTimeout(switch_slides(frame, start_frame, end_frame, delay), delay);
})
}
function stop_slideshow() {
clearTimeout(id);
}
</script>
<div id="slideshowhomepage" style="height: 230px; position: relative;" onmouseover="stop_slideshow()" onmouseout="start_slideshow(1, 3, 1000)">
<div id="slide1" class="slide" style="position: absolute; top: 0pt; left: 0pt; display: block; z-index: 3; opacity: 1;"><a href="{{store direct_url='webpage1.html'}}"><img src="{{skin url='path/to/image1.jpg'}}" border="0" alt="" /></a></div>
<div id="slide2" class="slide" style="position: absolute; top: 0pt; left: 0pt; display: none; z-index: 2; opacity: 0;"><a href="{{store direct_url='webpage2.html'}}"><img src="{{skin url='path/to/image2.jpg'}}" border="0" alt="" /></a></div>
<div id="slide3" class="slide" style="position: absolute; top: 0pt; left: 0pt; display: none; z-index: 1; opacity: 0;"><a href="{{store direct_url='webpage3.html'}}"><img src="{{skin url='path/to/image3.jpg'}}" border="0" alt="" /></a></div>
</div>
、あなたは自宅CMSのページです編集して、このブロックを追加:
{{block type="cms/block" block_id="home_slideshow" template="cms/content.phtml"}}
あなたはNivoスライダー(1最も素晴らしいjQueryのSLを使用することができますider)をスライドバナーに使用します。
あなたが簡単な方法をしたい場合は、単にホームページのスライダー用の新しいグループを作成し、そこに画像/スライドを追加すると、あなたがMagentoのために、以下の拡張子を試すことができます:
http://www.magepsycho.com/jquery-sliders-pro-nivo-slider.html
あなただけに次のコードを追加する必要がありますあなたのCMSのページ:
{{block type="jquerysliderspro/slider" identifier="group-identifier-for-homepage-slider"}}
実際にはどこでもフロントエンドにスライダーのない無制限に使用することはできません。
乾杯
ありがとうございますOSdave、その仕事。 – vin
あなたは大歓迎です。今後の参考になるように答えを受け入れることを検討してください – OSdave