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


Сменить Кнопку "быстрый Заказ"


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

#1 Rofy

Rofy

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

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

Отправлено 13 Апрель 2018 - 00:24

1)Убрать кнопку "Добавить в избранное" вообще и эту функцию
2)Заменить кнопку "Быстрый заказ" (не функцию, а только кнопку) на кнопку нарисованную мной 1.png (в приложении). При наведении мышью - поставить 2.png
3)Поставить 1.png размером, как указано на скриншоте (красным цветом указано)


Аккаунт SL-447993


В приложении:
- Начало.jpg- изначальный скрин экрана с тем что нужно убрать и как поставить
- Итог.jpg- Итоговый вариант, что хочу видеть в конце преобразования
- 1.png - Файл с нарисованной кнопкой
- 2.png - Файл с нарисованной кнопкой, используется при наведении курсора

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

  • 1.png
  • 2.png
  • Начало.jpg
  • Итог.jpg


#2 Vaccina

Vaccina

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

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

Отправлено 13 Апрель 2018 - 03:26

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.product-page .col-md-7 .actions .add-wishlist {-webkit-border-radius: 3px 0 0 3px;-moz-border-radius: 3px 0 0 3px;border-radius: 3px 0 0 3px;}
  
замените на:
.product-page .col-md-7 .actions .add-wishlist {display: none;-webkit-border-radius: 3px 0 0 3px;-moz-border-radius: 3px 0 0 3px;border-radius: 3px 0 0 3px;}


далее найдите:
.product .actions .add-cart {-webkit-border-radius: 3px 0 0 3px;-moz-border-radius: 3px 0 0 3px;border-radius: 3px 0 0 3px;}
.product .actions .add-compare {-webkit-border-radius: 0 3px 3px 0;-moz-border-radius: 0 3px 3px 0;border-radius: 0 3px 3px 0;}
.product .actions a:hover {background: #f2f2f2;-webkit-transition: all .2s linear;transition: all .2s linear;}

замените на:
.product .actions .add-cart {width:150px;height:43px;-webkit-border-radius: 3px 0 0 3px;-moz-border-radius: 3px 0 0 3px;border-radius: 3px 0 0 3px;padding: 0;text-indent: -9999px;background: url('#') no-repeat center center;}
.product .actions .add-compare {-webkit-border-radius: 0 3px 3px 0;-moz-border-radius: 0 3px 3px 0;border-radius: 0 3px 3px 0;}
.product .actions .add-wishlist{display: none;}
.product .actions a:hover {background: #f2f2f2;-webkit-transition: all .2s linear;transition: all .2s linear;}
.product .actions .add-cart:hover{background: url('#2') no-repeat center center;}

Вместо # и #2 укажите ссылки на фоновые картинки\кнопки.

#3 Rofy

Rofy

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

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

Отправлено 13 Апрель 2018 - 10:06

Шикарно! ;)
Отдельное спасибо за оперативность!




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

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