хочу поменять цвет кнопки "Быстрый заказ" на странице каталога товаров и на странице товара,чтобы выделить её.Например каким-нибудь оранжевым цветом :-)
0
Оформление Кнопки "быстрый Заказ"
Автор denisSemenets, 09 марта 2014 08:53
Сообщений в теме: 4
#1
Отправлено 09 Март 2014 - 08:53
#2
Отправлено 09 Март 2014 - 10:34
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}&form%5Bgoods_from%5D={goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить «{goods.NAME}» в корзину">Быстрый заказ</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}&form%5Bgoods_from%5D={goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить «{goods.NAME}» в корзину">Быстрый заказ</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="Заказать «{GOODS_NAME}» через быстрое оформление заказа" href="#">Быстрый заказ</a></span>
замените его на:
<br><span style="display:block;padding-top:12px; padding-bottom:6px;"><a class="fastordergoods" onclick="quickorder('.goodsDataForm'); return false;" title="Заказать «{GOODS_NAME}» через быстрое оформление заказа" 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);}
#5
Отправлено 09 Март 2014 - 13:01
Все сделано,все в порядке.Размер по вертикали только пришлось увеличить,с 6px на 12px Спасибо большое что помогаете нам,чайникам.
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных