在Magento 1.6.2.0版的滑动横幅（主页）上是否有显示产品的好方法

在Magento 1.6.2.0版的滑动横幅上显示产品有什么好方法吗

我试过了，但我面临两个问题：

JavaScript冲突我使用jquery.min.js作为横幅，然后在添加到购物车后，它就不起作用了 我为产品图像创建了新属性，但无法在滑动横幅上调用它。

---

试试观音主题

里面有一些很酷的功能

你可以更进一步，但这是一个很好的起点

---

HTH

创建一个CMS静态块，将其标识符设置为“home\u 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>

您可以使用Nivo Slider，这是用于滑动横幅的最棒的jquery滑块之一

如果您想要一种简单的方法，只需为主页滑块创建新组并向其中添加图像/幻灯片，就可以尝试Magento的以下扩展：

您只需在cms页面中添加以下代码：

事实上，您可以在前端的任何位置使用无限数量的滑块

---

请欢迎VIN，考虑接受未来的答案。

{{block type="cms/block" block_id="home_slideshow" template="cms/content.phtml"}}

{{block type="jquerysliderspro/slider" identifier="group-identifier-for-homepage-slider"}}