Опубликовано: 28 августа 2015

Фон кнопки "в корзину" Есть решение

Здравствуйте! У меня два вопроса:

1. Как поменять цвет кнопки в корзину? Например сделать ее по умолчанию красную, а при наведении на нее, зеленую)

2. Как сделать так, когда нет товара в наличии , вместо неактивной кнопки в корзину, сделать нет в наличии?

Комментарии (4)

  • Решение
    Игорь Колмаков +21 28 августа 2015 17:18 #

    Каждый вопрос - отдельное обсуждение. иначе людям будет сложнее найти нужную им информацию.

    Будьте добры, задайте второй вопрос в новом обсуждении, что бы людям было легче найти нужную им информацию

    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;
    }



    1
  • Игорь Колмаков +21 28 августа 2015 17:20 #

    цвета "red" и "green"

    можно заменить как на 16-й код, так и на название цвета

    управление цветом

    1
  • Мария Игнатенко +0 10 ноября 2015 02:51 #

    Как сделать в карточке товара кнопку купить ярко-золотистого цвета?

    Блок пользовательских стилей в приложении Сайт сделала.

    А куда что прописывать - не понимаю.....

    1
  • Игорь Колмаков +21 10 ноября 2015 09:25 #

    перед строкой

    {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 - цвет рамки


    значение этих свойств - код цвета (управление цветом)



    1

Добавить ответ

Чтобы добавить комментарий, зарегистрируйтесь или войдите

Услуги

Контакты

Дорогие друзья!

К сожалению, Ваш браузер не поддерживает современные технологии используемые на нашем сайте.

Пожалуйста, обновите браузер, скачав его по ссылкам ниже, или обратитесь к системному администратору, обслуживающему Ваш компьютер.

Internet Explorer

от Microsoft

Chrome

от Google

Safari

от Apple

Opera

от Opera Software

Firefox

от Mozilla

Вверх