Как изменить отображение товаров?
-
Доброго времени суток,
ситуация такова, что хочу на главной странице разместить несколько товаров.
Через обычный редактор вставил блок от вукомерс с необходимыми мне товарами и выставил отображение в два столбца. На компьютере все отображается как положено, но вот на мобильном — товары показываются только в одном столбце. Это не очень красиво и удобно для пользователя.
Посоветуйте, пж, как это исправить?
Т.е. на странице «Магазин» все нормально как на комп., так и на телефонах. А вот если на обычной странице блок добавить — то только одна колонка.(
-
Получилось, но криво, хотя сносно.)
В режиме отладки в хроме, выяснил, что за вывод блока отвечает правило
.wc-block-grid.
Хотя в Гутенберге я и выставлял две колонки — добавил дополнительно значение —
column-count:2 (в гутенберге поставил 1).
Теперь и на мобильном устройстве отображаются две колонки, единственное, что нужно следить, чтобы все описания товаров были примерно одинаковыми по объему, потому что если под каким-либо товаром в колонке текста больше, то товары в одной колонке уходят немного ниже своих коллег из второй.
- Тема «Как изменить отображение товаров?» закрыта для новых ответов.