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


Редактирование Дизайна


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

#1 radicuzbek

radicuzbek

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

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

Отправлено 21 Январь 2018 - 19:11

Можно ли создать рабочею кнопку в слайдере?

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

  • bandicam 2018-01-21 19-05-50-194.jpg


#2 Stasya

Stasya

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

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

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

Просмотр сообщенияradicuzbek (21 Январь 2018 - 19:11) писал:

Можно ли создать рабочею кнопку в слайдере?
Здравствуйте. Уточните, пожаулйста, что должно происходить при клике по этой кнопке? Должен быть переход в какую- то категорию?

#3 radicuzbek

radicuzbek

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

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

Отправлено 24 Январь 2018 - 17:38

http://pandarus.storeland.ru
Да, ну например в категорию или на товар
Лучше будет если я сам смогу выбирать куда будет переходить покупатель
Надеюсь вы меня поняли
И важно что кнопка должна находится на одном слайдере а не на всех

#4 Stasya

Stasya

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

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

Отправлено 30 Январь 2018 - 13:14

Просмотр сообщенияradicuzbek (24 Январь 2018 - 17:38) писал:

http://pandarus.storeland.ru
Да, ну например в категорию или на товар
Лучше будет если я сам смогу выбирать куда будет переходить покупатель
Надеюсь вы меня поняли
И важно что кнопка должна находится на одном слайдере а не на всех
Здравствуйте. Простите за длительное ожидание ответа. В шаблоне HTML найдите код
<div class="item">
				 <a href="#" u="image"><img class="lazyOwl" src="{ASSETS_IMAGES_PATH}slide3.jpg?design=infinity" /></a>
				 </div>
и замените его на
<div class="item">
				 <img class="lazyOwl" src="{ASSETS_IMAGES_PATH}slide3.jpg?design=infinity" />
				 <div class="content" data-animation-in="fadeInUp" data-animation-out="animate-out fadeOutDown">
					<div class="container">
					  <div class="text-content right">
						<a href="{CATALOG_URL}" class="button big">Купить</a>
					  </div>
					</div>
					</div>
				 </div>
Далее в файле main.css найдите строку
/*** Товары на главной ***/
и перед ней вставьте код
#slideshow .item .content {position: absolute;bottom: 20%;width: 100%;right: 45%;}
#slideshow .item .content p{font-family:'BlagovestFive';color:#fff;font-size:50px;line-height:80px;text-transform:uppercase;text-shadow: 1px 1px 2px #3d3d3d;}
#slider .button{color: #ffffff;border: 1px solid #fe0e17;border-radius: 4px;background: #fe0e17;padding: 15px 42px;font-size:15px;margin-top:-10px;}
#slider .button:hover{text-decoration:underline;}


#5 radicuzbek

radicuzbek

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

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

Отправлено 30 Январь 2018 - 21:40

Спосибо




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

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