Thumbnail Image size for gallery/ catalog view

New Member
4 0 0

 I'm taking a shot in the dark here as I already chatted with support on this issue and after waiting literally for days for an answer, I was told the solution was to edit hundreds and hundreds of pictures.  Not going there and shouldn't have to.

 My issue is that the thumbnails on shopify are not uniformly sized and in some cases it makes my site intolerable to navigate.  I'll show a few links to elaborate:

http://lindasgiftsdirect.com/collections/charms-and-tokens   

 This example isn't terrible but it still looks bad and makes the page way longer than it should be.  Some of these are longer items and Shopify spaces all images on the page according to the longest item.  This one's even worse:

http://lindasgiftsdirect.com/search?type=product&q=sand

 I don't understand why Shopify can't auto resize images to fit within a standard thumbnail size...

 Let's compare these searches:

https://www.amazon.com/s/ref=nb_sb_noss?url=me%3DA349UH189EPVVO&field-keywords=ornament

http://stores.ebay.com/Fast-And-Friendly-Service-by-Anna?_dmd=2&_nkw=ornament

http://lindasgiftsdirect.com/search?page=1&q=ornament&type=product

 See how nice they look on eBay and Amazon?  All uniform.  Shopify has many different thumbnail sizes and it looks awful.  

 I am hoping there's an edit to code to make Shopify do what it should be doing by default.  

 Can anyone help with this?

 

  

 

0 Likes
Tourist
17 0 2

Hello you need to edit the code. Let me konw if you have any query. 

0 Likes
New Member
4 0 0

 Yes I have a query. 

 

 HOW?

0 Likes
Tourist
17 0 2

You need to change in CSS and HTML you can contact me from the my website.

0 Likes
New Member
4 0 0

 Thanks but Shopify should address this, it's not something I should pay an external service to do.  By posting here I was hoping for either a replay from Shopify for instructions from someone who knows how to do it.

 

 

0 Likes
Shopify Expert
2648 60 643

Hey Rob,

the big difference is that Shopify is not a marketplace, like ebay or amazon. It is an e-commerce platform which can be configured to cater to completely different needs, not a one-fits-all-out-of-the-box -- there are many themes to choose from and some of them do this thumbnail cropping/resizing better than others.

Even though, Shopify offers a free hour of theme modifications to tweak theire themes to your liking.

Having said that, there is a simple tweak you can try -- add this code to the very bottom of your  theme.scss.liquid  Asset:

// limit the height of the thumbs
.product-grid-image img {
    max-height: 200px;
}

 

Want to hire me to tweak a theme? Mail me at tairli@yahoo.com!
My post solved your problem? Like it!
0 Likes
New Member
4 0 0

 That did the trick, thank you so much!  I really appreciate your time :-)

0 Likes
New Member
1 0 0

Where exactly did you put this code as I tried at the very bottom but the thumbnails remained the same size?

0 Likes