Product image thumbnail size

[Ace Kay]

Hi.

Can anyone show me how to convert that one thumbnail column into two in mobile view.

 

As a default if you visit the default theme of prestashop 1.7 in mobile browser there is one column of the product page on home page. But I wanted to make it into two.

 

Can anyone help please?

 

 

[ZORANVEDEK]

I have the same question. Would also  like to know how to  resize those thumbnails for mobile view. 

[ZORANVEDEK]

Here's what I am  trying to  accomplish:



You'll  note that in the medium  size it switches to a smaller thumbnail view,  but when it goes to mobile size it switches back to the larger thumbnails. I fail to see the logic in that and it seems a bit backwards in my mind.  Why not go one step smaller, or just  keep  the smaller size?


I can get the thumbnails to go smaller on mobile but nothing I do is allowing them to sit side by side. 

I am pretty sure the code I need is in templates/catalog/_partials/miniatures/product.tpl and is on lines 26-30  and is as follows:

 

{if $page.page_name == 'index' || $page.page_name == 'search'}
	{$col = 'col-xs-12 col-sm-6 col-md-3'}
{else}
	{$col = 'col-xs-12 col-sm-6 col-md-4'}
{/if}

...but again, nothing I do is allowing them to sit side by side, and I think it might be a padding or margin issue somewhere else,  but I can't find where, and I'm currently at a loss as to what to do here. 

If someone could point me in the right direction that would be great. 

Thanks in advance. 

 

[ZORANVEDEK]

Anyone?