Сообщений в теме: 33

[wvito]

Спасибо, все получилось!

[ac-dream]

Koderhan (11 Январь 2013 - 19:21) писал:

Как я понял. Вы хотите изменить кнопку "Купить" на странице товара в шаблоне "Мокко".
В файле main.css.
Добавить код:

.goodsDataFormSubmitButton input[type="submit"] {
background-color: green;/*цвет фона*/
border:0px solid white;/*бордюр вокруг кнопки в данный момент не отображается т.к значение 0px*/
border-radius: 4px;/*радиус закругления угалков*/
color: white;/*цвет текста*/
height:20px;/*высота кнопки*/
}

Здравствуйте!
Вставляю этот код в шаблоне "Мокко", изменений не происходит. Что не так?

[Сake]

У вас в файле стилей main.css установлен класс вида

.goodsDataFormSubmitButton input[type="submit"] {
  background-color: white;/*цвет фона*/
  border:1px solid #d00000;/*бордюр вокруг кнопки добавить в корзину в данный момент не отображается т.к значение 0px*/
  border-radius: 4px;/*радиус закругления угалков*/
  color: #d00000;/*цвет текста*/
  height:30px;/*высота кнопки*/
}

данный класс применяется к кнопке добавления товара в корзину. Проблема в том, что некоторые стили не применяются из-за их переопределения. На данный момент не определяется стиль background-color, так как используется переопределяющий стиль background-image. Вам необходимо заменить ваш класс на следующий

.goodsDataFormSubmitButton input[type="submit"] {
  background: white;/*цвет фона*/
  border:1px solid #d00000;/*бордюр вокруг кнопки добавить в корзину в данный момент не отображается т.к значение 0px*/
  border-radius: 4px;/*радиус закругления угалков*/
  color: #d00000;/*цвет текста*/
  height:30px;/*высота кнопки*/
}

После внесения изменений - не забудьте очистить кеш в вашем браузере.

[ac-dream]

Сake (17 Апрель 2014 - 01:38) писал:

У вас в файле стилей main.css установлен класс вида

.goodsDataFormSubmitButton input[type="submit"] {
background-color: white;/*цвет фона*/
border:1px solid #d00000;/*бордюр вокруг кнопки добавить в корзину в данный момент не отображается т.к значение 0px*/
border-radius: 4px;/*радиус закругления угалков*/
color: #d00000;/*цвет текста*/
height:30px;/*высота кнопки*/
}

данный класс применяется к кнопке добавления товара в корзину. Проблема в том, что некоторые стили не применяются из-за их переопределения. На данный момент не определяется стиль background-color, так как используется переопределяющий стиль background-image. Вам необходимо заменить ваш класс на следующий

.goodsDataFormSubmitButton input[type="submit"] {
background: white;/*цвет фона*/
border:1px solid #d00000;/*бордюр вокруг кнопки добавить в корзину в данный момент не отображается т.к значение 0px*/
border-radius: 4px;/*радиус закругления угалков*/
color: #d00000;/*цвет текста*/
height:30px;/*высота кнопки*/
}

После внесения изменений - не забудьте очистить кеш в вашем браузере.

Огромнейшее спасибо!

[Egik]

Здравствуйте! пробовал изменить цвет кнопки "купить" не получилось, помогите пожалуйста

[Vaccina]

уточните пожалуйста, для какого аккаунта вы хотите внести изменения?

[Egik]

Vaccina (14 Январь 2015 - 00:32) писал:

уточните пожалуйста, для какого аккаунта вы хотите внести изменения?

Аккаунт SL-205650

[Danil]

Egik (14 Январь 2015 - 09:28) писал:

Аккаунт SL-205650

Здравствуйте.
В шаблоне Товары найдите код

<input type="submit" value="Купить" style="width:200px;" />

и замените на

<input type="submit" class="kypit" value="Купить" style="width:200px;" />

В конец main.css добавьте

.kypit {
background:#FF0;
}

и

.kypit:hover {
background:#FF0;
}

В добавленных кодах изменяйте цвет #FF0 (в нижнем коде цвет при наведении)

[Egik]

спасибо, подскажите еще как изменить цвет надписи (например на белый)

[RayLi]

Egik (14 Январь 2015 - 14:01) писал:

спасибо, подскажите еще как изменить цвет надписи (например на белый)

Здравствуйте.
В шаблоне main.css найдите код:

.kypit {
background: #1E90FF;
}

И замените его вот этим кодом:

.kypit {
background: #1E90FF;
color: #FFF;
}

[Egik]

Спасибо, все получилось!

[Антон 5554]

Vaccina (14 Январь 2015 - 00:32) писал:

уточните пожалуйста, для какого аккаунта вы хотите внести изменения?

Я правда потратил кучу времени. нашел как изменить цвет кнопки купить в карточке товара, но при этом пропадает иконка корзины и кнопка не меняет цвет при наведении. Можете помочь изменить цвет кнопки купить на рыжую) Буду очень признателен.

[Vaccina]

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:

.product-shop .add-to-cart .btn-cart {position: relative;padding: 12px 24px 12px 53px;margin: 0 0;font-size: 14px;background: #c0c0c0;color: #FFF;border-color: #c0c0c0;-webkit-border-radius: 24px;-moz-border-radius: 24px;border-radius: 24px;background-image: url("{ASSETS_IMAGES_PATH}action-llist.png");background-repeat: no-repeat;background-position: 9px -346px;}

после него пропишите:

.product-shop .add-to-cart input:nth-child(2){background-color: #F67A3E;}

Изменения должны произойти в карточке товара только для кнопки "Купить".

[Антон 5554]

Vaccina (16 Март 2017 - 07:34) писал:

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:

.product-shop .add-to-cart .btn-cart {position: relative;padding: 12px 24px 12px 53px;margin: 0 0;font-size: 14px;background: #c0c0c0;color: #FFF;border-color: #c0c0c0;-webkit-border-radius: 24px;-moz-border-radius: 24px;border-radius: 24px;background-image: url("{ASSETS_IMAGES_PATH}action-llist.png");background-repeat: no-repeat;background-position: 9px -346px;}

после него пропишите:

.product-shop .add-to-cart input:nth-child(2){background-color: #F67A3E;}

Изменения должны произойти в карточке товара только для кнопки "Купить".

С П А С И Б О .