Поддержка WooCommerce Как изменить отображение товаров?

  • Доброго времени суток,
    ситуация такова, что хочу на главной странице разместить несколько товаров.
    Через обычный редактор вставил блок от вукомерс с необходимыми мне товарами и выставил отображение в два столбца. На компьютере все отображается как положено, но вот на мобильном — товары показываются только в одном столбце. Это не очень красиво и удобно для пользователя.
    Посоветуйте, пж, как это исправить?
    Т.е. на странице «Магазин» все нормально как на комп., так и на телефонах. А вот если на обычной странице блок добавить — то только одна колонка.(

Просмотр 1 ответа (всего 1)
  • Получилось, но криво, хотя сносно.)
    В режиме отладки в хроме, выяснил, что за вывод блока отвечает правило
    .wc-block-grid.
    Хотя в Гутенберге я и выставлял две колонки — добавил дополнительно значение —
    column-count:2 (в гутенберге поставил 1).
    Теперь и на мобильном устройстве отображаются две колонки, единственное, что нужно следить, чтобы все описания товаров были примерно одинаковыми по объему, потому что если под каким-либо товаром в колонке текста больше, то товары в одной колонке уходят немного ниже своих коллег из второй.

    • Ответ изменён 2 месяца назад пользователем garetziro.
Просмотр 1 ответа (всего 1)