1)Убрать кнопку "Добавить в избранное" вообще и эту функцию
2)Заменить кнопку "Быстрый заказ" (не функцию, а только кнопку) на кнопку нарисованную мной 1.png (в приложении). При наведении мышью - поставить 2.png
3)Поставить 1.png размером, как указано на скриншоте (красным цветом указано)
Аккаунт SL-447993
В приложении:
- Начало.jpg- изначальный скрин экрана с тем что нужно убрать и как поставить
- Итог.jpg- Итоговый вариант, что хочу видеть в конце преобразования
- 1.png - Файл с нарисованной кнопкой
- 2.png - Файл с нарисованной кнопкой, используется при наведении курсора
0
Сменить Кнопку "быстрый Заказ"
Автор Rofy, 13 апр. 2018 00:24
Сообщений в теме: 2
#1
Отправлено 13 Апрель 2018 - 00:24
#2
Отправлено 13 Апрель 2018 - 03:26
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
замените на:
далее найдите:
замените на:
Вместо # и #2 укажите ссылки на фоновые картинки\кнопки.
Зайдите в раздел Сайт - Редактор шаблонов - 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
Отправлено 13 Апрель 2018 - 10:06
Шикарно!
Отдельное спасибо за оперативность!
Отдельное спасибо за оперативность!
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных