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


Не Могу Установить Слайдер

Автор wark, 11 нояб. 2012 22:19

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

#1 wark

wark

    Новичок

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

Отправлено 11 Ноябрь 2012 - 22:19

Здравствуйте! Помогите пожайлуста вставить вот этот слайдер под №17 http://yeap.narod.ru/js/022.html

#2 Koderhan

Koderhan

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

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

Отправлено 12 Ноябрь 2012 - 12:05

Вот пример установки подобного слайдера.
http://storeland.ru/about/faq#51
Еще много писалось про разные слайдеры на форуме.
Напишите адрес своего сайта.
Код в разных шаблонах различается. А значит и ответы могут расходиться чуть.

#3 wark

wark

    Новичок

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

Отправлено 12 Ноябрь 2012 - 14:09

Просмотр сообщенияKoderhan (12 Ноябрь 2012 - 12:05) писал:

Вот пример установки подобного слайдера.
http://storeland.ru/about/faq#51
Еще много писалось про разные слайдеры на форуме.
Напишите адрес своего сайта.
Код в разных шаблонах различается. А значит и ответы могут расходиться чуть.

yktbeauty.ru я пытался как-то установить не получается((

#4 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 13 Ноябрь 2012 - 16:05

Пожалуйста, сообщите подробнее в чем у вас возникает трудность, может какие ошибки появляются или же что-то еще. Пожалуйста, опишите вашу проблему как можно подробнее.

#5 wark

wark

    Новичок

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

Отправлено 16 Ноябрь 2012 - 20:56

Просмотр сообщенияVaccina (13 Ноябрь 2012 - 16:05) писал:

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

#6 support 2.0

support 2.0

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

  • Модераторы
  • 4 950 сообщений

Отправлено 17 Ноябрь 2012 - 15:07

Просмотр сообщенияwark (16 Ноябрь 2012 - 20:56) писал:

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

У нас нет пока возможности создать папку, заливайте файлы галереи прямо в корень.
после этого, когда Вам надо подключить библиотеку js и css галереи, Вам нужно вставить в head примерно такой код:
 <link rel="stylesheet" href="{ASSETS_STYLES_PATH}название файла.css" type="text/css" media="screen" />
 <script src="{ASSETS_JS_PATH}название файла.js" type="text/javascript"></script>
вместо "название файла" впишите имя файла css или js галереи.

также, когда Вы будете вставлять теги с изображениями, то путь к файлу прописывается следующим образом:
src"{ASSETS_IMAGES_PATH}имя файла.jpg"
вместо "имя файла.jpg" впишите название изображения с соответствующим типом (jpg,png,gif)

#7 NextWayEco.RU

NextWayEco.RU

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

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

Отправлено 17 Январь 2013 - 07:28

Добрый день! Уважаемые специалисты просьба помочь установить на главную слайдер http://pcvector.net/...ry-slayder.html (пример2) расположение слайдера как у меня картинка http://nextwayeco.ru...ат-Segway-в-Уфе (файлы в корень залил, просьба описать что и куда прописать, чтобы он заработал)

#8 Koderhan

Koderhan

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

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

Отправлено 17 Январь 2013 - 07:57

Просмотр сообщенияNextWayEco.RU (17 Январь 2013 - 07:28) писал:

Добрый день! Уважаемые специалисты просьба помочь установить на главную слайдер http://pcvector.net/...ry-slayder.html (пример2) расположение слайдера как у меня картинка http://nextwayeco.ru...ат-Segway-в-Уфе (файлы в корень залил, просьба описать что и куда прописать, чтобы он заработал)
Подробная инструкция по установке похожего слайдера описана тут
Тот же слайдер.

#9 NextWayEco.RU

NextWayEco.RU

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

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

Отправлено 17 Январь 2013 - 08:18

Просмотр сообщенияKoderhan (17 Январь 2013 - 07:57) писал:

Подробная инструкция по установке похожего слайдера описана тут
Тот же слайдер.

Все по инструкции проделал, картинки поменял, слайдер не запускается, в коде же ссылки на nyvo. xnj gjvtyznm&

    <!-- Nyvo слайдер который отображается на главной -->
{% IF index_page %}
  <!-- Обёртка, указывающая стиль темы -->
  <div class="theme-default" style="padding:1em;display:none;">
    <!-- Непосредственный код слайдера -->
    <div id="slider">
  <img src="http://nextwayeco.ru.../img4.jpg?5473" alt="" />
  <a href="/"><img src="/img/faq/questions/nyvo_slider/nemo.jpg" alt="" /></a>
  <img src="http://nextwayeco.ru.../img1.jpg?5473" alt="" title="Пример картинки с заголовком" />
  <img src="http://nextwayeco.ru.../img2.jpg?5473" alt="" />
  <img src="http://nextwayeco.ru.../img3.jpg?5473" alt="" />
    </div>
  </div>

  <!-- Запуск слайдера -->
  <script type="text/javascript">
    $(window).load(function() {
    $('#slider').nivoSlider().parent().show();
    });
  </script>
  {% ENDIF %}

#10 miyako

miyako

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

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

Отправлено 17 Январь 2013 - 08:45

Просмотр сообщенияNextWayEco.RU (17 Январь 2013 - 08:18) писал:

Все по инструкции проделал, картинки поменял, слайдер не запускается, в коде же ссылки на nyvo. xnj gjvtyznm&

<!-- Nyvo слайдер который отображается на главной -->
{% IF index_page %}
  <!-- Обёртка, указывающая стиль темы -->
  <div class="theme-default" style="padding:1em;display:none;">
<!-- Непосредственный код слайдера -->
<div id="slider">
  <img src="http://nextwayeco.ru.../img4.jpg?5473" alt="" />
  <a href="/"><img src="/img/faq/questions/nyvo_slider/nemo.jpg" alt="" /></a>
  <img src="http://nextwayeco.ru.../img1.jpg?5473" alt="" title="Пример картинки с заголовком" />
  <img src="http://nextwayeco.ru.../img2.jpg?5473" alt="" />
  <img src="http://nextwayeco.ru.../img3.jpg?5473" alt="" />
</div>
  </div>

  <!-- Запуск слайдера -->
  <script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider().parent().show();
});
  </script>
  {% ENDIF %}

