PrestaShop - Jedno zboží na řádce v mobilu

{if isset($products) && $products}
   {*define number of products per line in other page for desktop*}
   {if $page_name !='index' && $page_name !='product'}
      {assign var='nbItemsPerLine' value=3}
      {assign var='nbItemsPerLineTablet' value=2}
      {assign var='nbItemsPerLineMobile' value=3}
   {else}
      {assign var='nbItemsPerLine' value=4}
      {assign var='nbItemsPerLineTablet' value=3}
      {assign var='nbItemsPerLineMobile' value=2}
   {/if}

<li class="ajax_block_product{if $page_name == 'index' || $page_name == 'product'} col-xs-12 col-sm-4 col-md-3{else} col-xs-12 col-sm-6 col-md-4{/if}{if $smarty.foreach.products.iteration%$nbItemsPerLine == 0} last-in-line{elseif $smarty.foreach.products.iteration%$nbItemsPerLine == 1} first-in-line{/if}{if $smarty.foreach.products.iteration > ($smarty.foreach.products.total - $totModulo)} last-line{/if}{if $smarty.foreach.products.iteration%$nbItemsPerLineTablet == 0} last-item-of-tablet-line{elseif $smarty.foreach.products.iteration%$nbItemsPerLineTablet == 1} first-item-of-tablet-line{/if}{if $smarty.foreach.products.iteration%$nbItemsPerLineMobile == 0} last-item-of-mobile-line{elseif $smarty.foreach.products.iteration%$nbItemsPerLineMobile == 1} first-item-of-mobile-line{/if}{if $smarty.foreach.products.iteration > ($smarty.foreach.products.total - $totModuloMobile)} last-mobile-line{/if}">

$('.product_list > li').removeClass('col-xs-12 col-sm-6 col-md-4').addClass('col-xs-12');

$('.product_list > li').removeClass('col-xs-12').addClass('col-xs-12 col-sm-6 col-md-4');

ul.product_list.grid > li