Default template mobile view, 2 products side by side?

[osmanustalar]

Hi gays,

 

I use default template in my site

 

in Mobile theme I want to show 2 products side by side.

 

" themes / default-bootstrap / product-list.tpl "

 

<li class="ajax_block_product{if $page_name == 'index' || $page_name == 'product'} col-xs-6 col-sm-4 col-md-3

{else} col-xs-6 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}">

 

 

I changed the places that are written in bold type.

 

It doesn't look properly products.

 

My website www.seramikci.com

 

 

Regards