

Use your navigation menu to help explain what you sell.

After this, a person’s eyes cannot scan through the options to find what they want, and it becomes more confusing than helpful. The maximum number of items in the Navigation bar should be 7. The Primary Navigation is to get your customers to shop and that is all. I have seen some navigation menus with 10 items on them, and they include everything from shopping each collection, to About and Shipping Policy pages. If you have some images that are square and cropping them would crop the actual product from the photo, then you need to take new photos, or use Photoshop / Canva to extend the edges of the image so that you can crop it to the same aspect ratio. Save and continue to do the same with all primary product images. Click to edit the first image and use the crop tool. Drag your images so they are in the correct order that you’d like. Keeping images at the same aspect ratio means that all of them should be either vertical, horizontal or square and have a width to height ratio that is the same (2:3 or 1:1 for example). This is distracting and looks unprofessional.

I see so many websites that have images of all different sizes, resulting in the images and titles not being aligned. The primary image is the first of your product images. Awkward Image SizesĮnsure that all primary images are the same aspect ratio. Are you guilty of any of these? Mistakes and Solutions 1. Noticing some common areas that could use improvement, let's go through 11 things every Shopify beginner should avoid doing when designing their store.
Shopify change image size professional#
I’m all for a DIY approach but guidance from a professional can make all the difference. I’m in a lot of Shopify Facebook groups in which I see that people often build their stores with zero design experience and ask for feedback. Understanding e-commerce design strategies and customer behaviours allows me to provide very clear, actionable points to store owners. It will let you avoid cropping/zooming the image and make it fit its container.One thing I love to do is give website audits. We suggest that you use images with dimensions close to those that you choose in your store. In order to change the image size on the product single page, go to the Admin area, click on the Online store ⇒ Customize and open the product single page.Ĭlick on the Product template in the Admin sidebar and check the image size area, it has 3 predefined image sizes: You are able to choose one of three already defined product image sizes: Сlick on the Collection page section in the admin sidebar and scroll to the bottom, to the Product listing area. You may open any collection which has products.
