Перейти к содержимому


Как Установить Слайдер На Главной Странице Магазина?

слайдер

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 35

#21 ais-83

ais-83

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 165 сообщений

Отправлено 16 Март 2013 - 18:59

Просмотр сообщенияsupport 2.0 (16 Март 2013 - 17:41) писал:

вместо того кода поставьте
{% IF index_page %}
<div id="slider1">
<div>Slide one content</div>
<div>Slide two content</div>
<div>Slide three content</div>
<div>And so on...</div>
</div>
{% ENDIF %}



Если там точно такие же блоки с таким же содержанием, то конечно в main.css уже его не нужно будет вставлять

ну, наконец-то, вот таким кодом удалось сделать, чтоб слайды менялись.


{% IF index_page %}
<div id="slider1">
  <li><img src="http://files.storela...netteFleur.jpg" alt="/></li>
  <div id="slider2">
  <li><img src="http://files.storela...7/466902/2.jpg" alt="/></li>
  <div id="slider3">
  <li><img src="http://files.storela...7/466882/1.jpg" alt="/></li>
  <div>And so on...</div>
</div>
{% ENDIF %}


перед закрытием тега боди
Подскажите, как сделать, чтоб они автоматом ездили, и как сделать стрелочки с левого и правого бока самой картинки (чтоб на нее зализали), сейчас снизу картинки есть надписи для прокрутки: предыдущий, следующий.

#22 miyako

miyako

    Активный участник

  • Модератоpы
  • 5 372 сообщений

Отправлено 18 Март 2013 - 08:46

Просмотр сообщенияais-83 (16 Март 2013 - 18:59) писал:

ну, наконец-то, вот таким кодом удалось сделать, чтоб слайды менялись.


{% IF index_page %}
<div id="slider1">
  <li><img src="http://files.storela...netteFleur.jpg" alt="/></li>
  <div id="slider2">
  <li><img src="http://files.storela...7/466902/2.jpg" alt="/></li>
  <div id="slider3">
  <li><img src="http://files.storela...7/466882/1.jpg" alt="/></li>
  <div>And so on...</div>
</div>
{% ENDIF %}


перед закрытием тега боди
Подскажите, как сделать, чтоб они автоматом ездили, и как сделать стрелочки с левого и правого бока самой картинки (чтоб на нее зализали), сейчас снизу картинки есть надписи для прокрутки: предыдущий, следующий.

Не нашла такого кода у вас в стилях -
.bx-next {
position:absolute;
top:40%;
right:-50px;
z-index:999;
width: 30px;
height: 30px;
text-indent: -999999px;
background: url({ASSETS_IMAGES_PATH}blue_next.png) no-repeat 0 -30px;
}
/*previous button*/
.bx-prev {
position:absolute;
top:40%;
left:-50px;
z-index:999;
width: 30px;
height: 30px;
text-indent: -999999px;
background: url({ASSETS_IMAGES_PATH}blue_prev.png) no-repeat 0 -30px;
}
и добавляли ли вы изображения в раздел Сайт - Редактор тем - Файлы из архива слайдера?

#23 ais-83

ais-83

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 165 сообщений

Отправлено 19 Март 2013 - 13:39

Просмотр сообщенияKoderhan (16 Март 2013 - 11:08) писал:

Почему вам не подходит слайдер из этой инструкции ?
http://storeland.ru/about/faq#51
На каком сайте вы нашли инструкцию по установке слайдера bxSlider. ?

пришлось вернуться к нему). просто не нравятся переходы которые в нем. но ладно уж, тот так нормально и не заработал.

#24 Alvel007

Alvel007

    Пользователь

  • Пользователи
  • PipPip
  • 43 сообщений

Отправлено 25 Март 2013 - 18:24

Хочу вот этот слайдер http://guazzo.ru/blo...slayder-chast-2
Всё ставлю куда нужно. ) Но почле вставки ява скрипта выпрыгивает ошибка и слайдер соответственно не запускается... ) в Чем моя ошибка? )

#25 Сake

Сake

    Активный участник

  • Модератоpы
  • 5 979 сообщений

Отправлено 26 Март 2013 - 01:10

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

#26 Ivan712

Ivan712

    Пользователь

  • Пользователи
  • PipPip
  • 37 сообщений

Отправлено 23 Апрель 2014 - 19:11

Просмотр сообщенияKoderhan (16 Март 2013 - 11:08) писал:

Почему вам не подходит слайдер из этой инструкции ?
http://storeland.ru/about/faq#51
На каком сайте вы нашли инструкцию по установке слайдера bxSlider. ?
Поставил данный слайдер все радует. но есть один момент как сделать точки так называемые переключатели на самом слайдере?

#27 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 709 сообщений

Отправлено 23 Апрель 2014 - 19:14

Просмотр сообщенияIvan712 (23 Апрель 2014 - 19:11) писал:

Поставил данный слайдер все радует. но есть один момент как сделать точки так называемые переключатели на самом слайдере?
Здравствуйте укажите Ваш аккаунт

#28 Ivan712

Ivan712

    Пользователь

  • Пользователи
  • PipPip
  • 37 сообщений

Отправлено 23 Апрель 2014 - 19:56

Просмотр сообщенияИрина345 (23 Апрель 2014 - 19:14) писал:

Здравствуйте укажите Ваш аккаунт
SL-204242

