Перейти к содержимому


Изменение Высоты Товара (Сокращение Промежутков Между Строками: Описание, Цена И Кнопкой Быстрый Заказ)


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 6

#1 delu-vrema

delu-vrema

    Пользователь

  • Пользователи
  • PipPip
  • 28 сообщений

Отправлено 06 Ноябрь 2015 - 15:48

Здравствуйте. Подскажите пожалуйста как сократить расстояние между строками название товара, цена и кнопкой быстрый заказ, что бы в целом вся иконка товара сократилась по высоте (в каталоге товаров и в товарах на главной странице)? (скриншот прилагаю) Заранее огромное спасибо!скриншот.jpg

#2 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 06 Ноябрь 2015 - 16:15

Просмотр сообщенияdelu-vrema (06 Ноябрь 2015 - 15:48) писал:

Здравствуйте. Подскажите пожалуйста как сократить расстояние между строками название товара, цена и кнопкой быстрый заказ, что бы в целом вся иконка товара сократилась по высоте (в каталоге товаров и в товарах на главной странице)? (скриншот прилагаю) Заранее огромное спасибо!Прикрепленный файл скриншот.jpg
Здравствуйте.
В style.css найдите код
.product-name {
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	height: 55px;
}
и замените на
.product-name {
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	height: 31px;
}


#3 delu-vrema

delu-vrema

    Пользователь

  • Пользователи
  • PipPip
  • 28 сообщений

Отправлено 06 Ноябрь 2015 - 17:52

Спасибо большое, помогло! Но есть ещё пару вопросов. Как теперь увеличить размер самой картинки, не изменяя размера рамки, как на скриншоте. И как сократить это бесполезное расстояние между товарами на главной и категориями? скриншот2.jpg

#4 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 06 Ноябрь 2015 - 18:21

Просмотр сообщенияdelu-vrema (06 Ноябрь 2015 - 17:52) писал:

Спасибо большое, помогло! Но есть ещё пару вопросов. Как теперь увеличить размер самой картинки, не изменяя размера рамки, как на скриншоте. И как сократить это бесполезное расстояние между товарами на главной и категориями? Прикрепленный файл скриншот2.jpg
Изменить размер изображений, Вы можете в разделе Настройки - Основные - "Изображения товаров" - "Максимальный размер по высоте/ширине в пикселях для маленьких изображений".

#5 delu-vrema

delu-vrema

    Пользователь

  • Пользователи
  • PipPip
  • 28 сообщений

Отправлено 06 Ноябрь 2015 - 18:54

Просмотр сообщенияDanil (06 Ноябрь 2015 - 18:21) писал:

Изменить размер изображений, Вы можете в разделе Настройки - Основные - "Изображения товаров" - "Максимальный размер по высоте/ширине в пикселях для маленьких изображений".
Не изменяется (((( меньше делается, а больше нет, и как быть то с пробелом между товарами и категориями?

#6 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 06 Ноябрь 2015 - 19:00

Просмотр сообщенияdelu-vrema (06 Ноябрь 2015 - 18:54) писал:

Не изменяется (((( меньше делается, а больше нет, и как быть то с пробелом между товарами и категориями?
В style.css найдите код
#carousel_favorites, #carousel_specials, #carousel_newproducts, #carousel_bestsellers, #also_purchased {
position: relative;
height: 450px;
clear: both;
margin-bottom: 40px;
}
и замените на
#carousel_favorites, #carousel_specials, #carousel_newproducts, #carousel_bestsellers, #also_purchased {
position: relative;
height: 215px;
clear: both;
margin-bottom: 40px;
}
Изменяйте размер изображений в разделе Настройки - Основные - "Изображения категорий" - "Максимальный размер по высоте/ширине в пикселях для списка категорий внутри категории".

#7 delu-vrema

delu-vrema

    Пользователь

  • Пользователи
  • PipPip
  • 28 сообщений

Отправлено 06 Ноябрь 2015 - 19:08

Просмотр сообщенияDanil (06 Ноябрь 2015 - 19:00) писал:

В style.css найдите код
#carousel_favorites, #carousel_specials, #carousel_newproducts, #carousel_bestsellers, #also_purchased {
position: relative;
height: 450px;
clear: both;
margin-bottom: 40px;
}
и замените на
#carousel_favorites, #carousel_specials, #carousel_newproducts, #carousel_bestsellers, #also_purchased {
position: relative;
height: 215px;
clear: both;
margin-bottom: 40px;
}
Изменяйте размер изображений в разделе Настройки - Основные - "Изображения категорий" - "Максимальный размер по высоте/ширине в пикселях для списка категорий внутри категории".
Огромное спасибо! Решил все проблемы!




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных