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


Срочно. Как Такое Сделать


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

#1 Alexpol

Alexpol

    Новичок

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

Отправлено 02 Март 2017 - 19:57

Нужно сделать как на скринах. При клике на кнопку появляется всплывающий текст

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

  • Screenshot_4.jpg
  • Screenshot_5.jpg


#2 Alexpol

Alexpol

    Новичок

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

Отправлено 02 Март 2017 - 21:42

Да оперативность на высоте

#3 Alexpol

Alexpol

    Новичок

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

Отправлено 03 Март 2017 - 09:05

НЕМНОГО изменил запрос. Надо сделать как на скринах. При нажатии на эти кнопки появляется всплывающее окно с текстом.

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

  • Screenshot_3.jpg
  • Screenshot_6.jpg


#4 Ирина345

Ирина345

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

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

Отправлено 03 Март 2017 - 15:17

Просмотр сообщенияAlexpol (02 Март 2017 - 19:57) писал:

Нужно сделать как на скринах. При клике на кнопку появляется всплывающий текст
Здравствуйте, найдите в шаблоне Товар код
<button type="submit" class="add-cart button" title="Получить 100 % скидку"/>Получить 100% скидку</button>  
	  <div id="action" style="display:none;">Текст во всплывающем окне</div>

замените на
<a class="discount button" id="#action"title="Получить 100 % скидку">Получить 100% скидку</a>  
	 <div style="display:none;"> <div id="action" >Текст во всплывающем окне</div></div>
		  <script>
		   $(document).ready(function() {
$(".discount").fancybox({
closeClick : false,
openEffect : 'none',
closeEffect : 'none',
content:$('#action')
});
});
		  </script>


#5 Alexpol

Alexpol

    Новичок

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

Отправлено 03 Март 2017 - 20:08

Спасибо. А как цвет, вернее где, можно у этой кнопки поменять?

#6 metry

metry

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

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

Отправлено 05 Март 2017 - 10:10

Добрый день. Для изменения цвета кнопки нужно зайти в main.css и найти код:

.button {display: inline-block;padding: 8px 15px;font-weight: 700;font-size: 14px;text-align: center;white-space: nowrap;background-color: #b8b8b8;color: #fff;text-transform: uppercase;border: 0;outline: 0;}

За цвет кнопки отвечает background-color. Для внесения изменений задайте нужный Вам background-color: #код_цвета;




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

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