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


Как Редактировать Слайдер?

слайдер

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

#1 sibirtsev

sibirtsev

    Новичок

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

Отправлено 08 Ноябрь 2015 - 21:52

Здравствуйте! Подскажите как редактировать слайдер? Сменить картинку или добавить новый например. Не пойму. Спасибо!

#2 Danil

Danil

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

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

Отправлено 09 Ноябрь 2015 - 09:27

Просмотр сообщенияsibirtsev (08 Ноябрь 2015 - 21:52) писал:

Здравствуйте! Подскажите как редактировать слайдер? Сменить картинку или добавить новый например. Не пойму. Спасибо!
Здравствуйте.
Чтобы заменить изображения в слайдере, зайдите в раздел Сайт - Редактор шаблонов - "Изображения" - замените изображения slide1.png(slide1.jpg), slide2.png(slide2.jpg) и т.д.(названия новых изображений, должны соответствовать старым).
Для добавления большего кол-ва изображений или наоборот удаления, Вам необходимо указать номер аккаунта.

#3 Марсианка

Марсианка

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

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

Отправлено 16 Ноябрь 2015 - 18:30

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

#4 RedHead

RedHead

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

  • Модераторы
  • 1 052 сообщений

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

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

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

Здравствуйте! Вы пробовали очищать кэш (Ctrl+F5)?

#5 Марсианка

Марсианка

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

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

Отправлено 16 Ноябрь 2015 - 18:48

Да спасибо, всё получилось. Уряяя

#6 nataveron

nataveron

    Новичок

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

Отправлено 03 Декабрь 2015 - 12:11

Здравствуйте. Мне нужно оставить всего один слайдер и уменьшить его размер. Как это сделать? номер 367493

#7 RayLi

RayLi

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

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

Отправлено 03 Декабрь 2015 - 12:15

Просмотр сообщенияnataveron (03 Декабрь 2015 - 12:11) писал:

Здравствуйте. Мне нужно оставить всего один слайдер и уменьшить его размер. Как это сделать? номер 367493

Здравствуйте.
На данный момент на сайте вашего интернет-магазина всего один слайдер, уточните, пожалуйста, о каком именно втором идёт сейчас речь?
Желательно указать его на скриншоте для большей наглядности.
Спасибо.

#8 nataveron

nataveron

    Новичок

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

Отправлено 03 Декабрь 2015 - 12:44

У меня отображается, что это первый слайдер http://joxi.ru/82QpVyqf11Dd4m , а если прокрутить дальше, то появляется второй - уже нормально отображающийся.

#9 RayLi

RayLi

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

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

Отправлено 03 Декабрь 2015 - 12:52

Просмотр сообщенияnataveron (03 Декабрь 2015 - 12:44) писал:

У меня отображается, что это первый слайдер http://joxi.ru/82QpVyqf11Dd4m , а если прокрутить дальше, то появляется второй - уже нормально отображающийся.

