Можно ли параметр &limit сделать разным (адаптивным) для разных устройств?
Здравствуйте!
Возник следующий вопрос. В каталоге необходимо на большом экране выводить, например, 6 товаров, на планшете — 4, а на мобильном — 2.
[[!pdoPage?
&parents=`159,160`
&limit=`6`
&tpl=`Product_tpl`
&includeTVs=`main-foto,price,size-d,size-w`
]]
Можно ли в данном случае задать параметр &limit=`6` различный для разных разрешений экрана, аналогично @media в css?
Возник следующий вопрос. В каталоге необходимо на большом экране выводить, например, 6 товаров, на планшете — 4, а на мобильном — 2.
[[!pdoPage?
&parents=`159,160`
&limit=`6`
&tpl=`Product_tpl`
&includeTVs=`main-foto,price,size-d,size-w`
]]
Можно ли в данном случае задать параметр &limit=`6` различный для разных разрешений экрана, аналогично @media в css?
Комментарии: 5
С таким же успехом можно использовать .d-block и .d-none классы bootstrap-4, но это касается блока целиком. А вопрос про параметр.
MobileDetect на стороне сервера обрабатывает, а bootstrap на стороне клиента. Не нужно это путать.
Можно на limit свой сниппет вотнуть и в нем определять экран. Как его определять не знаю.
[[!pdoPage?
&parents=`159,160`
&limit=`[[!svoisnippet]]`
&tpl=`Product_tpl`
&includeTVs=`main-foto,price,size-d,size-w`
]]
Что-то в этом духе:
preg_match("/iPhone|Android|iPad|iPod|webOS/", $_SERVER['HTTP_USER_AGENT'], $matches);
preg_match("/iPhone|Android|iPad|iPod|webOS/", $_SERVER['HTTP_USER_AGENT'], $matches);
Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.