Оформление Кнопки "быстрый Заказ"

хочу поменять цвет кнопки "Быстрый заказ" на странице каталога товаров и на странице товара,чтобы выделить её.Например каким-нибудь оранжевым цветом :-)

denisSemenets (09 Март 2014 - 08:53) писал:

Найдите данный блок кода в шаблоне "Товары"

<a class="readmore whtgray" onclick="quickorder('#goodsListFormId{goods.MIN_PRICE_NOW_ID}'); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину">Быстрый заказ</a>

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

<a class="readmore fastorder" onclick="quickorder('#goodsListFormId{goods.MIN_PRICE_NOW_ID}'); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину">Быстрый заказ</a>

далее в конец шаблона main.css добавьте данный блок кода:

.fastorder {
color: rgb(3, 3, 3);
font:bold 12px Verdana, Geneva, sans-serif;
background: rgb(247, 151, 48);
border: 1px solid rgb(197, 190, 190);
border-bottom: 3px solid rgb(184, 159, 159);
border-radius: 17px;
padding: 8px 20px 6px 20px;
text-decoration:none;
margin-right:7px;
}
.fastorder:hover{color:black;text-decoration:none;}

Далее в шаблоне "Товар" найдите данный блок кода:

<br><span style="display:block;padding-top:4px;"><a class="whtblue" onclick="quickorder('.goodsDataForm'); return false;" title="Заказать &laquo;{GOODS_NAME}&raquo; через быстрое оформление заказа" href="#">Быстрый заказ</a></span>
	 

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

<br><span style="display:block;padding-top:12px; padding-bottom:6px;"><a class="fastordergoods" onclick="quickorder('.goodsDataForm'); return false;" title="Заказать &laquo;{GOODS_NAME}&raquo; через быстрое оформление заказа" href="#">Быстрый заказ</a></span>
					

После этого добавьте данный блок кода в шаблон main.css:

.fastordergoods{
	  height: 15px;
	  color: rgb(3, 3, 3);
	font:12px Verdana, Geneva, sans-serif;
	background: rgb(247, 151, 48);
	border: 1px solid rgb(197, 190, 190);
	  border-radius: 4px;  
	  padding: 5px 20px
	text-decoration:none;
}
.fastordergoods:hover{color:black;text-decoration:none; background: rgb(105, 187, 219);}

Спасибо.В каталоге все вышло как надо.Хотелось-бы еще также в карточке товара выделить.

denisSemenets (09 Март 2014 - 12:39) писал:

Был небольшой конфликт стилей, проделал нужные изменения. Проверьте пожалуйста.

Все сделано,все в порядке.Размер по вертикали только пришлось увеличить,с 6px на 12px Спасибо большое что помогаете нам,чайникам.