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


Изменение Слайдера

слайдер

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

#1 TYURIKOFF

TYURIKOFF

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

  • Пользователи
  • PipPip
  • 26 сообщений
  • ГородИжевск

Отправлено 21 Март 2019 - 19:55

Добрый день. Помогите изменить слайдер. Мне нужно изменить размер и добавить текст с кнопкой с левой стороны, и как добавлять дополнительные картинки в слайдер. Так же нужно изменить размер логотипа
Мой аккаунт SL-392747

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

  • Screenshot_3.jpg


#2 Vaccina

Vaccina

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

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

Отправлено 22 Март 2019 - 06:02

Здравствуйте.

В слайдере уже присутствует текст с кнопкой, у вас магазин заблокирован из-за этого возникли JS ошибки от которых некорректно отображается слайдер, пополните баланс и все восстановится.
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
	<!-- Слайдшоу -->
	<div id="slideshow">
	  <div class="preloader"><span class="content-loading"></span></div>
	  <div class="container">
		<div class="slider owl-carousel">
		  <div class="item">
			<div class="content" data-animation-in="fadeInUp" data-animation-out="animate-out fadeOutDown">
			  <div class="line"></div>
			  <h2 class="title">
				<span>Игрушки из</span>
				<span>Настоящего дерева</span>
				<span class="italic">Со скидкой <span class="bold">до 50%</span></span>
			  </h2>
			  <a href="#" class="button button4 big">Смотреть коллекцию</a>
			</div>
			<div class="image">
			  <div class="image1" data-animation-in="fadeInRight" data-animation-out="animate-out fadeOutDown"><img src="{ASSETS_IMAGES_PATH}slide1.png?design=scandi"/></div>
			</div>
		  </div>
		  <div class="item">
			<div class="content" data-animation-in="fadeInUp" data-animation-out="animate-out fadeOutDown">
			  <div class="line"></div>
			  <h2 class="title">
				<span>Игрушки из</span>
				<span>Настоящего дерева</span>
				<span class="italic">Со скидкой <span class="bold">до 50%</span></span>
			  </h2>
			  <a href="#" class="button button4 big">Смотреть коллекцию</a>
			</div>
			<div class="image">
			  <div class="image2" data-animation-in="fadeInRight" data-animation-out="animate-out fadeOutDown"><img src="{ASSETS_IMAGES_PATH}slide2.png?design=scandi"/></div>
			</div>
		  </div>
		</div>
	  </div>
	</div>
	<!-- /END Слайдшоу-->

измените текст на необходимый, чтобы добавить дополнительный слайд, в этом блоке после:
		  <div class="item">
			<div class="content" data-animation-in="fadeInUp" data-animation-out="animate-out fadeOutDown">
			  <div class="line"></div>
			  <h2 class="title">
				<span>Игрушки из</span>
				<span>Настоящего дерева</span>
				<span class="italic">Со скидкой <span class="bold">до 50%</span></span>
			  </h2>
			  <a href="#" class="button button4 big">Смотреть коллекцию</a>
			</div>
			<div class="image">
			  <div class="image2" data-animation-in="fadeInRight" data-animation-out="animate-out fadeOutDown"><img src="{ASSETS_IMAGES_PATH}slide2.png?design=scandi"/></div>
			</div>
		  </div>

вставьте:
		  <div class="item">
			<div class="content" data-animation-in="fadeInUp" data-animation-out="animate-out fadeOutDown">
			  <div class="line"></div>
			  <h2 class="title">
				<span>Игрушки из</span>
				<span>Настоящего дерева</span>
				<span class="italic">Со скидкой <span class="bold">до 50%</span></span>
			  </h2>
			  <a href="#" class="button button4 big">Смотреть коллекцию</a>
			</div>
			<div class="image">
			  <div class="image3" data-animation-in="fadeInRight" data-animation-out="animate-out fadeOutDown"><img src="{ASSETS_IMAGES_PATH}slide3.png?design=scandi"/></div>
			</div>
		  </div>

и загрузите в раздел сайт - Редактор шаблонов файл slide3.png

Уточните пожалуйста, логотип необходимо уменьшить?

#3 TYURIKOFF

TYURIKOFF

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

  • Пользователи
  • PipPip
  • 26 сообщений
  • ГородИжевск

Отправлено 22 Март 2019 - 09:03

Да немного поменьше сделать нужно

#4 TYURIKOFF

TYURIKOFF

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

  • Пользователи
  • PipPip
  • 26 сообщений
  • ГородИжевск

Отправлено 22 Март 2019 - 11:49

Еще раз здравствуйте, не могу подогнать фото под размер контейнера, как изменить размер фото под нужный и нужно поднять повыше кнопки перелистывания слайда

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

  • Screenshot_2.jpg


#5 TYURIKOFF

TYURIKOFF

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

  • Пользователи
  • PipPip
  • 26 сообщений
  • ГородИжевск

Отправлено 22 Март 2019 - 13:36

Разобрался), единственное как прикрепить действие к кнопке Коллекция, где прописать ссылку

#6 ВячеславФ

ВячеславФ

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

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

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

Та жа тема. Сам могу найти, и поменять но боюсь что-то другое затронуть. Кстати ,в експлорере не смотрел, на свой сайт. Я открыл проверить, а там каша возле каждого русского слова какие-то обозначения на англ. Видимо рабочие выскакивают.

