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


Перенос Слайдера

слайдерперенос.

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

#1 Карамелька

Карамелька

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

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

Отправлено 16 Март 2016 - 06:44

Здравствуйте,слайдер расположен на главной странице прям под шапкой(гл.страница-каталог товаров),помогите перенести его вниз под каталог.Спасибо.

Прикрепленные изображения

  • слайдер1.jpg


#2 Vaccina

Vaccina

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

  • Модераторы
  • 23 864 сообщений

Отправлено 16 Март 2016 - 06:51

В шаблоне HTML найдите:
{BODY}

перенесите его выше, поставив перед:
<!-- Nyvo слайдер который отображается на главной -->
{% IF index_page %}
<!-- Обёртка, указывающая стиль темы -->


#3 Карамелька

Карамелька

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

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

Отправлено 16 Март 2016 - 07:14

Просмотр сообщенияVaccina (16 Март 2016 - 06:51) писал:

В шаблоне HTML найдите:
{BODY}

перенесите его выше, поставив перед:
<!-- Nyvo слайдер который отображается на главной -->
{% IF index_page %}
<!-- Обёртка, указывающая стиль темы -->


Спасибо,огромное,оказывается всё просто.

#4 Карамелька

Карамелька

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

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

Отправлено 16 Март 2016 - 18:05

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

#5 Danil

Danil

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

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

Отправлено 16 Март 2016 - 18:20

Просмотр сообщенияКарамелька (16 Март 2016 - 18:05) писал:

Чтобы не создавать лишних тем спрошу здесь.
Хочу поменять картинки в слайдере на свои,какого размера должны быть картинки и в каком формате?
Размер текущих изображений 600x255px.
Изображения загружайте в раздел Сайт - Редактор шаблонов - кнопка "Добавить файлы".
Названия изображений должны быть следующими: slide1.jpg, slide2.jpg и т.д.
В шаблоне html найдите код
<img src="http://storeland.ru/img/faq/questions/nyvo_slider/slider.jpg" alt="" />
<a href="/"><img src="/img/faq/questions/nyvo_slider/nemo.jpg" alt="" /></a>
<img title="Пример картинки с заголовком" src="http://storeland.ru/img/faq/questions/nyvo_slider/toystory.jpg" alt="" />
<img src="http://storeland.ru/img/faq/questions/nyvo_slider/walle.jpg" alt="" />
<img src="http://storeland.ru/img/faq/questions/nyvo_slider/cars.jpg" alt="" />
и замените на
<img src="{ASSETS_IMAGES_PATH}slide1.jpg" alt="" />
<img src="{ASSETS_IMAGES_PATH}slide2.jpg" alt="" />
<img src="{ASSETS_IMAGES_PATH}slide3.jpg" alt="" />
<img src="{ASSETS_IMAGES_PATH}slide4.jpg" alt="" />
<img src="{ASSETS_IMAGES_PATH}slide5.jpg" alt="" />


#6 Карамелька

Карамелька

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

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

Отправлено 17 Март 2016 - 13:14

Просмотр сообщенияDanil (16 Март 2016 - 18:20) писал:

Размер текущих изображений 600x255px.
Изображения загружайте в раздел Сайт - Редактор шаблонов - кнопка "Добавить файлы".
Названия изображений должны быть следующими: slide1.jpg, slide2.jpg и т.д.
В шаблоне html найдите код
<img src="http://storeland.ru/img/faq/questions/nyvo_slider/slider.jpg" alt="" />
<a href="/"><img src="/img/faq/questions/nyvo_slider/nemo.jpg" alt="" /></a>
<img title="Пример картинки с заголовком" src="http://storeland.ru/img/faq/questions/nyvo_slider/toystory.jpg" alt="" />
<img src="http://storeland.ru/img/faq/questions/nyvo_slider/walle.jpg" alt="" />
<img src="http://storeland.ru/img/faq/questions/nyvo_slider/cars.jpg" alt="" />
и замените на
<img src="{ASSETS_IMAGES_PATH}slide1.jpg" alt="" />
<img src="{ASSETS_IMAGES_PATH}slide2.jpg" alt="" />
<img src="{ASSETS_IMAGES_PATH}slide3.jpg" alt="" />
<img src="{ASSETS_IMAGES_PATH}slide4.jpg" alt="" />
<img src="{ASSETS_IMAGES_PATH}slide5.jpg" alt="" />


Сделала как Вы написали,но теперь слайдер превратился в белую тонкую полоску и крутится колёсико посередине.Видимо что-то нетак.

#7 RayLi

RayLi

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

  • Модераторы
  • 2 862 сообщений

Отправлено 17 Март 2016 - 13:38

Просмотр сообщенияКарамелька (17 Март 2016 - 13:14) писал:

Сделала как Вы написали,но теперь слайдер превратился в белую тонкую полоску и крутится колёсико посередине.Видимо что-то нетак.

Здравствуйте.
Теперь, пожалуйста, сделайте, следующее:
В шаблоне html найдите данный код:

<div id="slider">
<img src="{ASSETS_IMAGES_PATH}slider1.jpg" alt="" />
<img src="{ASSETS_IMAGES_PATH}slider2.jpg" alt="" />
<img src="{ASSETS_IMAGES_PATH}slider3.jpg" alt="" />
<img src="{ASSETS_IMAGES_PATH}slider4.jpg" alt="" />
<img src="{ASSETS_IMAGES_PATH}slider5.jpg" alt="" />

И замените его вот этим вот кодом:

<div id="slider">
<img src="{ASSETS_IMAGES_PATH}slide1.jpg" alt="" />
<img src="{ASSETS_IMAGES_PATH}slide2.jpg" alt="" />
<img src="{ASSETS_IMAGES_PATH}slide3.jpg" alt="" />
<img src="{ASSETS_IMAGES_PATH}slide4.jpg" alt="" />
<img src="{ASSETS_IMAGES_PATH}slide5.jpg" alt="" />


#8 Карамелька

Карамелька

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

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

Отправлено 17 Март 2016 - 13:49

Просмотр сообщенияRayLi (17 Март 2016 - 13:38) писал:

Здравствуйте.
Теперь, пожалуйста, сделайте, следующее:
В шаблоне html найдите данный код:

<div id="slider">
<img src="{ASSETS_IMAGES_PATH}slider1.jpg" alt="" />
<img src="{ASSETS_IMAGES_PATH}slider2.jpg" alt="" />
<img src="{ASSETS_IMAGES_PATH}slider3.jpg" alt="" />
<img src="{ASSETS_IMAGES_PATH}slider4.jpg" alt="" />
<img src="{ASSETS_IMAGES_PATH}slider5.jpg" alt="" />

И замените его вот этим вот кодом:

<div id="slider">
<img src="{ASSETS_IMAGES_PATH}slide1.jpg" alt="" />
<img src="{ASSETS_IMAGES_PATH}slide2.jpg" alt="" />
<img src="{ASSETS_IMAGES_PATH}slide3.jpg" alt="" />
<img src="{ASSETS_IMAGES_PATH}slide4.jpg" alt="" />
<img src="{ASSETS_IMAGES_PATH}slide5.jpg" alt="" />

Сделала,но теперь стоит только картинка номер 1,других нет и ничего не перелистывается

#9 RayLi

RayLi

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

  • Модераторы
  • 2 862 сообщений

Отправлено 17 Март 2016 - 13:55

Просмотр сообщенияКарамелька (17 Март 2016 - 13:49) писал:

Сделала,но теперь стоит только картинка номер 1,других нет и ничего не перелистывается

Здравствуйте.
К сожалению у вас в коде допущена ошибка.
Чтобы устранить её, сделайте, пожалуйста, следующее:
В шаблоне html найдите данный код:

<!-- Непосредственный код слайдера --> 
<div id="slider">
<div id="slider">
<img src="{ASSETS_IMAGES_PATH}slide1.jpg" alt="" />
<img src="{ASSETS_IMAGES_PATH}slide2.jpg" alt="" />
<img src="{ASSETS_IMAGES_PATH}slide3.jpg" alt="" />
<img src="{ASSETS_IMAGES_PATH}slide4.jpg" alt="" />
<img src="{ASSETS_IMAGES_PATH}slide5.jpg" alt="" />
</div> 
</div>

<!-- Запуск слайдера --> 

И замените его вот этим вот кодом:

<!-- Непосредственный код слайдера -->
<div id="slider">
<img src="{ASSETS_IMAGES_PATH}slide1.jpg" alt="" />
<img src="{ASSETS_IMAGES_PATH}slide2.jpg" alt="" />
<img src="{ASSETS_IMAGES_PATH}slide3.jpg" alt="" />
<img src="{ASSETS_IMAGES_PATH}slide4.jpg" alt="" />
<img src="{ASSETS_IMAGES_PATH}slide5.jpg" alt="" />
</div>
</div>
<!-- Запуск слайдера -->


#10 Карамелька

Карамелька

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

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

Отправлено 17 Март 2016 - 13:59

Спасибо огромное,всё работает,а подскажите ещё пожалуйста,как сделать,чтоб при нажатии на фото слайдера  перекидывало в соответствующий раздел каталога.

#11 RayLi

RayLi

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

  • Модераторы
  • 2 862 сообщений

Отправлено 17 Март 2016 - 14:14

Просмотр сообщенияКарамелька (17 Март 2016 - 13:59) писал:

Спасибо огромное,всё работает,а подскажите ещё пожалуйста,как сделать,чтоб при нажатии на фото слайдера  перекидывало в соответствующий раздел каталога.

Тогда сделайте, пожалуйста, следующее:
В шаблоне html найдите данный код:

<!-- Непосредственный код слайдера -->
<div id="slider">
<img src="{ASSETS_IMAGES_PATH}slide1.jpg" alt="" />
<img src="{ASSETS_IMAGES_PATH}slide2.jpg" alt="" />
<img src="{ASSETS_IMAGES_PATH}slide3.jpg" alt="" />
<img src="{ASSETS_IMAGES_PATH}slide4.jpg" alt="" />
<img src="{ASSETS_IMAGES_PATH}slide5.jpg" alt="" />
</div>
</div>
<!-- Запуск слайдера -->

И замените его вот этим вот кодом:

<!-- Непосредственный код слайдера -->
<div id="slider">
<a href="ссылка"><img src="{ASSETS_IMAGES_PATH}slide1.jpg" alt="" /></a>
<a href="ссылка"><img src="{ASSETS_IMAGES_PATH}slide2.jpg" alt="" /></a>
<a href="ссылка"><img src="{ASSETS_IMAGES_PATH}slide3.jpg" alt="" /></a>
<a href="ссылка"><img src="{ASSETS_IMAGES_PATH}slide4.jpg" alt="" /></a>
<a href="ссылка"><img src="{ASSETS_IMAGES_PATH}slide5.jpg" alt="" /></a>
</div>
</div>
<!-- Запуск слайдера -->


Где заместо слов ссылка , установите, пожалуйста, требуемые вам ссылки и сохраните.

#12 Карамелька

Карамелька

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

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

Отправлено 17 Март 2016 - 14:28

Просмотр сообщенияRayLi (17 Март 2016 - 14:14) писал:

Тогда сделайте, пожалуйста, следующее:
В шаблоне html найдите данный код:

<!-- Непосредственный код слайдера -->
<div id="slider">
<img src="{ASSETS_IMAGES_PATH}slide1.jpg" alt="" />
<img src="{ASSETS_IMAGES_PATH}slide2.jpg" alt="" />
<img src="{ASSETS_IMAGES_PATH}slide3.jpg" alt="" />
<img src="{ASSETS_IMAGES_PATH}slide4.jpg" alt="" />
<img src="{ASSETS_IMAGES_PATH}slide5.jpg" alt="" />
</div>
</div>
<!-- Запуск слайдера -->

И замените его вот этим вот кодом:

<!-- Непосредственный код слайдера -->
<div id="slider">
<a href="ссылка"><img src="{ASSETS_IMAGES_PATH}slide1.jpg" alt="" /></a>
<a href="ссылка"><img src="{ASSETS_IMAGES_PATH}slide2.jpg" alt="" /></a>
<a href="ссылка"><img src="{ASSETS_IMAGES_PATH}slide3.jpg" alt="" /></a>
<a href="ссылка"><img src="{ASSETS_IMAGES_PATH}slide4.jpg" alt="" /></a>
<a href="ссылка"><img src="{ASSETS_IMAGES_PATH}slide5.jpg" alt="" /></a>
</div>
</div>
<!-- Запуск слайдера -->


Где заместо слов ссылка , установите, пожалуйста, требуемые вам ссылки и сохраните.




К сожалению,я опять сделала что-то не правильно,слайдер не перелистывается.

#13 RayLi

RayLi

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

  • Модераторы
  • 2 862 сообщений

Отправлено 17 Март 2016 - 14:42

Просмотр сообщенияКарамелька (17 Март 2016 - 14:28) писал:

К сожалению,я опять сделала что-то не правильно,слайдер не перелистывается.

К сожалению у вас допущена ошибка в коде.
Чтобы ещё исправить, сделайте, пожалуйста, следующее:
В шаблоне html найдите данный код:

