• Решено lrobert

    (@lrobertgreenmade)


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

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

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

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

    Спасибо!

    • Тема изменена 4 года, 11 месяцев назад пользователем lrobert.

    Страница, с которой нужна помощь: [войдите, чтобы увидеть ссылку]

Просмотр 15 ответов — с 1 по 15 (всего 16)
  • Для начала автооптимайз отключите и очистите его кэш.

    Автор lrobert

    (@lrobertgreenmade)

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

    Сделал.

    anonymized-17455437

    (@anonymized-17455437)

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

    Автор lrobert

    (@lrobertgreenmade)

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

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

    anonymized-17455437

    (@anonymized-17455437)

    lrobert, в Лисе ошибка не воспроизводится. Я так понимаю, дело в ширине каждого элемента <li>: 247.31 (Chrome), 247.3 (FireFox).

    • Ответ изменён 4 года, 11 месяцев назад пользователем Yui.
    • Ответ изменён 4 года, 11 месяцев назад пользователем Yui.

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

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

    Автор lrobert

    (@lrobertgreenmade)

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

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

    тогда стоит подумать о смене темы

    Автор lrobert

    (@lrobertgreenmade)

    lrobert, в Лисе ошибка не воспроизводится. Я так понимаю, дело в ширине каждого элемента

    • : 247.31 (Chrome), 247.3 (FireFox).

    Если действительно в этом проблема, то как можно это решить?

    anonymized-17455437

    (@anonymized-17455437)

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

    Автор lrobert

    (@lrobertgreenmade)

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

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

    anonymized-17455437

    (@anonymized-17455437)

    lrobert, при беглом просмотре внимание привлекло вот это чудо:

    $('.piko-masonry').isotope({
        itemSelector: '.product',
        layoutMode: 'fitRows'
    });

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

    Автор lrobert

    (@lrobertgreenmade)

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

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

    Спасибо!

    • Ответ изменён 4 года, 11 месяцев назад пользователем lrobert.
Просмотр 15 ответов — с 1 по 15 (всего 16)
  • Тема «Количество товара в ряду» закрыта для новых ответов.