Количество товаров в зависимости от разрешения экрана

У меня формируется список товаров с помощью mfilter2. Вывод таблицы в десктопной и мобильной версии отличается, т.к. в мобильной строка с заголовком не помещается на экране, было принятно решение сделать её столбцом.
В десктопной версии выводится по умолчанию 10 товаров. В мобильной в зависимости от разрешения экрана должно быть 768px — 5, ниже ширина — меньше товаров, 320px — 2.
Попытался сделать так (хотя бы 5 сначала выводить на всех мобильных разрешениях):

{if 'mobile' | mobiledetect}
        {set $limit = 5}
    {/if}

    {if 'standard' | mobiledetect}
        {set $limit = 10}
    {/if}

        [[!mFilter2?
            &limit=`{$limit}`
            &tpl=`type-item`
		...
        ]]

Но не работает. В мобильной версии выводит всё равно 10. Следующие 5 (3, 2) столбца товаров ниже.
Как сделать, чтобы работало, как должно быть?

— это десктопная версия
— мобильная

{'!mFilter2' | snippet : [
    'limit' => $limit,
    'tpl' => 'type-item'     
    ...      
]}