Необходимо показывать различное количество товаров в колонке в мобильной и в версии для ПК

[Darja]

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

У меня есть два примера:

Вот на этой странице, где товары отображаются через шорткод [sale_products columns="auto"]:
http://sushishop.ee/kampaaniad/
в мобильной версии они в две колонки

а вот на этой странице (это страница самой категории товаров)
http://sushishop.ee/1/populaarne/
все товары в одной колонке

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

На форуме не нашла информации про это.
Тема Meteorite

 

[Darja]

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

 

[qwer]

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

Попробуйте использовать сторонний сервис. Например этот. По вашей картинке ничего неясно.

 

[Darja]

Попробуйте использовать сторонний сервис. Например этот. По вашей картинке ничего неясно.

http://pastenow.ru/6884eafca916fbd8d6040181ba40f10b

слева это та что с шорткодом - в две колонки
справа страница категории - с одной колонкой

 

[Darja]

ну очень надо подскажите пожалуйста, как в мобильной версии через шорткод сделать в одну колонку

 

[ADv]

ну очень надо подскажите пожалуйста, как в мобильной версии через шорткод сделать в одну колонку

Вам нужно избавиться (скрыть в CSS/удалить скриптом/хз как это реализовано в теме) от класса columns-0 в элементе <div class="woocommerce columns-0">. Естественно, только для мобильных устройств, хотя и в десктопном виде отсутствие элемента не ломает верстку. Вроде бы