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

[vint1827]

Добрый день, как увеличить кнопку "Купить"?Аккаунт SL-46138

Прикрепленные изображения

• 

[daria_dnk]

 vint1827 (10 Май 2014 - 13:55) писал:

Добрый день, как увеличить кнопку "Купить"?Аккаунт SL-46138

Здравствуйте!
В шаблоне main.css найдите строку

a.button, input.button, button.button, a.paymentFormSubmitLink, .paymentFormTbodySubmitButton {cursor: pointer;font-size:12px;text-transform:uppercase;color:#F8F8F8;background-color:#333333;padding:10px;text-decoration:none;-webkit-border-radius: 5px 5px 5px 5px;-moz-border-radius: 5px 5px 5px 5px;-khtml-border-radius: 5px 5px 5px 5px;border-radius: 5px 5px 5px 5px;border:none !important;}

если хотите увеличить длину кнопки,  замените данную строку на

a.button, input.button, button.button, a.paymentFormSubmitLink, .paymentFormTbodySubmitButton {cursor: pointer;font-size:12px;text-transform:uppercase;color:#F8F8F8;background-color:#333333;padding:10px;padding-left:40px;padding-right:40px;text-decoration:none;-webkit-border-radius: 5px 5px 5px 5px;-moz-border-radius: 5px 5px 5px 5px;-khtml-border-radius: 5px 5px 5px 5px;border-radius: 5px 5px 5px 5px;border:none !important;}

Если есть более четкие требования, пишите.

[ligorempty]

Скажите, а как можно прикрутить картинку к кнопке "добавить в корзину". Как увеличить размер текста?

[Ирина345]

 ligorempty (20 Май 2014 - 16:12) писал:

Скажите, а как можно прикрутить картинку к кнопке "добавить в корзину". Как увеличить размер текста?

Здравствуйте, что бы увеличить размер текста Вам нужно
в шаблоне Товар найти

<input type="button" value="Добавить в корзину" id="button-cart" class="button button_cart_product" onclick="quickorder('.goodsDataForm'); return false;"  title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/>

            заменить на

<input type="button" value="Добавить в корзину" id="button-cart" class="button button_cart_product" onclick="quickorder('.goodsDataForm'); return false;" style=" font-size: 14px; " title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/>

меняя значение свойства  font-size: 14px; меняете размер
куда именно Вы хотите прикрутить картинку.

[ligorempty]

Спасибо!
А как теперь увеличить и меню с выбором кол-во товаров, которые класть в корзину? (<div class="plus_minus_quantity">)
Картинка уже есть, просто ее ориентация не по середине слева от "положить в корзину", а слева в уголке)

[Ирина345]

 ligorempty (21 Май 2014 - 17:24) писал:

Спасибо!
А как теперь увеличить и меню с выбором кол-во товаров, которые класть в корзину? (<div class="plus_minus_quantity">)
Картинка уже есть, просто ее ориентация не по середине слева от "положить в корзину", а слева в уголке)

Для кнопок плюса и минуса находим в main.css  код

  .goodsDataForm .cart .qty-minus, .goodsDataForm .cart .qty-plus {height: 36px; width: 20px;color: #fff;padding: 8px 7px;line-height: 36px;vertical-align: middle;}

за высоту блоков отвечает свойство padding: 8px 7px;
для блока, где прописывается кол-во

 .goodsDataForm  .quantity {height: 32px;margin: 0;vertical-align: middle;}

меняете значение height: 32px
Для картинки в кнопке находим

a.button, input.button, button.button, a.paymentFormSubmitLink, .paymentFormTbodySubmitButton {cursor: pointer;font-size:12px;text-transform:uppercase;color:#F8F8F8;background-color:#333333;padding:10px;background-image:url("http://design.peplanet.ru/cart_white.png");background-repeat:no-repeat;padding-left: 20px;text-decoration:none;-webkit-border-radius: 5px 5px 5px 5px;-moz-border-radius: 5px 5px 5px 5px;-khtml-border-radius: 5px 5px 5px 5px;border-radius: 5px 5px 5px 5px;border:none !important;}

заменяем на

a.button, input.button, button.button, a.paymentFormSubmitLink, .paymentFormTbodySubmitButton {cursor: pointer;font-size:12px;text-transform:uppercase;color:#F8F8F8;background-color:#333333;padding:10px;background-image:url("http://design.peplanet.ru/cart_white.png");background-repeat:no-repeat;padding-left: 26px;text-decoration:none;-webkit-border-radius: 5px 5px 5px 5px;-moz-border-radius: 5px 5px 5px 5px;-khtml-border-radius: 5px 5px 5px 5px;border-radius: 5px 5px 5px 5px;border:none !important;background-position: 2px 13px;}

[ligorempty]

Все отлично регулируется, картинка встала отлично! Но, теперь проблемы:
1. Для кнопок плюс минус задано иное местоположение, по сравнению с "купить".
Они просто не на одном уровне.
2. Картинка встала просто шикарно, но отступ от границ теперь разный (рис)

Прикрепленные изображения

• 

[Сake]

Добавьте в самый конец вашего файла стилей main.css

a.button, input.button, button.button, a.paymentFormSubmitLink, .paymentFormTbodySubmitButton {
  padding: 10px 10px 10px 28px;
  background-position: 12px 13px;
}
.goodsDataForm .cart .qty-minus, .goodsDataForm .cart .qty-plus {
  padding: 11.5px 7px;
}