<!-- Непосредственный код слайдера -->
<div id="slider">
<!-- Непосредственный код слайдера -->
<div id="slider">
<a href="http://lovesakhbaby.ru/catalog/dzhempera-vodolazki?&page=2"><img src="{ASSETS_IMAGES_PATH}slide1.jpg" alt="" /></a>
<a href="http://lovesakhbaby.ru/catalog/dzhempera-vodolazki?&page=2"><img src="{ASSETS_IMAGES_PATH}slide2.jpg" alt="" /></a>
<a href="http://lovesakhbaby.ru/catalog/futbolki"><img src="{ASSETS_IMAGES_PATH}slide3.jpg" alt="" /></a>
<a href="http://lovesakhbaby.ru/catalog/futbolki"><img src="{ASSETS_IMAGES_PATH}slide4.jpg" alt="" /></a>
<a href="http://lovesakhbaby.ru/catalog/Novaya-kategoriya-2"><img src="{ASSETS_IMAGES_PATH}slide5.jpg" alt="" /></a>
</div>
</div>
<!-- Запуск слайдера -->
<!-- Запуск слайдера -->

И замените его вот этим вот кодом:

<!-- Непосредственный код слайдера -->
<div id="slider">
<a href="http://lovesakhbaby.ru/catalog/dzhempera-vodolazki?&page=2"><img src="{ASSETS_IMAGES_PATH}slide1.jpg" alt="" /></a>
<a href="http://lovesakhbaby.ru/catalog/dzhempera-vodolazki?&page=2"><img src="{ASSETS_IMAGES_PATH}slide2.jpg" alt="" /></a>
<a href="http://lovesakhbaby.ru/catalog/futbolki"><img src="{ASSETS_IMAGES_PATH}slide3.jpg" alt="" /></a>
<a href="http://lovesakhbaby.ru/catalog/futbolki"><img src="{ASSETS_IMAGES_PATH}slide4.jpg" alt="" /></a>
<a href="http://lovesakhbaby.ru/catalog/Novaya-kategoriya-2"><img src="{ASSETS_IMAGES_PATH}slide5.jpg" alt="" /></a>
</div>
</div>
<!-- Запуск слайдера -->


#14 Карамелька

Карамелька

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

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

Отправлено 17 Март 2016 - 14:54

Просмотр сообщенияRayLi (17 Март 2016 - 14:42) писал:

К сожалению у вас допущена ошибка в коде.
Чтобы ещё исправить, сделайте, пожалуйста, следующее:
В шаблоне html найдите данный код:

<!-- Непосредственный код слайдера -->
<div id="slider">
<!-- Непосредственный код слайдера -->
<div id="slider">
<a href="http://lovesakhbaby.ru/catalog/dzhempera-vodolazki?&page=2"><img src="{ASSETS_IMAGES_PATH}slide1.jpg" alt="" /></a>
<a href="http://lovesakhbaby.ru/catalog/dzhempera-vodolazki?&page=2"><img src="{ASSETS_IMAGES_PATH}slide2.jpg" alt="" /></a>
<a href="http://lovesakhbaby.ru/catalog/futbolki"><img src="{ASSETS_IMAGES_PATH}slide3.jpg" alt="" /></a>
<a href="http://lovesakhbaby.ru/catalog/futbolki"><img src="{ASSETS_IMAGES_PATH}slide4.jpg" alt="" /></a>
<a href="http://lovesakhbaby.ru/catalog/Novaya-kategoriya-2"><img src="{ASSETS_IMAGES_PATH}slide5.jpg" alt="" /></a>
</div>
</div>
<!-- Запуск слайдера -->
<!-- Запуск слайдера -->

И замените его вот этим вот кодом:

<!-- Непосредственный код слайдера -->
<div id="slider">
<a href="http://lovesakhbaby.ru/catalog/dzhempera-vodolazki?&page=2"><img src="{ASSETS_IMAGES_PATH}slide1.jpg" alt="" /></a>
<a href="http://lovesakhbaby.ru/catalog/dzhempera-vodolazki?&page=2"><img src="{ASSETS_IMAGES_PATH}slide2.jpg" alt="" /></a>
<a href="http://lovesakhbaby.ru/catalog/futbolki"><img src="{ASSETS_IMAGES_PATH}slide3.jpg" alt="" /></a>
<a href="http://lovesakhbaby.ru/catalog/futbolki"><img src="{ASSETS_IMAGES_PATH}slide4.jpg" alt="" /></a>
<a href="http://lovesakhbaby.ru/catalog/Novaya-kategoriya-2"><img src="{ASSETS_IMAGES_PATH}slide5.jpg" alt="" /></a>
</div>
</div>
<!-- Запуск слайдера -->


Сделала,но ничего не изменилось

Всё получилось,спасибо большое.




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

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