#7 Vaccina

Vaccina

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

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

Отправлено 23 Март 2019 - 05:00

Просмотр сообщенияTYURIKOFF (22 Март 2019 - 09:03) писал:

Да немного поменьше сделать нужно

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#header .header-middle .header-col.center .logo {max-width: 230px;}

замените на:
#header .header-middle .header-col.center .logo {max-width: 200px;}

Просмотр сообщенияTYURIKOFF (22 Март 2019 - 13:36) писал:

Разобрался), единственное как прикрепить действие к кнопке Коллекция, где прописать ссылку

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<!-- Слайдшоу -->
<div id="slideshow">
	 <div class="preloader"><span class="content-loading"></span></div>
	 <div class="container">
	 <div class="slider owl-carousel">
		 <div class="item">
		 <div class="content" data-animation-in="fadeInUp" data-animation-out="animate-out fadeOutDown">
			 <div class="line"></div>
			 <h2 class="title">
			 <span>Сумки в</span>
			 <span>Винтажном стиле</span>
			 <span class="italic">Со скидкой <span class="bold">до 30%</span></span>
			 </h2>
			 <a href="http://mensbrand.ru/catalog/naplechnie-sumki" class="button button4 big">Смотреть коллекцию</a>
		 </div>
		 <div class="image">
			 <div class="image1" data-animation-in="fadeInRight" data-animation-out="animate-out fadeOutDown"><img src="{ASSETS_IMAGES_PATH}slide1.png?design=scandi"/></div>
		 </div>
		 </div>
		 <div class="item">
		 <div class="content" data-animation-in="fadeInUp" data-animation-out="animate-out fadeOutDown">
			 <div class="line"></div>
			 <h2 class="title">
			 <span>Бизнес сумки</span>
			 <span>из натуральной кожи</span>
			 <span class="italic"><span class="bold">Выбери свой стиль</span></span>
			 </h2>
			 <a href="http://mensbrand.ru/catalog/sumki-i-portfeli" class="button button4 big">Смотреть коллекцию</a>
		 </div>
		 <div class="image">
			 <div class="image2" data-animation-in="fadeInRight" data-animation-out="animate-out fadeOutDown"><img src="{ASSETS_IMAGES_PATH}slide2.png?design=scandi"/></div>
		 </div>
		 </div>
	 </div>
	 </div>
</div>
<!-- /END Слайдшоу-->

измените значение атрибута href на необходимое.

Просмотр сообщенияВячеславФ (22 Март 2019 - 14:14) писал:

Та жа тема. Сам могу найти, и поменять но боюсь что-то другое затронуть. Кстати ,в експлорере не смотрел, на свой сайт. Я открыл проверить, а там каша возле каждого русского слова какие-то обозначения на англ. Видимо рабочие выскакивают.

Здравствуйте.

Ответила вам в другой теме форума.

#8 Юлия_Scandidec

Юлия_Scandidec

    Новичок

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

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

Просмотр сообщенияVaccina (23 Март 2019 - 05:00) писал:

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#header .header-middle .header-col.center .logo {max-width: 230px;}

замените на:
#header .header-middle .header-col.center .logo {max-width: 200px;}



Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<!-- Слайдшоу -->
<div id="slideshow">
	 <div class="preloader"><span class="content-loading"></span></div>
	 <div class="container">
	 <div class="slider owl-carousel">
		 <div class="item">
		 <div class="content" data-animation-in="fadeInUp" data-animation-out="animate-out fadeOutDown">
			 <div class="line"></div>
			 <h2 class="title">
			 <span>Сумки в</span>
			 <span>Винтажном стиле</span>
			 <span class="italic">Со скидкой <span class="bold">до 30%</span></span>
			 </h2>
			 <a href="http://mensbrand.ru/catalog/naplechnie-sumki" class="button button4 big">Смотреть коллекцию</a>
		 </div>
		 <div class="image">
			 <div class="image1" data-animation-in="fadeInRight" data-animation-out="animate-out fadeOutDown"><img src="{ASSETS_IMAGES_PATH}slide1.png?design=scandi"/></div>
		 </div>
		 </div>
		 <div class="item">
		 <div class="content" data-animation-in="fadeInUp" data-animation-out="animate-out fadeOutDown">
			 <div class="line"></div>
			 <h2 class="title">
			 <span>Бизнес сумки</span>
			 <span>из натуральной кожи</span>
			 <span class="italic"><span class="bold">Выбери свой стиль</span></span>
			 </h2>
			 <a href="http://mensbrand.ru/catalog/sumki-i-portfeli" class="button button4 big">Смотреть коллекцию</a>
		 </div>
		 <div class="image">
			 <div class="image2" data-animation-in="fadeInRight" data-animation-out="animate-out fadeOutDown"><img src="{ASSETS_IMAGES_PATH}slide2.png?design=scandi"/></div>
		 </div>
		 </div>
	 </div>
	 </div>
</div>
<!-- /END Слайдшоу-->

измените значение атрибута href на необходимое.



Здравствуйте.

Ответила вам в другой теме форума.

Здравствуйте!
Аккаунт SL-496210

Мне необходимо внести изменения в слайдер, не могу разобраться.
1. Нужно убрать текст слайдера, фото должно быть на весь контейнер по ширине, кнопки остаются на том же месте, где и сейчас.
2. Не работает автоматическое перелистывание слайдов.





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

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

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