Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

Отображение товаров в сетке


Recommended Posts

Добрый день.

 

Редактировал сайт, шаблон, выводы и тд.

По итоге заметил что на главной странице слетела сетка товаров, битый час сижу не могу понять в чем проблема.

Может кто то сталкивался? Стоит 4 товара в ряду, 1 ряд -4 товара, 2 ряд - один товар, 3 ряд - 4 товара.

Сайт vicdsoie.com

Прикрепит скрин для наглядности.

 

Заранее благодарен!

 

2018-09-14_17-51-16.png

Надіслати
Поділитися на інших сайтах


Типичная проблема бутстрапа на флоатах, один из товаров выше остальных, возможно из-за переноса заголовка, попробуйте задать высоту товара больше чем сейчас, или ради эксперимента просто через инспектор подрежьте текст в заголовках и посмотрите что будет..

Надіслати
Поділитися на інших сайтах


59 минут назад, todaymars сказал:

https://vicdsoie.com/catalog/view/theme/butik/stylesheet/stylesheet.css строка 2239:

.product-thumb .caption {
    padding: 0 20px;
    min-height: 70px;
    text-align: center;
}

Не заметил, что к посту ссылку прикрепили. 70 маловато, там 80 желательно, а в идеале и все 90 на всякий случай...

Надіслати
Поділитися на інших сайтах


2 часа назад, GetWeb сказал:

один из товаров выше остальных,

В данном случае, ниже. Последний товар в первом ряду имеет название в одну строку, а предыдущие в две.

 

Можно задать высоту названию. Для этого в конце файла: catalog/view/theme/butik/stylesheet/stylesheet.css

добавить строку:

.product-thumb h4 {height: 32px;}

Надіслати
Поділитися на інших сайтах


Во первых всем огромное спасибо за помощь!!

 

Отпишусь о результате.

4 часа назад, todaymars сказал:

https://vicdsoie.com/catalog/view/theme/butik/stylesheet/stylesheet.css строка 2239:

.product-thumb .caption {
    padding: 0 20px;
    min-height: 70px;
    text-align: center;
}

Работает, но на разных разрешениях прыгает.

 

2 часа назад, SiteMix сказал:

В данном случае, ниже. Последний товар в первом ряду имеет название в одну строку, а предыдущие в две.

 

Можно задать высоту названию. Для этого в конце файла: catalog/view/theme/butik/stylesheet/stylesheet.css

добавить строку:

.product-thumb h4 {height: 32px;}

Работает на всех разрешения, спасибо!

Надіслати
Поділитися на інших сайтах


10 минут назад, vds сказал:

Работает на всех разрешения, спасибо!

Но тут есть нюанс - если есть (или будут потом) названия больше двух строк в высоту, то нужно будет либо увеличить высоту блока, либо скрывать всё что превышает эту высоту. Но пока выборочно просмотрел и названий больше двух строк не увидел.

Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.