Здравствуйте! Подскажите, пожалуйста, как:
1) Как убрать отображение региона внизу страницы? Из-за него все съезжает почему-то, да и не нужен он в принципе (скрин1)
2) Как сделать перенос в длинных названиях товара? (скрин2)
3) Как сделать кнопку "в корзину" всегда синей, как при наведении? Рамочку и остальное оставить в качестве анимации, а корзина, чтобы всегда была синей. (скрин3)
4) Как сделать кнопку "в корзину" и "быстрый заказ" внутри карточки товара всегда синей(без анимаций)? (скрин4)
0
Несколько Небольших Правок В Шаблоне
Автор Scou, 20 марта 2016 22:30
Сообщений в теме: 3
#1
Отправлено 20 Март 2016 - 22:30
#2
Отправлено 21 Март 2016 - 11:03
Scou (20 Март 2016 - 22:30) писал:
Здравствуйте! Подскажите, пожалуйста, как:
1) Как убрать отображение региона внизу страницы? Из-за него все съезжает почему-то, да и не нужен он в принципе (скрин1)
2) Как сделать перенос в длинных названиях товара? (скрин2)
3) Как сделать кнопку "в корзину" всегда синей, как при наведении? Рамочку и остальное оставить в качестве анимации, а корзина, чтобы всегда была синей. (скрин3)
4) Как сделать кнопку "в корзину" и "быстрый заказ" внутри карточки товара всегда синей(без анимаций)? (скрин4)
1) Как убрать отображение региона внизу страницы? Из-за него все съезжает почему-то, да и не нужен он в принципе (скрин1)
2) Как сделать перенос в длинных названиях товара? (скрин2)
3) Как сделать кнопку "в корзину" всегда синей, как при наведении? Рамочку и остальное оставить в качестве анимации, а корзина, чтобы всегда была синей. (скрин3)
4) Как сделать кнопку "в корзину" и "быстрый заказ" внутри карточки товара всегда синей(без анимаций)? (скрин4)
Здравствуйте.
1) В шаблоне HTML найдите и удалите код:
{% IF SETTINGS_STORE_REGION || SETTINGS_STORE_WORK_TIME %}<p class="c-address">{% IF SETTINGS_STORE_REGION %}<span class="c-region">{SETTINGS_STORE_REGION}</span><br/>{% ENDIF %} {% IF SETTINGS_STORE_WORK_TIME %}<span class="c-worktime">Время работы : {SETTINGS_STORE_WORK_TIME}</span>{% ENDIF %}</p>{% ENDIF %}
2) В main.css найдите код:
.products-grid .item .item-inner .item-info .info-inner .item-title {margin-bottom: 3px;padding-top: 16px;font-size: 116.7%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
и замените на код:
.products-grid .item .item-inner .item-info .info-inner .item-title {margin-bottom: 3px;padding-top: 16px;font-size: 116.7%;overflow: hidden;text-overflow: ellipsis;}
3) Там же найдите код:
input[type="button"], .button, button, .paymentFormTbodySubmitButton, .paymentFormSubmitLink {font-size: 16px;text-transform: none;padding: 6px 20px;-webkit-border-radius: 18px;-moz-border-radius: 18px;border-radius: 18px;color: #666666;border: 1px solid #e9e9e9;background: #FFF;cursor:pointer;}
и замените на код:
input[type="button"], .button, button, .paymentFormTbodySubmitButton, .paymentFormSubmitLink {font-size: 16px;text-transform: none;padding: 6px 20px;-webkit-border-radius: 18px;-moz-border-radius: 18px;border-radius: 18px;color: #666666;border: 1px solid #e9e9e9;background: #3cabda;cursor:pointer;}
4) Там же найдите код:
.product-shop .add-to-cart .btn-cart {position: relative;padding: 12px 24px 12px 53px;margin: 0 0;font-size: 116.7%;background: #c0c0c0;color: #FFF;border-color: #c0c0c0;-webkit-border-radius: 24px;-moz-border-radius: 24px;border-radius: 24px;background-image: url("{ASSETS_IMAGES_PATH}action-llist.png");background-repeat: no-repeat;background-position: 9px -346px;}
и замените на код:
.product-shop .add-to-cart .btn-cart {position: relative;padding: 12px 24px 12px 53px;margin: 0 0;font-size: 116.7%;background: #3CABDA;color: #FFF;border-color: #c0c0c0;-webkit-border-radius: 24px;-moz-border-radius: 24px;border-radius: 24px;background-image: url("{ASSETS_IMAGES_PATH}action-llist.png");background-repeat: no-repeat;background-position: 9px -346px;}
#3
Отправлено 24 Март 2016 - 20:23
Юля123 (21 Март 2016 - 11:03) писал:
Здравствуйте.
1) В шаблоне HTML найдите и удалите код:
2) В main.css найдите код:
и замените на код:
3) Там же найдите код:
и замените на код:
4) Там же найдите код:
и замените на код:
1) В шаблоне HTML найдите и удалите код:
{% IF SETTINGS_STORE_REGION || SETTINGS_STORE_WORK_TIME %}<p class="c-address">{% IF SETTINGS_STORE_REGION %}<span class="c-region">{SETTINGS_STORE_REGION}</span><br/>{% ENDIF %} {% IF SETTINGS_STORE_WORK_TIME %}<span class="c-worktime">Время работы : {SETTINGS_STORE_WORK_TIME}</span>{% ENDIF %}</p>{% ENDIF %}
2) В main.css найдите код:
.products-grid .item .item-inner .item-info .info-inner .item-title {margin-bottom: 3px;padding-top: 16px;font-size: 116.7%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
и замените на код:
.products-grid .item .item-inner .item-info .info-inner .item-title {margin-bottom: 3px;padding-top: 16px;font-size: 116.7%;overflow: hidden;text-overflow: ellipsis;}
3) Там же найдите код:
input[type="button"], .button, button, .paymentFormTbodySubmitButton, .paymentFormSubmitLink {font-size: 16px;text-transform: none;padding: 6px 20px;-webkit-border-radius: 18px;-moz-border-radius: 18px;border-radius: 18px;color: #666666;border: 1px solid #e9e9e9;background: #FFF;cursor:pointer;}
и замените на код:
input[type="button"], .button, button, .paymentFormTbodySubmitButton, .paymentFormSubmitLink {font-size: 16px;text-transform: none;padding: 6px 20px;-webkit-border-radius: 18px;-moz-border-radius: 18px;border-radius: 18px;color: #666666;border: 1px solid #e9e9e9;background: #3cabda;cursor:pointer;}
4) Там же найдите код:
.product-shop .add-to-cart .btn-cart {position: relative;padding: 12px 24px 12px 53px;margin: 0 0;font-size: 116.7%;background: #c0c0c0;color: #FFF;border-color: #c0c0c0;-webkit-border-radius: 24px;-moz-border-radius: 24px;border-radius: 24px;background-image: url("{ASSETS_IMAGES_PATH}action-llist.png");background-repeat: no-repeat;background-position: 9px -346px;}
и замените на код:
.product-shop .add-to-cart .btn-cart {position: relative;padding: 12px 24px 12px 53px;margin: 0 0;font-size: 116.7%;background: #3CABDA;color: #FFF;border-color: #c0c0c0;-webkit-border-radius: 24px;-moz-border-radius: 24px;border-radius: 24px;background-image: url("{ASSETS_IMAGES_PATH}action-llist.png");background-repeat: no-repeat;background-position: 9px -346px;}
Спасибо!
2) А никак нельзя сделать, чтобы карточка товара при этом не растягивалась? а то все симметричны и одна чуть растянута получается, где название чуть подлиннее (скрин прикрепил)
3) Можно сделать еще шрифт надписи белым у корзины? (скрин прикрепил)
#4
Отправлено 25 Март 2016 - 05:00
2. После изменений выше в main.css найдите:
замените на:
3. В main.css найдите:
замените на:
.products-grid .item .item-inner .item-info .info-inner .item-title {margin-bottom: 3px;padding-top: 16px;font-size: 116.7%;overflow: hidden;text-overflow: ellipsis;}
замените на:
.products-grid .item .item-inner .item-info .info-inner .item-title {margin-bottom: 3px;padding-top: 16px;font-size: 116.7%;height: 55px;overflow: hidden;text-overflow: ellipsis;}
3. В main.css найдите:
.products-grid .item .item-inner .item-img .cart-wrap .btn-cart { font-size: 116.7%; text-transform: none; position: relative; height: 34px; line-height: 34px; display: inline-block; padding: 0 17px 0 47px; }
замените на:
.products-grid .item .item-inner .item-img .cart-wrap .btn-cart { font-size: 116.7%; text-transform: none; position: relative; height: 34px; line-height: 34px; display: inline-block; padding: 0 17px 0 47px; color: #fff; }
Количество пользователей, читающих эту тему: 1
0 пользователей, 1 гостей, 0 анонимных