Если, на данный момент, речь идёт о слайдах и вам необходим лишь один, тогда сделайте, пожалуйста, следующее:
В шаблоне html найдите данный код:

	<!-- Jssor Slider Слайдер -->
	{% IF index_page %}
	<div id="slideshow">
	  <div class="preloader"><span class="content-loading"></span></div>
	  <div id="slider">
		<!-- Slides Container -->
		<div u="slides" class="slides_container">
		  <div>
			<a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=summer" /></a>
		  </div>
		  <div>
			<a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=summer" /></a>
		  </div>
		  <div>
			<img u="image" src="{ASSETS_IMAGES_PATH}slide1.jpg?design=summer" />
		  </div>
		  <div>
			<img u="image" src="{ASSETS_IMAGES_PATH}slide2.jpg?design=summer" />
		  </div>
		</div>
		<!-- Arrow Left -->
		<span u="arrowleft" class="jssora21l" style="width: 55px; height: 55px; top: 123px; left: 8px;" title="Предыдущий слайд"></span>
		<!-- Arrow Right -->
		<span u="arrowright" class="jssora21r" style="width: 55px; height: 55px; top: 123px; right: 8px" title="Следующий слайд"></span>
	  </div>
	</div>
	{% ENDIF %}
	<!-- /END Jssor Slider Слайдер -->

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

	<!-- Jssor Slider Слайдер -->
	{% IF index_page %}
	<div id="slideshow">
	  <div class="preloader"><span class="content-loading"></span></div>
	  <div id="slider">
		<!-- Slides Container -->
		<div u="slides" class="slides_container">
		  <div>
			<a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=summer" /></a>
		  </div>
		  <div>
			<img u="image" src="{ASSETS_IMAGES_PATH}slide2.jpg?design=summer" />
		  </div>
		</div>
		<!-- Arrow Left -->
		<span u="arrowleft" class="jssora21l" style="width: 55px; height: 55px; top: 123px; left: 8px;" title="Предыдущий слайд"></span>
		<!-- Arrow Right -->
		<span u="arrowright" class="jssora21r" style="width: 55px; height: 55px; top: 123px; right: 8px" title="Следующий слайд"></span>
	  </div>
	</div>
	{% ENDIF %}
	<!-- /END Jssor Slider Слайдер -->


#10 nataveron

nataveron

    Новичок

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

Отправлено 03 Декабрь 2015 - 13:16

получилось, спасибо!

#11 explosive

explosive

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

  • Пользователи
  • PipPipPip
  • 114 сообщений
  • ГородСанкт-Петербург

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

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

#12 RedHead

RedHead

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

  • Модераторы
  • 1 052 сообщений

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

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

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

Здравствуйте. В редакторе шаблонов, в шаблоне nyvo.css замените строки:

.theme-default .nivo-controlNav {
text-align: center;
padding: 20px 0;
}
на:
.theme-default .nivo-controlNav {
text-align: center;
}

Затем, в шаблоне main.css замените строки:

.page-headline {}
на:
.page-headline { margin-top: -28px;}				 


#13 explosive

explosive

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

  • Пользователи
  • PipPipPip
  • 114 сообщений
  • ГородСанкт-Петербург

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

Спасибо! То что нужно!

#14 Magazik

Magazik

    Новичок

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

Отправлено 23 Март 2016 - 19:57

Добрый день! Я целый день изучаю форум, но так и не нашёл ответ на то, как заменить картинку на слайдере и добавить 3й слайдер?...
Инструкции ниже тоже не помогли.
И ещё вопрос: какой должен быть формат картинки для этой темы?

#15 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

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

Просмотр сообщенияMagazik (23 Март 2016 - 19:57) писал:

Добрый день! Я целый день изучаю форум, но так и не нашёл ответ на то, как заменить картинку на слайдере и добавить 3й слайдер?...
Инструкции ниже тоже не помогли.
И ещё вопрос: какой должен быть формат картинки для этой темы?

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
		<!-- Slides Container -->
		<div u="slides" class="slides_container">
		  <div>
			<a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=summer" /></a>
		  </div>
		  <div>
			<a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=summer" /></a>
		  </div>
		  <div>
			<img u="image" src="{ASSETS_IMAGES_PATH}slide1.jpg?design=summer" />
		  </div>
		  <div>
			<img u="image" src="{ASSETS_IMAGES_PATH}slide2.jpg?design=summer" />
		  </div>
		</div>

Замените на:
		<!-- Slides Container -->
		<div u="slides" class="slides_container">
		  <div>
			<a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=summer" /></a>
		  </div>
		  <div>
			<a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=summer" /></a>
		  </div>
		  <div>
			<a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide3.jpg?design=summer" /></a>
		  </div>
		</div>

После этого загрузите новое изображение с названием slide3.jpg через кнопку "Добавить файлы" в редакторе шаблонов.
Изображения для данного слайдера лучше использовать с размером 1920x699px.





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

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

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