Как в мобильной версии сайта вывести меньше товаров, чем в основной?

Интересует такой вопрос: можно ли в мобильной версии сайта выводить меньшее количество товаров на странице магазина, чем в большой десктоп версии? К примеру, если на главной выводится сетка из 16 товаров, то в мобильной хочу выводить 4 (чтобы уменьшить длинную ленту товаров), а все остальные уже выводятся через пагинацию

if( wp_is_mobile() ) {
    add_filter( 'loop_shop_per_page', create_function( '$cols', 'return 4;' ), 20 );
}