Most people gravitate toward products that looks clean and aligned which can directly impact conversion rates. What do I mean by aligned? I’m talking about the rows of products displayed on a page where all the photos look to be in a straight line.
I like things nice and tidy
Ok I know I have my moments where things need to be perfectly aligned. (I’ve been known to line up my skittles in order of the rainbow, each color in it’s own column. No one else does this?)
In reality, uniformity does matter to customers visiting your store. Our eyes are drawn to nice lines, clear white space and symmetrical shapes. When things look out of wack, it’s much harder to focus.
So how can we solve this?
What about themes?
Unfortunately, many themes publish what works for most stores. Most stores focus on the width of a product image and text and less on the height.
This makes sense when you think about it. It’s harder to make all your photos horizontal or photos that are only 600px by 600px (as an example). If you’re a photo expert (or have one at your disposal) they can certainly alter each image to be a specific dimension.
Let’s be real though. That’s not always feasible.
So what’s the solution?
Use Consistent Images
By far, the easiest solution is to use consistent sizes in your images. Use only horizontal images (or vertical, the point is pick one).
If you already have a horizontal image but that’s not showing, check to see it’s the first picture in your product. More often than not, the first picture is the one that displays.
What you want me to code?? No I don’t expect you to code.
Ask your theme developer to help or hit me up.
I can’t tell you the exact code unfortunately since many themes have product images in different classes or they are in different locations in your Shopify liquid files.
If you do have access to a developer or you can talk with your theme developer, it’s a solution.
Perhaps. You’ll also want to look at the text under your images and you may need to set the height here as well.
Because then not only will your images be lined up, but so will your text boxes and prices.
Unfortunately, sometimes the text boxes are just grouped into what’s called a p tag or paragraph tag. This becomes more problematic because that would change all paragraphs using this tag to be whatever height you’ve set. So take a close look before making changes.
Doesn’t that look so much better! Now I feel like I can browse these products and not get anxiety from the lack of uniformity.