Попробуйте еще раз загрузить nyvo.css и jquery.nivo.slider.pack.js, перед этим удалив старые.

#11 Koderhan

Koderhan

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

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

Отправлено 17 Январь 2013 - 08:47

По каким то причинам у вас пустые файлы "nyvo.css" и "jquery.nivo.slider.pack.js".
Вы точно загрузили эти файлы на сайт ?

#12 NextWayEco.RU

NextWayEco.RU

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

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

Отправлено 17 Январь 2013 - 09:49

Просмотр сообщенияmiyako (17 Январь 2013 - 08:45) писал:

Попробуйте еще раз загрузить nyvo.css и jquery.nivo.slider.pack.js, перед этим удалив старые.
Я хочу установить не nyvo слайдер, а http://pcvector.net/...ry-slayder.html (пример2)

#13 Koderhan

Koderhan

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

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

Отправлено 17 Январь 2013 - 10:28

Просмотр сообщенияNextWayEco.RU (17 Январь 2013 - 09:49) писал:

Я хочу установить не nyvo слайдер, а http://pcvector.net/...ry-slayder.html (пример2)
Слайдеры похожи. Установка слайдера предложенный вами аналогична  установке nyvo слайдера.

#14 miyako

miyako

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

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

Отправлено 17 Январь 2013 - 10:31

Просмотр сообщенияNextWayEco.RU (17 Январь 2013 - 09:49) писал:

Я хочу установить не nyvo слайдер, а http://pcvector.net/...ry-slayder.html (пример2)

Проверьте правильно ли вы подключили стили и скрипты, то есть у вас должно быть в шаблоне HTML примерно так быть:
<script src="{ASSETS_JS_PATH}mobilyslider.js" type="text/javascript"></script>
  <script src="{ASSETS_JS_PATH}init.js" type="text/javascript"></script>
  <link href="{ASSETS_STYLES_PATH}default.css" rel="stylesheet" type="text/css" />

А пути к картинкам примерно так:
  <div class="slider slider2">
   <div class="sliderContent">
   <div class="item">
	<img src="{ASSETS_IMAGES_PATH}img1.jpg" alt="" />
   </div>
   <div class="item">
	<img src="{ASSETS_IMAGES_PATH}img2.jpg" alt="" />
   </div>
   <div class="item">
	<img src="{ASSETS_IMAGES_PATH}img3.jpg" alt="" />
   </div>
   <div class="item">
	<img src="{ASSETS_IMAGES_PATH}img4.jpg" alt="" />
   </div>
   <div class="item">
	<img src="{ASSETS_IMAGES_PATH}img5.jpg" alt="" />
   </div>
   <div class="item">
	<img src="{ASSETS_IMAGES_PATH}img6.jpg" alt="" />
   </div>
  </div>
</div>

#15 NextWayEco.RU

NextWayEco.RU

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

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

Отправлено 17 Январь 2013 - 11:17

Просмотр сообщенияmiyako (17 Январь 2013 - 10:31) писал:

Проверьте правильно ли вы подключили стили и скрипты, то есть у вас должно быть в шаблоне HTML примерно так быть:
<script src="{ASSETS_JS_PATH}mobilyslider.js" type="text/javascript"></script>
<script src="{ASSETS_JS_PATH}init.js" type="text/javascript"></script>
<link href="{ASSETS_STYLES_PATH}default.css" rel="stylesheet" type="text/css" />

