Tips for Minimal

This article outlines some helpful hints and best practices that can help you to set up Minimal for your online store.

Image tips

Below are some tips for displaying images using Minimal.

Product images

Higher resolution photos will look more polished and professional in the Minimal theme, and so we suggest that you aim for images that are at least 1024 x 1024px. Your images can be as large as 2048 x 2048px.

Very large images are particularly important if you want to use the zoom-in function.

When product images are shown side by side on collection pages, they might have different sizes. To make your images appear to be the same size, you need to use the same width to height ratio for all images you upload that will become featured images for your products.

If the main product image on your product page seems too small, then you can adjust the layout to increase its size.

Increase the size of images on product pages

If you have uploaded high resolution images, but the main product image on your product page seems too small, then consider enabling the wide layout and changing the product thumbnail position.

Enable wide layout

  1. Go to Theme settings > Layout.
  2. Check Enable wide layout.
  3. Click Save.

Change the product thumbnail position

  1. Select Product pages.
  2. Click the Product pages section.
  3. From the Product thumbnail position drop-down menu, select Below main image.
  4. Click Save.

To add drop-down menus to your main menu, you need to create menus on your Navigation page.

Product tips

You can add a Sale badge or a Sold out overlay to your products using Minimal.

Add a Sale badge to products

You can add a circular Sale badge on products on your collection pages. If the Compare at price is higher than the price of the product, the badge appears on the product on your collection pages.

  1. Set a Compare at price that is greater than the Price on your product or variant.
  2. From your Shopify admin, go to Online Store > Themes.
  3. Next to Minimal, click Customize.
  4. Open the drop-down menu at the top of the page.
  5. Select Collection pages.
  6. Click the Collection pages section.
  7. Enable Show product sale circle.
  8. Click Save.

Add a Sold Out overlay to sold out products

If the product's inventory level is 0 and Continue selling when out of stock is not enabled, the overlay appears on the sold out product on your collection pages.

  1. Select Collection pages.
  2. Click the Collection pages section.
  3. Enable Show product sold out circle.
  4. Click Save.

Layout tips

You can enable the wide layout to display larger images, allow more space for text, and show less empty space (or "white space") in your online store when viewed from a desktop.

Enable wide layout

  1. Go to Theme settings > Layout.
  2. Check Enable wide layout.
  3. Click Save.

Ready to start selling with Shopify?

Try it free