Перейти к содержанию
Форум поддержки пользователей VamShop

3.по многочисленным просьбам. слайдер.


KoVaLsKy

Рекомендуемые сообщения

Итак.

качаем отсюда файлы

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>

по идее все.

будут вопросы-пишите

  • Like 10
Ссылка на сообщение
Поделиться на другие сайты

нашел в гуглях - http://pcvector.net/uploads/demo/scripts/slideshow_and_scroller/elastislide/index.html

в дополнение напишу, что там есть еще несколько настраиваемых опций. подробнее тут - http://pcvector.net/scripts/slideshow_and_scroller/264-elastislide-slayder.html

Ссылка на сообщение
Поделиться на другие сайты

только берите мои файлы. они ни ем не отличаюстя от предложенных Юрасимок, кроме одно го факта.

по моим файлам по ссылкам переходить будете. а по оригинальным нет

Ссылка на сообщение
Поделиться на другие сайты

вообще это отличный слайдер. много настроек. + самое хорошее. многие наверняка захотят сделать например и для новинок такой же.

+ этого слайдера в том что он не конфликтует сам с собой. т.е хоть 1000 слайдеров на его базе делайте- все будет в ажюре.

Ссылка на сообщение
Поделиться на другие сайты

Смысла не вижу. В движок уже добавлен bxslyder, который точно также позволяет делать множественные слайдеры на странице. При этом лишний скрипт Вы не цепляете.

Ссылка на сообщение
Поделиться на другие сайты
×
×
  • Создать...