Здравствуйте. Подскажите, пожалуйста. Когда размещаешь изображения товаров в каталоге, они бывают разного размера. Из-за этого общая линия (сетка) не соблюдается. Также это происходит, если название товара не помещается в одну строку. Вследствие этого изображения, расположенные ниже, начинают "гулять". Как сделать так, чтобы изображения располагались в одной сетке и занимали строго свое положение? Шаблон Вечность
1
Как Сделать Изображения Товаров В Каталоге Одного Размера
Автор 3233, 07 марта 2016 11:26
Сообщений в теме: 7
#1
Отправлено 07 Март 2016 - 11:26
#2
Отправлено 07 Март 2016 - 12:13
3233 (07 Март 2016 - 11:26) писал:
Здравствуйте. Подскажите, пожалуйста. Когда размещаешь изображения товаров в каталоге, они бывают разного размера. Из-за этого общая линия (сетка) не соблюдается. Также это происходит, если название товара не помещается в одну строку. Вследствие этого изображения, расположенные ниже, начинают "гулять". Как сделать так, чтобы изображения располагались в одной сетке и занимали строго свое положение? Шаблон Вечность
Здравствуйте. Укажите, пожалуйста, номер Вашего аккаунта, для написания инструкции.
#4
Отправлено 07 Март 2016 - 12:55
При загрузке все изображения должны быть одного размера с одним разрешением - и все у Вас будет ОК! Фотошоп вам в помощь И торрент чтобы его добыть
#5
Отправлено 09 Март 2016 - 17:31
3233 (07 Март 2016 - 12:17) писал:
аккаунт sl-357031
Если Вы хотите выровнять карточки с товарами в каталоге, то есть 2 варианта:
1) Зафиксировать размер блока под изображение товара, в этом случае сами изображения не будут изменятся, но карточки товара выровняться.
2) Сделать фиксированным размер самого изображения, но в этом случае они могут потерять качество.
Какой из предложенных вариантов Вас устроит?
#6
Отправлено 25 Март 2016 - 14:48
Здравствуйте, пожалуй первый вариант подойдет больше
#7
Отправлено 25 Март 2016 - 15:26
3233 (25 Март 2016 - 14:48) писал:
Здравствуйте, пожалуй первый вариант подойдет больше
.containers .items, .containers2 .items { display: inline-block; float: none !important; vertical-align: top; width: 170px !important; }и замените на
.containers .items, .containers2 .items { float: left !important; width: 170px !important; position: relative !important; left: 0px !important; top: 0px !important; } .containers .items h3, .containers2 .items h3 { height: 50px; clear: both; } .containers .items figure, .containers2 .items figure { height: 190px; }
#8
Отправлено 25 Март 2016 - 17:14
Все получилось! Отлично, спасибо
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных