• Вопрос без рабочей ссылки на проблему считается риторическим. Без ссылки и скриншота - провокацией!
  • Темы озаглавленные с маленькой буквы или капсом удаляются без предупреждения!

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

Darja

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

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

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

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

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

На форуме не нашла информации про это.
Тема Meteorite
 
Последнее редактирование:

Darja

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

qwer

Специалист
Местный

Darja

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

ADv

Гуру
Местный
ну очень надо :( подскажите пожалуйста, как в мобильной версии через шорткод сделать в одну колонку (n)
Вам нужно избавиться (скрыть в CSS/удалить скриптом/хз как это реализовано в теме) от класса columns-0 в элементе <div class="woocommerce columns-0">. Естественно, только для мобильных устройств, хотя и в десктопном виде отсутствие элемента не ломает верстку. Вроде бы :)
 
  • Like
Реакции: qwer
Сверху Снизу