2012-03-06 5 views
0

Magento ver 1.6.2.0のスライドバナーに商品を表示する良い方法はありますか? Magento ver 1.6.2.0でスライドバナー(ホームページ)に商品を表示する良い方法はありますか

は、私が試したが、私は二つの問題直面しています:
  • 私は、製品のイメージのための新しい属性を作成したが、私は」

    1. JavaScriptの競合を(私が働いていないし、カートに追加した後、バナーのjquery.min.jsを使用しました)スライドバナーで呼び出すことができません。
  • 答えて

    0

    、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"}} 
    
    +0

    ありがとうございますOSdave、その仕事。 – vin

    +0

    あなたは大歓迎です。今後の参考になるように答えを受け入れることを検討してください – OSdave

    0


    あなたは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"}} 
    

    実際にはどこでもフロントエンドにスライダーのない無制限に使用することはできません。

    乾杯

    関連する問題