А пути к картинкам примерно так:
<div class="slider slider2">
<div class="sliderContent">
<div class="item">
<img src="{ASSETS_IMAGES_PATH}img1.jpg" alt="" />
</div>
<div class="item">
<img src="{ASSETS_IMAGES_PATH}img2.jpg" alt="" />
</div>
<div class="item">
<img src="{ASSETS_IMAGES_PATH}img3.jpg" alt="" />
</div>
<div class="item">
<img src="{ASSETS_IMAGES_PATH}img4.jpg" alt="" />
</div>
<div class="item">
<img src="{ASSETS_IMAGES_PATH}img5.jpg" alt="" />
</div>
<div class="item">
<img src="{ASSETS_IMAGES_PATH}img6.jpg" alt="" />
</div>
</div>
</div>

Спасибо, miyako
Подкажи еще как сместить его ниже и вписать в разментку см.
http://nextwayeco.ru/

#16 miyako

miyako

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

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

Отправлено 17 Январь 2013 - 11:35

Просмотр сообщенияNextWayEco.RU (17 Январь 2013 - 11:17) писал:

Спасибо, miyako
Подкажи еще как сместить его ниже и вписать в разментку см.
http://nextwayeco.ru/

Найдите в файле main.csstemplate код:
.sliderContent {
float: left;
width: 800px;
height: 350px;
clear: both;
position: relative;
overflow: hidden;
}

и замените его на:
.sliderContent {
float: left;
width: 710px;/*ширина слайдера*/
height: 350px;
clear: both;
position: relative;
overflow: hidden;
}

найдите код:
.slider {
float: left;
width: 800px;
height: 350px;
position: relative;
padding-bottom: 26px;
background: url(../gfx/bottom_shadow.png) no-repeat bottom center;
}
и замените на:
.slider {
float: left;
width: 800px;
height: 350px;
position: relative;
padding-bottom: 26px;
padding-top: 75px; /*расстояние от вверха*/
background: url(../gfx/bottom_shadow.png) no-repeat bottom center;
}

#17 NextWayEco.RU

NextWayEco.RU

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

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

Отправлено 17 Январь 2013 - 13:59

Просмотр сообщенияmiyako (17 Январь 2013 - 11:35) писал:

Найдите в файле main.csstemplate код:
.sliderContent {
float: left;
width: 800px;
height: 350px;
clear: both;
position: relative;
overflow: hidden;
}

и замените его на:
.sliderContent {
float: left;
width: 710px;/*ширина слайдера*/
height: 350px;
clear: both;
position: relative;
overflow: hidden;
}

найдите код:
.slider {
float: left;
width: 800px;
height: 350px;
position: relative;
padding-bottom: 26px;
background: url(../gfx/bottom_shadow.png) no-repeat bottom center;
}
и замените на:
.slider {
float: left;
width: 800px;
height: 350px;
position: relative;
padding-bottom: 26px;
padding-top: 75px; /*расстояние от вверха*/
background: url(../gfx/bottom_shadow.png) no-repeat bottom center;
}

Вроде получилось, спасибо.
Еще: как сделать чтобы слайдер только на главной отражался?
Как сделать тень как в http://pcvector.net/...l#ixzz2ID2MXZBy ?

#18 Koderhan

Koderhan

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

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

Отправлено 17 Январь 2013 - 14:18

Просмотр сообщенияNextWayEco.RU (17 Январь 2013 - 13:59) писал:

Вроде получилось, спасибо.
Еще: как сделать чтобы слайдер только на главной отражался?
Как сделать тень как в http://pcvector.net/...l#ixzz2ID2MXZBy ?
Для того чтобы слайдер выводился только на главной странице нужно задать условие с помощью кода:
{% IF index_page %}
Тут код слайдера.
{% ENDIF %}

#19 NextWayEco.RU

NextWayEco.RU

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

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

Отправлено 17 Январь 2013 - 14:58

Просмотр сообщенияKoderhan (17 Январь 2013 - 14:18) писал:

Для того чтобы слайдер выводился только на главной странице нужно задать условие с помощью кода:
{% IF index_page %}
Тут код слайдера.
{% ENDIF %}
Пропали с главной категории новинки хиты продаж, а также не отображется полный путь на страницу (см.ниже)

#20 Koderhan

Koderhan

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

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

Отправлено 17 Январь 2013 - 15:34

Просмотр сообщенияNextWayEco.RU (17 Январь 2013 - 14:58) писал:

Пропали с главной категории новинки хиты продаж, а также не отображется полный путь на страницу (см.ниже)
Возможно при вставки данного кода вы так же обвирнули в условие блоки "Хиты продаж"
Обратно в Шаблон Сияние


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Сияние
  5. Privacy Policy