Количество товара в ряду | WordPress.org Русский

Решено lrobert
(@lrobertgreenmade)

4 года, 5 месяцев назад
Всем привет.
Редактирую страницу магазина. На большом мониторе все выглядит хорошо, 4 товара в ряду. Но когда открыл на ноутбуке «1366×768» то последний товар перемещается вниз образуя 3 товара в ряду и большое пространство.

Пример — https://prnt.sc/pss1g4

К тому же заметил, если расширять размер браузера по пикселю, то последний товар скачет то вверх то вниз. А было бы логично, чтобы было 4 товара в ряду но с разным расстоянием между собой.

Так как разрешение 1366×768 считается одно из популярных, то вынужден исправить данную проблему. Прошу помощи.

Спасибо!
- Тема изменена 4 года, 5 месяцев назад пользователем lrobert.
Страница, с которой нужна помощь: [войдите, чтобы увидеть ссылку]

Просмотр 15 ответов — с 1 по 15 (всего 16)

1 2 →

tuxfighter
(@tuxfighter)

4 года, 5 месяцев назад

Для начала автооптимайз отключите и очистите его кэш.

Автор lrobert
(@lrobertgreenmade)

4 года, 5 месяцев назад

Для начала автооптимайз отключите и очистите его кэш.

Сделал.

anonymized-17455437
(@anonymized-17455437)

4 года, 5 месяцев назад

lrobert, привет. Проблема, как я понимаю, воспроизводится только в Хроме, да?

Автор lrobert
(@lrobertgreenmade)

4 года, 5 месяцев назад

lrobert, привет. Проблема, как я понимаю, воспроизводится только в Хроме, да?

Только в хроме пробовал… А что?

tuxfighter
(@tuxfighter)

4 года, 5 месяцев назад
anonymized-17455437
(@anonymized-17455437)

4 года, 5 месяцев назад
lrobert, в Лисе ошибка не воспроизводится. Я так понимаю, дело в ширине каждого элемента <li>: 247.31 (Chrome), 247.3 (FireFox).
- Ответ изменён 4 года, 5 месяцев назад пользователем Yui.
- Ответ изменён 4 года, 5 месяцев назад пользователем Yui.
tuxfighter
(@tuxfighter)

4 года, 5 месяцев назад

ctrl + F5 попробуйте нажать

tuxfighter
(@tuxfighter)

4 года, 5 месяцев назад

@quixss
Да что ж вы никак не научитесь нормально код вставлять!!!!!!
Зачем форум ломать?

Автор lrobert
(@lrobertgreenmade)

4 года, 5 месяцев назад

Идет речь о том, что пробовал на трёх ноутбуках и на каждом последний товар съезжает вниз. Если перейти в режим разработчика и по пикселю расширять страницу то будет заметно что при четном числе (например 1367х786 или 1369х786) товар падает вниз, а когда не четное то возвращаться.
Как по мне это очень странно, а сапорт по теме говорит, что вряд-ли это удаться исправить. Но не раз уже замечал их не компетенцию.

tuxfighter
(@tuxfighter)

4 года, 5 месяцев назад

Но не раз уже замечал их не компетенцию.

тогда стоит подумать о смене темы
Автор lrobert
(@lrobertgreenmade)

4 года, 5 месяцев назад
lrobert, в Лисе ошибка не воспроизводится. Я так понимаю, дело в ширине каждого элемента
- : 247.31 (Chrome), 247.3 (FireFox).
Если действительно в этом проблема, то как можно это решить?
anonymized-17455437
(@anonymized-17455437)

4 года, 5 месяцев назад

lrobert, как вариант — помедитировать над этим файлом, благо проблема не нова.

Автор lrobert
(@lrobertgreenmade)

4 года, 5 месяцев назад

lrobert, как вариант — помедитировать над этим файлом, благо проблема не нова.

Окей, попробую что-то сделать с этим.
Спасибо.
anonymized-17455437
(@anonymized-17455437)

4 года, 5 месяцев назад
lrobert, при беглом просмотре внимание привлекло вот это чудо:
```
$('.piko-masonry').isotope({
    itemSelector: '.product',
    layoutMode: 'fitRows'
});
```
Малой кровью может быть получится решить вопрос, к примеру, изменив layoutMode или задав ширину для каждого объекта.
Автор lrobert
(@lrobertgreenmade)

4 года, 5 месяцев назад
SUBVΞRSΛ, Изменение layoutMode не помогло, но помогло изменение размера для всех продуктов. Изменил буквально на один пиксель и все работает как нужно.

Но хорошо ли я понимаю, что найдется такое разрешение при котором все равно последний товар будет съезжать?

Спасибо!
- Ответ изменён 4 года, 5 месяцев назад пользователем lrobert.

Просмотр 15 ответов — с 1 по 15 (всего 16)

1 2 →

Тема «Количество товара в ряду» закрыта для новых ответов.