Есть ли хороший способ для отображения продуктов на скользящем баннере (Домашняя страница) в Magento ver 1.6.2.0?

Question

Есть ли какой-нибудь хороший способ отобразить продукты на скользящем баннере в Magento ver 1.6.2.0?

Я пытался, но столкнулся с двумя проблемами:

1. Конфликты JavaScript (я использовалjquery.min.js для баннера, после добавления в корзину не работает)
2. Я создал новые атрибуты для изображения товара, но не могу вызвать его на скользящем баннере.

Answer 1

создайте статический блок 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 2

Вы можете использовать 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"}}

Фактически вы можете использовать неограниченное количество ползунков в любом месте внешнего интерфейса.

Приветствия

Answer 3

Попробуйте тему avalnache.

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

Некоторые действительно интересные функции в ней.

Вы можете настроить ее дальше, но это хорошая отправная точка.

HTH