1
Заменить Кнопки Купить, В Корзину
Автор xomyd, 12 нояб. 2013 17:16
Сообщений в теме: 9
#1
Отправлено 12 Ноябрь 2013 - 17:16
Хотелось бы поменять эти кнопки, на более привлекательные
#2
Отправлено 13 Ноябрь 2013 - 01:21
Не понятен ваш вопрос. Какие именно кнопки вы хотите поменять? изображения категорий или же кнопка "Купить" или же виждет социальных сетей. Пожалуйста, опишите ваш вопрос как можно детальнее.
#3
#4
Отправлено 13 Ноябрь 2013 - 08:00
xomyd (13 Ноябрь 2013 - 06:49) писал:
Кнопки Купить, В Корзину
Найдите код в main.css -
.more-link, a.read-more, .paymentFormTbodySubmitButton { font: bold 12px/30px Tahoma, Geneva, sans-serif; color: #666; text-decoration: none; background: url("{ASSETS_IMAGES_PATH}read_more.jpg") no-repeat left top; height: 30px; width: 135px; padding-left: 15px; display: inline-block; }и измените изображение read_more.jpg на Ваше
Аналогично в коде -
a.readmore { font: bold 12px/30px Tahoma, Geneva, sans-serif; color: #666; text-decoration: none; background: url({ASSETS_IMAGES_PATH}read_more2.png) no-repeat left top; height: 30px; width: 135px; padding-left: 15px; display: block; }
a.readmore:hover { color: #fff; background: url({ASSETS_IMAGES_PATH}read_more2.png) no-repeat left bottom; }
#5
Отправлено 30 Январь 2014 - 09:57
А как сделать вот такую кнопку "В корзину" с выбором количества товара
как на этом сайте http://myakishi.ru/k...ku_zhivotnye_2/
как на этом сайте http://myakishi.ru/k...ku_zhivotnye_2/
#6
Отправлено 30 Январь 2014 - 10:52
krohotylja (30 Январь 2014 - 09:57) писал:
А как сделать вот такую кнопку "В корзину" с выбором количества товара
как на этом сайте http://myakishi.ru/k...ku_zhivotnye_2/
как на этом сайте http://myakishi.ru/k...ku_zhivotnye_2/
Код в шаблоне Товар -
<a class="more-link" onclick="$('.goodsDataForm').submit(); return false;" title="Положить «{GOODS_NAME}» в корзину" href="#"> В корзину</a>замените на -
<div class="button_buy"> <input name="form[quantity][{cart_items.GOODS_MOD_ID}]" value="1" class="number txtalgncnt" type="text" /> <a class="more-link" onclick="$('.goodsDataForm').submit(); return false;" title="Положить «{GOODS_NAME}» в корзину" href="#"> В корзину</a> </div>В конец main.css добавьте -
.button_buy{height:30px;width:150px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;background:blue;border: 1px solid blue;} .button_buy input,.button_buy a{display:inline-block;zoom:1;*display:inline;float:left;height:30px;} .button_buy a{background:none !important;width:50%; color: #fff !important;} .button_buy input{margin:0;height:26px;border:0px;margin-top:1px;margin-left:1px;width:30%;text-indent:5px;}background:blue - цвет фона
border: 1px solid blue; - цвет границы
Результат на скриншоте -
#7
Отправлено 30 Январь 2014 - 14:23
miyako (30 Январь 2014 - 10:52) писал:
Код в шаблоне Товар -
border: 1px solid blue; - цвет границы
Результат на скриншоте -
<a class="more-link" onclick="$('.goodsDataForm').submit(); return false;" title="Положить «{GOODS_NAME}» в корзину" href="#"> В корзину</a>замените на -
<div class="button_buy"> <input name="form[quantity][{cart_items.GOODS_MOD_ID}]" value="1" class="number txtalgncnt" type="text" /> <a class="more-link" onclick="$('.goodsDataForm').submit(); return false;" title="Положить «{GOODS_NAME}» в корзину" href="#"> В корзину</a> </div>В конец main.css добавьте -
.button_buy{height:30px;width:150px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;background:blue;border: 1px solid blue;} .button_buy input,.button_buy a{display:inline-block;zoom:1;*display:inline;float:left;height:30px;} .button_buy a{background:none !important;width:50%; color: #fff !important;} .button_buy input{margin:0;height:26px;border:0px;margin-top:1px;margin-left:1px;width:30%;text-indent:5px;}background:blue - цвет фона
border: 1px solid blue; - цвет границы
Результат на скриншоте -
#10
Отправлено 10 Октябрь 2014 - 05:44
Найдите в вашем шаблоне "Товар" строку
и замените её на
<input name="form[quantity][{cart_items.GOODS_MOD_ID}]" value="1" class="number txtalgncnt" type="text" />
и замените её на
<input name="form[goods_mod_quantity]" value="1" class="number txtalgncnt" type="text" />
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных