Jump to content

How to display products on mobile as two columns


Recommended Posts

Change in template themes/classic/templates/catalog/_partials/productlist.tpl

{capture assign="productClasses"}{if !empty($productClass)}{$productClass}{else}col-xs-12 col-sm-6 col-xl-4{/if}{/capture}

to

{capture assign="productClasses"}{if !empty($productClass)}{$productClass}{else}col-xs-6 col-sm-6 col-xl-4{/if}{/capture}

I recommend you to create a child theme, otherwise you'll loose your modification on theme update ūüėȬ†

Link to comment
Share on other sites

Ok found it, you need to modify following templates (search in sub folders): manufacturer.tpl, product-list.tpl, search.tpl, supplier.tpl and change parameter

productClass="col-xs-12 col-sm-6 col-xl-3..."

to

productClass="col-xs-6 col-sm-6 col-xl-3..."

 

Link to comment
Share on other sites

  • 2 weeks later...
  • 4 weeks later...

Hello AJ (tivicrdotcom),

I'm facing the same Problem. 

Did all the same steps as described here, but No success.

And then I looked at your Shop - and it Looks right. you seem to have found Out where to Change the Code for 2 columns one mobile ?!?

Would you mind to share your solution ?

Thanks in advance 

ACW

Link to comment
Share on other sites

Il y a 5 heures, tivicrdotcom a dit :

Hi @printy, my site still looks the same, I couldn't find a solution, also followed the steps, cleared cache, but nothing happened, the site still displays as a single column on my end.

All using classic theme, nor a child theme. Could you provide url

Link to comment
Share on other sites

With a classic theme change themes/classic/catalog/listing/product-list.tpl (do same change in manufacturer.tpl, search.tpl, supplier.tpl)

        {block name='product_list'}
          {include file='catalog/_partials/products.tpl' listing=$listing productClass="col-xs-12 col-sm-6 col-xl-4"}
        {/block}

to

        {block name='product_list'}
          {include file='catalog/_partials/products.tpl' listing=$listing productClass="col-xs-6 col-sm-6 col-xl-4"}
        {/block}

Verify in advanced parameters you are in "Recompile templates if the files have been updated" option. If not change it.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...