Jump to content

Product image thumbnail size


Recommended Posts

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?

 

 

Share this post


Link to post
Share on other sites
  • 4 months later...

Here's what I am  trying to  accomplish:
image.thumb.png.3bd73c73ef7438cb7a6f4b9e5c377f07.png


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. 

 

Share this post


Link to post
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...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More