#29 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 709 сообщений

Отправлено 23 Апрель 2014 - 20:34

Просмотр сообщенияIvan712 (23 Апрель 2014 - 19:56) писал:

SL-204242
Чтобы переместить переключатель на слайдер Вам нужно найти в jquery.nivo.slider.pack.js код  и найдите

<div class="nivo-controlNav" > 
замените на
<div class="nivo-controlNav"style=" margin-top: -93px; z-index: 5; position: fixed; margin-left: 300px;">


#30 Ivan712

Ivan712

    Пользователь

  • Пользователи
  • PipPip
  • 37 сообщений

Отправлено 23 Апрель 2014 - 20:52

Просмотр сообщенияИрина345 (23 Апрель 2014 - 20:34) писал:

Чтобы переместить переключатель на слайдер Вам нужно найти в jquery.nivo.slider.pack.js код  и найдите

<div class="nivo-controlNav" > 
замените на
<div class="nivo-controlNav"style=" margin-top: -93px; z-index: 5; position: fixed; margin-left: 300px;">
Спасибо, при много благодарен!!!

Просмотр сообщенияИрина345 (23 Апрель 2014 - 20:34) писал:

Чтобы переместить переключатель на слайдер Вам нужно найти в jquery.nivo.slider.pack.js код  и найдите

<div class="nivo-controlNav" > 
замените на
<div class="nivo-controlNav"style=" margin-top: -93px; z-index: 5; position: fixed; margin-left: 300px;">
и снова здравствуйте, при перемещении курсора точки двигаются вниз вместе с основным экраном

#31 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 709 сообщений

Отправлено 23 Апрель 2014 - 21:01

Просмотр сообщенияIvan712 (23 Апрель 2014 - 20:52) писал:

Спасибо, при много благодарен!!!


и снова здравствуйте, при перемещении курсора точки двигаются вниз вместе с основным экраном
повторно замените на
<div class="nivo-controlNav"style=" margin-top: -93px; z-index: 5; position: absolute; margin-left: 300px;">


#32 Ivan712

Ivan712

    Пользователь

  • Пользователи
  • PipPip
  • 37 сообщений

Отправлено 23 Апрель 2014 - 21:17

Просмотр сообщенияИрина345 (23 Апрель 2014 - 21:01) писал:

повторно замените на
<div class="nivo-controlNav"style=" margin-top: -93px; z-index: 5; position: absolute; margin-left: 300px;">
СПАСИБО, ВСЕ НОРМ)

#33 Ivan712

Ivan712

    Пользователь

  • Пользователи
  • PipPip
  • 37 сообщений

Отправлено 04 Август 2014 - 23:15

Вопрос. у меня на главной странице стоит слайдер, но при добавлении товаров новинок он уходит в низ как сделать чтоб он всегда был на верху?
Что нужно переместить и куда поставить?

#34 Сake

Сake

    Активный участник

  • Модератоpы
  • 5 979 сообщений

Отправлено 04 Август 2014 - 23:43

Вам необходимо в шаблоне "HTML" найти код

<!-- Nyvo слайдер который отображается на главной -->
{% IF index_page %}
<!-- Обёртка, указывающая стиль темы -->
<div class="theme-default" style="padding: 1em; display: none;">
<!-- Непосредственный код слайдера -->
<div id="slider">
<img src="http://st.log52.ru/2/970/887/Proekciya_Kia.jpg" alt="" />
<a href="/"><img src="http://st.log52.ru/2/970/860/Proekciya_nissan.jpg" alt="" /></a>
<img src="http://st.log52.ru/1/973/628/Podsvetka_salona.jpg" alt="" />
</div>
</div>
<!-- Запуск слайдера -->
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider().parent().show(); });
</script>
{% ENDIF %}

и переместить его в шаблон "Страница", вставив перед кодом

<!-- Контент страницы -->
  <div class="htmlDataBlock">
	{PAGE_CONTENT}
  </div>


#35 Ivan712

Ivan712

    Пользователь

  • Пользователи
  • PipPip
  • 37 сообщений

Отправлено 05 Август 2014 - 12:22

Просмотр сообщенияСake (04 Август 2014 - 23:43) писал:

Вам необходимо в шаблоне "HTML" найти код

<!-- Nyvo слайдер который отображается на главной -->
{% IF index_page %}
<!-- Обёртка, указывающая стиль темы -->
<div class="theme-default" style="padding: 1em; display: none;">
<!-- Непосредственный код слайдера -->
<div id="slider">
<img src="http://st.log52.ru/2/970/887/Proekciya_Kia.jpg" alt="" />
<a href="/"><img src="http://st.log52.ru/2/970/860/Proekciya_nissan.jpg" alt="" /></a>
<img src="http://st.log52.ru/1/973/628/Podsvetka_salona.jpg" alt="" />
</div>
</div>
<!-- Запуск слайдера -->
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider().parent().show(); });
</script>
{% ENDIF %}

и переместить его в шаблон "Страница", вставив перед кодом

<!-- Контент страницы -->
<div class="htmlDataBlock">
{PAGE_CONTENT}
</div>
Спасибо большое)

#36 GeekGirl

GeekGirl

    Пользователь

  • Пользователи
  • PipPip
  • 23 сообщений

Отправлено 30 Октябрь 2014 - 14:50

не актуально





Темы с аналогичным тегами слайдер

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных