Авторизация  
KoVaLsKy

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

Поделиться сообщением


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

KoVaLsKy, а где можно посмотреть на этот слайдер в работе?

Поделиться сообщением


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

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

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

Поделиться сообщением


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

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

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

Поделиться сообщением


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

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

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

Поделиться сообщением


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

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

Поделиться сообщением


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

он не так стабилен иуниверсален. + его настраивать гораздо сложнее.

Поделиться сообщением


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

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти
Авторизация