Homepage Thumbnails

Follow

Comments

7 comments

  • Avatar
    Zetya Support

    Hi Tammy,

    These are set in the snippet (Theme > Template Editor) called 'gallery'. There are set to the 'compact' size be default, which is 160px (see http://www.shopify.com/cheat for other sizes).

    If you change the size, be sure to update the CSS, in particular the width and height properties of "#products .image" should be adjusted to suit.

    Cheers, Gavin.

  • Avatar
    Tammy

    Thank you Gavin, so wait, I see the word compact. But I only want them to be 200x200 pixels. (The thumbnails) Not the product small image. So in the css it says under product.image 232x221? Im confused sorry :-) If I change that to medium wont they be too big? Because the cheat sheet says medium is 240x240.

    Thank you! Sorry for the confusion on my part!

  • Avatar
    Zetya Support

    Hi Tammy,

    No problem.

    With Shopify you only have the preset sizes so if you want to have a different size you end up using CSS.

    The following CSS will change the thumbnails to 200 px wide:

    #products .image img {width:200px;}

    Cheers, Gavin.

  • Avatar
    Tammy

    Got it!! Thank you so much!

  • Avatar
    Zetya Support

    No problem.

  • Avatar
    The Wooden Rack

    Hello Gavin,

    For some reason my product thumbnails on my homepage have stopped working. I'm sure I changed something I shouldn't have... 

    Could you give me some insight?

    Thank you!

  • Avatar
    Zetya Support

    Please create a support ticket and let me know your store password so I can take a look.

    Thanks, Gavin.

Please sign in to leave a comment.