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


Измение Кнопки "в Корзину" В Карточке Товара


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

#1 МихаилДолматов

МихаилДолматов

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

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

Отправлено 08 Декабрь 2018 - 18:07

НА слайдах все понятноБезымянный11.png Безымянный2.png

#2 МихаилДолматов

МихаилДолматов

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

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

Отправлено 12 Декабрь 2018 - 13:12

Модераторы помогите!!!

#3 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 12 Декабрь 2018 - 17:53

Просмотр сообщенияМихаилДолматов (08 Декабрь 2018 - 18:07) писал:

НА слайдах все понятноПрикрепленный файл Безымянный11.pngПрикрепленный файл Безымянный2.png

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

.product-view .product-shop .add-to-box .add-to-cart .add-cart {
	font-size: 14px;
	float: left;
	font-weight: 600;
	text-transform: uppercase;
	margin: 0 15px 0 0px;
	padding: 7px 25px;
}

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

.product-view .product-shop .add-to-box .add-to-cart .add-cart {
	font-size: 14px;
	float: left;
	font-weight: 600;
	margin: 0 15px 0 0px;
	text-transform: uppercase;
	background-color: #ff0000;
	color: #ffffff;
	padding: 7px 25px;
}


#4 МихаилДолматов

МихаилДолматов

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

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

Отправлено 15 Декабрь 2018 - 18:57

Просмотр сообщенияRayLi (12 Декабрь 2018 - 17:53) писал:

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

.product-view .product-shop .add-to-box .add-to-cart .add-cart {
font-size: 14px;
float: left;
font-weight: 600;
text-transform: uppercase;
margin: 0 15px 0 0px;
padding: 7px 25px;
}

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

.product-view .product-shop .add-to-box .add-to-cart .add-cart {
font-size: 14px;
float: left;
font-weight: 600;
margin: 0 15px 0 0px;
text-transform: uppercase;
background-color: #ff0000;
color: #ffffff;
padding: 7px 25px;
}

Спасибо, нужно немного подправить, изменения коснулись и кнопки быстрый заказ, можно сделать кнопку "быстрый заказ" таким образом как описано на слайде и чтобы эти изменения не касались кнопки "в корзину" и других кнопокБезымянный.png Безымянный.png

#5 МихаилДолматов

МихаилДолматов

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

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

Отправлено 17 Декабрь 2018 - 15:58

Просмотр сообщенияRayLi (12 Декабрь 2018 - 17:53) писал:


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

.product-view .product-shop .add-to-box .add-to-cart .add-cart {
font-size: 14px;
float: left;
font-weight: 600;
text-transform: uppercase;
margin: 0 15px 0 0px;
padding: 7px 25px;
}

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

.product-view .product-shop .add-to-box .add-to-cart .add-cart {
font-size: 14px;
float: left;
font-weight: 600;
margin: 0 15px 0 0px;
text-transform: uppercase;
background-color: #ff0000;
color: #ffffff;
padding: 7px 25px;
}

Помогите пожалуйста, выше написал

#6 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 19 Декабрь 2018 - 14:06

Просмотр сообщенияМихаилДолматов (15 Декабрь 2018 - 18:57) писал:

Спасибо, нужно немного подправить, изменения коснулись и кнопки быстрый заказ, можно сделать кнопку "быстрый заказ" таким образом как описано на слайде и чтобы эти изменения не касались кнопки "в корзину" и других кнопокПрикрепленный файл Безымянный.pngПрикрепленный файл Безымянный.png

Просмотр сообщенияМихаилДолматов (17 Декабрь 2018 - 15:58) писал:

Помогите пожалуйста, выше написал

Здравствуйте.
Для этого Вам необходимо в самый конец шаблона main.css добавить следующий блок кода:

button.add-cart.quick.button {background-color: #ffffff !important;color: #ff0000 !important;}
button.add-cart.quick.button:hover {background-color: #ff0000 !important;color: #ffffff !important;}





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

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