KoVaLsKy 59 Опубликовано 28 мая, 2012 Жалоба Share Опубликовано 28 мая, 2012 Итак. качаем отсюда файлы http://iamstudy.ru/j...y.easing.1.3.js http://iamstudy.ru/j....elastislide.js http://iamstudy.ru/elastislide.css и ложим в папку с темой http://iamstudy.ru/nav.png и http://iamstudy.ru/pattern.png кидаем в папку images в шаблоне темы. если папки с таким названием нет- создайте ее. открываем папку с темой далее module далее ищем файл featured_products_default.html открываем этот файл удаляем <link rel="stylesheet" href="jscript/jquery/plugins/bxslider/bx_styles/bx_styles.css" type="text/css" /> <script src="jscript/jquery/plugins/bxslider/jquery.bxSlider.min.js" type="text/javascript"></script> {literal} <script type="text/javascript"> $(document).ready(function(){ $('#slider-featured').bxSlider({ pager: false }); }); </script> [/CODE] и в самом низу файла вставляем [CODE] <link rel="stylesheet" href="{$tpl_path}/elastislide.css" type="text/css" /> <script type="text/javascript" src="{$tpl_path}jquery.easing.1.3.js"></script> <script type="text/javascript" src="{$tpl_path}jquery.elastislide.js"></script> <script type="text/javascript"> {literal} $('#carousel').elastislide({ imageW : 125, minItems : 6 }); {/literal} </script> imageW : 125 ширина элемента, т.е например если у Вас центральная часть 700 пикселей, то у Вас влезет 6 товаров. понятно что так мало просто так никто делать не будет. так что ставьте примерно 300-400. -поиграйтесь. minItems : 6 минимальное количество элементов в окне (не всегда работает) далее <div id="slide-featured"> <ul id="slider-featured"> [/code] меняем на [code] <!-- Elastislide Carousel --> <div id="carousel" class="es-carousel-wrapper"> <div class="es-carousel"> <ul> находим почти в самом низу {/foreach} </ul> </div> [/code] меняем на [CODE] {/foreach} </ul> </div> </div> по идее все. будут вопросы-пишите 10 Ссылка на сообщение Поделиться на другие сайты
YuraS 4 Опубликовано 29 мая, 2012 Жалоба Share Опубликовано 29 мая, 2012 KoVaLsKy, а где можно посмотреть на этот слайдер в работе? Ссылка на сообщение Поделиться на другие сайты
YuraS 4 Опубликовано 29 мая, 2012 Жалоба Share Опубликовано 29 мая, 2012 нашел в гуглях - http://pcvector.net/uploads/demo/scripts/slideshow_and_scroller/elastislide/index.html в дополнение напишу, что там есть еще несколько настраиваемых опций. подробнее тут - http://pcvector.net/scripts/slideshow_and_scroller/264-elastislide-slayder.html Ссылка на сообщение Поделиться на другие сайты
KoVaLsKy 59 Опубликовано 29 мая, 2012 Автор Жалоба Share Опубликовано 29 мая, 2012 только берите мои файлы. они ни ем не отличаюстя от предложенных Юрасимок, кроме одно го факта. по моим файлам по ссылкам переходить будете. а по оригинальным нет Ссылка на сообщение Поделиться на другие сайты
KoVaLsKy 59 Опубликовано 29 мая, 2012 Автор Жалоба Share Опубликовано 29 мая, 2012 вообще это отличный слайдер. много настроек. + самое хорошее. многие наверняка захотят сделать например и для новинок такой же. + этого слайдера в том что он не конфликтует сам с собой. т.е хоть 1000 слайдеров на его базе делайте- все будет в ажюре. Ссылка на сообщение Поделиться на другие сайты
eugenem 11 Опубликовано 29 мая, 2012 Жалоба Share Опубликовано 29 мая, 2012 Смысла не вижу. В движок уже добавлен bxslyder, который точно также позволяет делать множественные слайдеры на странице. При этом лишний скрипт Вы не цепляете. Ссылка на сообщение Поделиться на другие сайты
KoVaLsKy 59 Опубликовано 29 мая, 2012 Автор Жалоба Share Опубликовано 29 мая, 2012 он не так стабилен иуниверсален. + его настраивать гораздо сложнее. Ссылка на сообщение Поделиться на другие сайты
Рекомендуемые сообщения