Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

0

Несколько Небольших Правок В Шаблоне

Автор Scou, 20 марта 2016 22:30

Авторизуйтесь для ответа в теме

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

#1 Scou

Продвинутый пользователь

Пользователи
62 сообщений

Отправлено 20 Март 2016 - 22:30

Здравствуйте! Подскажите, пожалуйста, как:
1) Как убрать отображение региона внизу страницы? Из-за него все съезжает почему-то, да и не нужен он в принципе (скрин1)
2) Как сделать перенос в длинных названиях товара? (скрин2)
3) Как сделать кнопку "в корзину" всегда синей, как при наведении? Рамочку и остальное оставить в качестве анимации, а корзина, чтобы всегда была синей. (скрин3)
4) Как сделать кнопку "в корзину" и "быстрый заказ" внутри карточки товара всегда синей(без анимаций)? (скрин4)

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

Наверх

#2 Юля123

Активный участник

Пользователи
2 567 сообщений

Отправлено 21 Март 2016 - 11:03

Scou (20 Март 2016 - 22:30) писал:

Здравствуйте! Подскажите, пожалуйста, как:
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 Scou

Продвинутый пользователь

Пользователи
62 сообщений

Отправлено 24 Март 2016 - 20:23

Юля123 (21 Март 2016 - 11:03) писал:

Здравствуйте.

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 Vaccina

Активный участник

Модераторы
24 353 сообщений

Отправлено 25 Март 2016 - 05:00

2. После изменений выше в 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;
}