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

[MikDark]

Андрей Кольченко (03 Сентябрь 2015 - 17:22) писал:

Добрый день!

Тоже вопрос с кнопками

1. Как сделать так, чтобы кнопка "быстрый заказ" была слева, "в корзину" справа?
2. Как сделать так, чтобы кнопка "быстрый заказ" уже была выделена цветом (цвет будем тестить), т.е. выделялась на фоне серой кнопки "в корзину"?
При этом необходимо сохранить опцию смены цвета на стандартный голубой при наведении курсором.

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

1) В шаблоне Товар Вам нужно найти код:

<div class="add-to-cart clear">
			<input type="hidden" name="form[goods_mod_id]" value="{GOODS_MOD_ID}" class="goodsDataMainModificationId" />
			<input type="button" value="В корзину" class="add-cart button btn-cart" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/>
			<input type="button" value="Быстрый заказ" class="add-cart quick button btn-cart" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/>
			<input type="button" value="Купить" class="button btn-cart quickview" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/>
		  </div>

и заменить его на:

<div class="add-to-cart clear">
			<input type="hidden" name="form[goods_mod_id]" value="{GOODS_MOD_ID}" class="goodsDataMainModificationId" />
			<input type="button" value="Быстрый заказ" class="add-cart quick button btn-cart" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/>
			<input type="button" value="В корзину" class="add-cart button btn-cart" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/>
			<input type="button" value="Купить" class="button btn-cart quickview" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/>
		  </div>

2) В шаблон main.css добавьте:

input.add-cart.button.btn-cart {
	background-color: #000;
}

Где #000 - код цвета кнопки.

[Андрей Кольченко]

MikDark (03 Сентябрь 2015 - 19:46) писал:

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

1) В шаблоне Товар Вам нужно найти код:

<div class="add-to-cart clear">
		 <input type="hidden" name="form[goods_mod_id]" value="{GOODS_MOD_ID}" class="goodsDataMainModificationId" />
		 <input type="button" value="В корзину" class="add-cart button btn-cart" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/>
		 <input type="button" value="Быстрый заказ" class="add-cart quick button btn-cart" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/>
		 <input type="button" value="Купить" class="button btn-cart quickview" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/>
		 </div>

и заменить его на:

<div class="add-to-cart clear">
		 <input type="hidden" name="form[goods_mod_id]" value="{GOODS_MOD_ID}" class="goodsDataMainModificationId" />
<input type="button" value="Быстрый заказ" class="add-cart quick button btn-cart" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/>
		 <input type="button" value="В корзину" class="add-cart button btn-cart" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/>
		 <input type="button" value="Купить" class="button btn-cart quickview" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/>
		 </div>

2) В шаблон main.css добавьте:

input.add-cart.button.btn-cart {
background-color: #000;
}

Где #000 - код цвета кнопки.

Спасибо за оперативность!
Местами кнопки поменялись.
По 2 вопросу: если менять цвет #000 на другой, то меняется цвет на двух кнопках, а надо только на быстром заказе.

[Vaccina]

input.add-cart.button.btn-cart {
background-color: #000;
}

замените на:

input.add-cart.quick.button.btn-cart {
background-color: #000;
}

[Андрей Кольченко]

Vaccina (04 Сентябрь 2015 - 03:36) писал:

input.add-cart.button.btn-cart {
background-color: #000;
}

замените на:

input.add-cart.quick.button.btn-cart {
background-color: #000;
}

Отлично, цвет поменял! последнее уточнение: как сделать так чтобы при наведении на быстрый заказ цвет кнопки менялся?

[Firefly]

Андрей Кольченко (04 Сентябрь 2015 - 10:47) писал:

Отлично, цвет поменял! последнее уточнение: как сделать так чтобы при наведении на быстрый заказ цвет кнопки менялся?

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:

input.add-cart.quick.button.btn-cart {background-color: #FF0000;}

Замените на:

input.add-cart.quick.button.btn-cart {background-color: #FF0000;}
input.add-cart.quick.button.btn-cart:hover {background-color: #C0C0C0;}

После измените код цвета при наведении (#C0C0C0) на необходимый.

[Андрей Кольченко]

Firefly (04 Сентябрь 2015 - 11:08) писал:

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:

input.add-cart.quick.button.btn-cart {background-color: #FF0000;}

Замените на:

input.add-cart.quick.button.btn-cart {background-color: #FF0000;}
input.add-cart.quick.button.btn-cart:hover {background-color: #C0C0C0;}

После измените код цвета при наведении (#C0C0C0) на необходимый.

Большое Вам спасибо! все работает)