Опубликовано: 28 августа 2015
Фон кнопки "в корзину" Есть решение
Здравствуйте! У меня два вопроса:
1. Как поменять цвет кнопки в корзину? Например сделать ее по умолчанию красную, а при наведении на нее, зеленую)
2. Как сделать так, когда нет товара в наличии , вместо неактивной кнопки в корзину, сделать нет в наличии?
Комментарии (4)
Каждый вопрос - отдельное обсуждение. иначе людям будет сложнее найти нужную им информацию.
Будьте добры, задайте второй вопрос в новом обсуждении, что бы людям было легче найти нужную им информацию
1. Как поменять цвет кнопки в корзину? Например сделать ее по умолчанию красную, а при наведении на нее, зеленую)
1. на странице товара:
в пользовательских стилях пропишите
.add2cart input[type="submit"]{
background:red;
}
.add2cart input[type="submit"]:hover{
background:green;
}
2. в списке товаров категории и в списке товаров слайдера:
в пользовательских стилях пропишите
.addtocart input[type="submit"]{
background:red;
}
.addtocart input[type="submit"]:hover{
background:green;
}
цвета "red" и "green"
можно заменить как на 16-й код, так и на название цвета
управление цветом
Как сделать в карточке товара кнопку купить ярко-золотистого цвета?
Блок пользовательских стилей в приложении Сайт сделала.
А куда что прописывать - не понимаю.....
перед строкой
{if $wa_app == 'shop'}
пропишите правила css
/*фон кнопки "в корзину" на странице товара*/
.cart-wrapper .add2cart input[type="submit"] {
background: #77ccee;
border-color: red;
color:#fff;
}
/*при наведении*/
.cart-wrapper .add2cart input[type="submit"] {
border-color: #fd0;
background: #fd0;
color:#353535;
}
/*когда товар купить нельзя*/
.cart-wrapper .add2cart input[type="submit"][disabled="disabled"],
.cart-wrapper .add2cart input[type="submit"][disabled="disabled"]:hover{
color: #f7f7f7;
background: #ababab;
border-color: #999;
}
где свойства
color - цвет текста
background - фон кнопки
border-color - цвет рамки
значение этих свойств - код цвета (управление цветом)