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


Как Поменять Цвет Кнопок.


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

#1 Иванов

Иванов

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

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

Отправлено 30 Май 2014 - 00:18

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

Подскажите, как поменять цвет кнопок "Быстрый заказ", "Добавить в корзину", Цвет ЦЕНЫ товара в общем списке и в карточке товара. (тема "осень").

Спасибо!

#2 Сake

Сake

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

  • Модератоpы
  • 5 979 сообщений

Отправлено 30 Май 2014 - 00:40

Цвет кнопки можно изменить в файле стилей style.css - найдите

для кнопки быстрого заказа
.add_to_cart_ph{display:block;background-color:#da3b44;background-image:url('{ASSETS_IMAGES_PATH}cart_white.png');background-repeat:no-repeat;background-position:13px 50%;
color:#fafafa!important;line-height:35px;height:35px;padding:9px 16px 9px 46px;*padding:0px 16px 9px 46px;border:1px solid #a40f18;cursor:pointer;font-weight:700;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2);-moz-box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2);
-webkit-box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2)}
.add_to_cart_ph:hover{background-color:#fa000e;text-decoration:none}
.add_to_cart_ph:active{background-color:#e6434c}

для кнопки добавления товара в корзину
.add_to_cart{display:block;background-color:#da3b44;background-image:url('{ASSETS_IMAGES_PATH}cart_white.png');background-repeat:no-repeat;background-position:13px 50%;
color:#fafafa!important;height:35px;padding:0 16px 0 46px;*padding:0 6px 0 36px;border:1px solid #a40f18;*border: none;cursor:pointer;font-weight:700;line-height:30px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border-radius:2px;
-moz-border-radius:2px;-webkit-border-radius:2px;box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2);-moz-box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2);
-webkit-box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2)}
.add_to_cart:hover{background-color:#e6434c;text-decoration:none}
.add_to_cart:active{background-color:#e6434c;box-shadow:inset 0 0 4px 0 rgba(0,0,0,0.35),0 1px 0 0 rgba(255,255,255,0.6);-moz-box-shadow:inset 0 0 4px 0 rgba(0,0,0,0.35),0 1px 0 0 rgba(255,255,255,0.6);
-webkit-box-shadow:inset 0 0 4px 0 rgba(0,0,0,0.35),0 1px 0 0 rgba(255,255,255,0.6)}

и измените в данных классах свойство background-color. Заданный цвет в псевдокласах :hover и :active применяется при событиях наведения и активности кнопки.

изменить цвет цены вы можете в следующих 2х классах

.goodsDataMainModificationPriceNow{padding: 0;font-weight: inherit;font-size: 32px;line-height: 32px;margin-right: 15px;color: #DA3B44;}

и

#category_view_type.grid_view #product_list .product_list_details_left .price {display:inline-block;margin:0;color:#da3b44;font-weight:700;font-size:14px;cursor:default}

путем изменения свойства color

#3 Иванов

Иванов

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

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

Отправлено 30 Май 2014 - 17:40

А про цвет ЦЕНЫ товара в общем списке и в карточке товара. (тема "осень") не написали.  Изображение

И ещё:  цвет кнопки "Быстрый заказ" в разделе "На главной" как изменить? И цвет цен тут же соответственно.

Спасибо!

#4 daria_dnk

daria_dnk

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

  • Модератоpы
  • 482 сообщений

Отправлено 30 Май 2014 - 23:00

Просмотр сообщенияИванов (30 Май 2014 - 17:40) писал:

А про цвет ЦЕНЫ товара в общем списке и в карточке товара. (тема "осень") не написали.  Изображение

И ещё:  цвет кнопки "Быстрый заказ" в разделе "На главной" как изменить? И цвет цен тут же соответственно.

Спасибо!

Здравствуйте! В шаблоне style.css найдите код
.add_to_cart_ph{display:block;background-color:#ff3333;background-image:url('http://design.muscle-pharma.ru/cart_white.png');background-repeat:no-repeat;background-position:13px 50%;
color:#fafafa!important;line-height:35px;height:35px;padding:9px 16px 9px 46px;*padding:0px 16px 9px 46px;border:1px solid #a40f18;cursor:pointer;font-weight:700;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2);-moz-box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2);
-webkit-box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2)}
в нем нужно изменять значение параметра background-color

Так же найдите строку
#category_view_type.grid_view #product_list .product_list_details_left .price {display:inline-block;margin:0;color:#da3b44;font-weight:700;font-size:14px;cursor:default}
в ней изменяйте значение параметра color

#5 Иванов

Иванов

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

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

Отправлено 30 Май 2014 - 23:11

Просмотр сообщенияdaria_dnk (30 Май 2014 - 23:00) писал:

Здравствуйте! В шаблоне style.css найдите код
.add_to_cart_ph{display:block;background-color:#ff3333;background-image:url('http://design.muscle-pharma.ru/cart_white.png');background-repeat:no-repeat;background-position:13px 50%;
color:#fafafa!important;line-height:35px;height:35px;padding:9px 16px 9px 46px;*padding:0px 16px 9px 46px;border:1px solid #a40f18;cursor:pointer;font-weight:700;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2);-moz-box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2);
-webkit-box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2)}
в нем нужно изменять значение параметра background-color

Так же найдите строку
#category_view_type.grid_view #product_list .product_list_details_left .price {display:inline-block;margin:0;color:#da3b44;font-weight:700;font-size:14px;cursor:default}
в ней изменяйте значение параметра color

Также просили помочь изменить цвет цены в карточке товара. + цвет кнопки "Быстрый заказ" в разделе "Товары на главной"  :unsure:

#6 Vaccina

Vaccina

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

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

Отправлено 31 Май 2014 - 03:24

1. В style.css найдите:
.goodsDataMainModificationPriceNow {
	color: #DA3B44;
	font-size: 32px;
	font-weight: inherit;
	line-height: 32px;
	margin-right: 15px;
	padding: 0;
}
измените значение стиля color
2. В шаблоне HTML найдите:
<a class="exclusive" href="#" onclick="quickorder('.product-form-{index_page_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстрый заказ">Быстрый заказ</a>
замените на:
<a class="exclusive other" href="#" onclick="quickorder('.product-form-{index_page_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстрый заказ">Быстрый заказ</a>

далее в style.css добавьте:
input.exclusive, #paymentForm input, a.other{
background:#cccccc;
}
измените значение background по необходимости

#7 Иванов

Иванов

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

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

Отправлено 31 Май 2014 - 12:24

1. Подскажите ещё, пож-та, как сделать так, чтобы при наведении курсора на раздел меню (слева), менялся цвет на красный.

2. Когда открыт какой-то из разделов, чтобы название раздела оставалось красным, пока не закроется раздел.

Спасибо!  Изображение

#8 lew

lew

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

  • Модератоpы
  • 244 сообщений

Отправлено 31 Май 2014 - 15:37

Цитата

1)
в style.css найдите код
a,a:active,a:visited{color:#333;cursor: pointer;}
и под ним вставьте новый код
a:hover {color: #FA000E;}

Цитата

2)
в style.css найдите код
a,a:active,a:visited{color:#333;cursor: pointer;}
и под ним вставьте новый код
.selected{color: #FA000E;}


#9 Иванов

Иванов

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

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

Отправлено 31 Май 2014 - 16:13

Просмотр сообщенияlew (31 Май 2014 - 15:37) писал:

в style.css найдите код
a,a:active,a:visited{color:#333;cursor: pointer;}
и под ним вставьте новый код
a:hover {color: #FA000E;}

в style.css найдите код
a,a:active,a:visited{color:#333;cursor: pointer;}
и под ним вставьте новый код
.selected{color: #FA000E;}

№2 почему-то не работает.  Изображение

#10 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

Отправлено 31 Май 2014 - 16:23

Просмотр сообщенияИванов (31 Май 2014 - 16:13) писал:

№2 почему-то не работает.  Изображение

Попробуйте добавить:
.active .selected {
color: #FA000E;
}

где #FA000E - это цвет, замените на нужный.

#11 Иванов

Иванов

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

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

Отправлено 31 Май 2014 - 20:24

Просмотр сообщенияMikDark (31 Май 2014 - 16:23) писал:

Попробуйте добавить:
.active .selected {
color: #FA000E;
}

где #FA000E - это цвет, замените на нужный.


Все равно не работает. :mellow:

#12 lew

lew

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

  • Модератоpы
  • 244 сообщений

Отправлено 31 Май 2014 - 20:54

у вашего сайта такой индефикатор 288857?

#13 Иванов

Иванов

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

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

Отправлено 31 Май 2014 - 21:05

Просмотр сообщенияlew (31 Май 2014 - 20:59) писал:

я  зашёл на ваш сайт, всё у вас там работает

Да, уже исправили...  и удалите пож-та скрин нашего сайта. Спасибо!




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

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