有没有什么好方法可以在Magento ver 1.6.2.0中的滑动横幅（主页）上显示产品

Question

有没有什么好方法可以在Magento ver 1.6.2.0中的滑动横幅上显示产品？

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

1. JavaScript冲突（我使用jquery.min.js代表横幅，然后添加到购物车后，无效）
2. 我为产品图片创建了新属性，但我无法在滑动横幅上调用它。

Answer 1

尝试雪崩主题。

http://fastdivision.com/themes/avalanche/?utm_source=fastdivision.com&utm_medium=blog&utm_content=top-menu&utm_campaign=avalanche

其中有一些很酷的功能。

您可以进一步自定义，但这是一个很好的起点。

HTH

Answer 2

创建一个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"}}

Answer 3

您可以使用Nivo Slider（一个最棒的jquery滑块）来滑动横幅。

如果您想要一种简单的方法，只需为主页滑块创建新组并添加图像/幻灯片，那么您可以尝试使用Magento的以下扩展名：
http://www.magepsycho.com/jquery-sliders-pro-nivo-slider.html

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

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

事实上，你可以在前端的任何地方使用无限制的滑块。

干杯