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


Как Вставить Слайдер В Шаблоне Пластик?


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

#1 Дарья163

Дарья163

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

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

Отправлено 28 Октябрь 2013 - 21:58

Здравствуйте, люди добрые! Помогите, вставить слайдер на сайте в выделенной части на картинке) Т. е. слайдер должен располагаться прямо под кнопкой "поиск по товарам", опишите подробно как и куда нужно вставить код?
И это еще не все, как сделать так, чтобы в слайдере менялись картинки, например, их будет три или четыре) Чтобы чередовались через определенное время. Жду от Вас помощи

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

  • Безымянный.jpg


#2 мистка

мистка

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

  • Пользователи
  • PipPipPipPip
  • 2 435 сообщений
  • ГородМосква

Отправлено 28 Октябрь 2013 - 22:39

http://storeland.ru/about/faq#51

#3 Сake

Сake

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

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

Отправлено 29 Октябрь 2013 - 01:12

Код слайдера вы можете вставить в шаблон "HTML" перед строкой

<div id="topobj"></div>


#4 Дарья163

Дарья163

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

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

Отправлено 06 Ноябрь 2013 - 22:41

Спасибо! А как вставить туда свои картинки?

#5 Сake

Сake

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

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

Отправлено 07 Ноябрь 2013 - 00:20

Если обратить внимание на код слайдера

<div id="slider">
  <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="" />
</div>

то тут можно заметить теги <img> именно данным тегом и вставляются изображения. Если тег <img> обвернут в тег <a> то данный тег является ссылкой. Если необходимо добавить изображение

<div id="slider">
  <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}cars2.jpg" alt="" />
</div>

в данном случае мы задали переменную {ASSETS_IMAGES_PATH} она указывает на каталог файла cars2.jpg а сам файл cars2.jpg необходимо загрузить в раздел редактора тем. Пример из 3х изображений

<div id="slider">
  <img src="{ASSETS_IMAGES_PATH}cars1.jpg" alt="" />
  <img src="{ASSETS_IMAGES_PATH}cars2.jpg" alt="" />
  <img src="{ASSETS_IMAGES_PATH}cars3.jpg" alt="" />
</div>

останется только загрузить изображения cars1.jpg cars2.jpg и cars3.jpg в раздел редактора тем.

#6 Дарья163

Дарья163

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

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

Отправлено 07 Ноябрь 2013 - 16:42

А каковы размеры этих изображений? Спасибо заранее

#7 sengun

sengun

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

  • Модератоpы
  • 1 139 сообщений
  • ГородНижний Новгород

Отправлено 07 Ноябрь 2013 - 18:07

Просмотр сообщенияДарья163 (07 Ноябрь 2013 - 16:42) писал:

А каковы размеры этих изображений? Спасибо заранее
В вашем случае для наиболее качественного отображения желательно загружать картинки размером 488х207 (+- 20) пикселей.

#8 support 2.0

support 2.0

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

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

Отправлено 07 Ноябрь 2013 - 18:08

Просмотр сообщенияДарья163 (07 Ноябрь 2013 - 16:42) писал:

А каковы размеры этих изображений? Спасибо заранее
В данном случае используются 600*255 пикселей.




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

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