Prestashop: change to 2 columns product listing for bootstrap theme in mobile

Source: https://www.prestashop.com/forums/topic/388342-how-can-i-show-items-in-two-columns-on-mobile/?tab=comments#comment-2144346

This is what I did and it worked for me.

In your product-list.tpl file there should be a line like this:

<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-3{/if}

for me it was line 49.

change the col-xs-12 to col-xs-6 instead and it should show up in two columns.

This entry was posted in ecommerce, templates and tagged . Bookmark the permalink.