Minimal

Minimal is a wide-layout responsive theme that looks great on any device. Loaded with features designed to give you complete flexibility, you can customize your store with additional layout options, product views, collection views, navigation styles, and typography choices.

Minimal

Minimal is ideal if:

  • You're a beginner who is uncomfortable with web design
  • You have a medium to large inventory
  • You want to add a background image to your home page.

If you want to display larger product images, try Boundless. If you want to feature blog content on your store, try Brooklyn.

Get Minimal from the Shopify Theme Store ›

To learn about the unique sections available to Minimal, click the Sections button. To learn more about the unique theme settings available for Minimal, including color, font, and favicon settings, click the General settings button. To access tips for making your store look amazing, click the Tips button.

You can edit Minimal's settings from the Customize theme page of your Shopify admin.

Every theme includes two sections that appear on every page:

  • the Header section, which is displayed at the top of the page, and typically includes your logo and navigation menus
  • the Footer section, which is displayed at the bottom of the page, and typically includes "Search", "About Us", and "Social Media" links.

You can edit the header and footer sections from any page in the theme editor. Unlike other section types, the Customize theme page displays the header and footer sections regardless of which store page you are viewing in the theme editor.

Minimal includes several unique settings for header and footer content.

You can add a custom logo image to your store's header. The best format is a .png file with a transparent background. Logo images should be 450 x 200px. You can resize the logo image by decreasing the width.

With Minimal, you can also create a message for your customers that will appear at the top of your store's page:

Header message

Your message is completely custom and can include contact information, information about store events or sales, or your store's slogan or branding message.

To customize the header section:

  1. Click Sections.

  2. Click Header.

  3. In the Logo area, click Select image, and then do one of the following:

    • To select an image you have already uploaded to your Shopify admin, click the Library tab.
    • To select an image from your local computer, click the Library tab, and then click the plus button.
  4. Enter the logo's width in the Custom logo width (in pixels) field.

  5. In the Main menu area, select the navigation menu you want to display in your store's header from the Menu list.

  6. If you want to display your navigation menu below your store's logo, then check Center main menu below logo.

  7. If you want to align your store's logo to the left of the page, then check Left-align logo.

  8. If you want to display a small line beneath the header, then check Show divider lines in header.

  9. In the Top bar section, enter your custom message in the Top bar text field.

  10. If you want to show a search bar in your header, then check Show search bar.

  11. Click Save.

With Minimal you can include menus, blog posts, newsletter sign-ups, and social media icons in the footer of your store:

Minimal footer

To customize your store's footer content:

  1. Click Sections.

  2. Click Footer.

  3. If you want to display a menu in your footer, click Menu and do the following:

    1. Type the heading text that will appear above the menu in the Heading field.
    2. Select the menu to display from the Menu list.

Note

The Minimal footer section displays social media icons and a newsletter signup, which do not require any setup to display. If you want to remove the social media icons or newsletter signup from your footer, click Social icons or Newsletter signup, and then click Delete.

  1. If you want to display icons for the payment providers you accept, such as Apple Pay or Mastercard, then check Payment icons.

Slideshow

With Mimimal, you can show up to 6 slides in the home page slideshow. The recommended size for slide show images is 1280 x 460px.

Mimimal includes several slideshow features that are not available with all themes. You can select a fade transition between slides:

Slide show fade transition

You can also display dot indicators that show how many slides are in the slideshow and which slide is currently displaying:

Slide show dots

To upload slideshow images:

  1. Click the Sections tab.

  2. Click Slideshow.

  3. In the Content area, click Slide.

  4. In the Image area, click Select image, and then do one of the following:

    • To select an image you have already uploaded to your Shopify admin, click the Library tab.
    • To select a stock image from Shopify's Burst stock image collection, click the Free images tab. From here you can enter a search term, or browse the image categories.
    • To select an image from your local computer, click the Library tab, and then click the plus button.
  5. To link a slide to a URL, enter the URL address in the Link URL field.

    Tip

    If you are linking to a URL within your online store, then you do not need to paste the URL root http://mystore.myshopify.com/. For example, you could paste /collections/all to link to your store's collections page.

  6. Check Auto-rotate slides to automatically rotate the slideshow images.

  7. To display dot indicators, check Show slide indicator dots.

  8. Select the interval, in seconds, at which the images change from the Change slides every list.

  9. From the Transition effect list, select whether you want the images to slide or fade.

  10. Click Save.

Talk about your brand

You can display a custom message to your customers on your home page. Your message could describe a product, share an announcement, or welcome customers to your store.

  1. Click the Sections tab.

  2. Click Talk about your brand.

  3. In the Content area, click Talk about your brand to expand it.

  4. In the Heading field, type the heading text you want to display.

  5. In the Text field, type a message to your customers.

  6. In the Settings area, check Wide display to widen the text area.

  7. Click Save.

You can feature a collection on your home page. Featuring collections can help you promote sales and new collections.

To feature a collection on your home page:

  1. Click the Sections tab.

  2. Click the Featured collection section.

  3. If you want to change the text that displays above the collection, then enter the text in the Heading field.

  4. From the Collection list, select the collection you want to display. To add a collection, click the Add collection link to open the Create collection page in a new tab.

  5. From the Products per row list, select the number of products to display in each row.

  6. From the Rows list, select the number of product rows to display.

  7. If you want to display the vendor or brand name beneath each product picture, then check Show product vendor.

  8. If you want to display a circle on products that are on sale, then check Show product sale circle.

  9. If you want to display a circle on products that are sold out, then check Show product sold out circle.

  10. If you want to center product text, then check Center text below product images.

  11. Click Save.

Change the layout of your product pages

With Minimal, you can choose how products are displayed on your product pages. You can show or hide a quantity selector and the product vendor name, and you can set the type of product zoom.

You can also show related products, which displays a thumbnail of other products in the same collection as the one currently being viewed.

To set how products are displayed:

  1. Navigate to a product page in the theme editor.

  2. Click the Sections tab.

  3. Click the Product pages section.

  4. To show the product vendor or brand name, check Show product vendor.

  5. To show a list that lets your customers select multiple quantities of a product, check Show quantity selector.

  6. From the Image zoom type list, select a product zoom type.

  7. From the Product thumbnail position list, select where you want product thumbnails to appear in relation to the main product image.

  8. If you want to allow customers to share the product on social media, then check Enable product sharing.

  9. To show other products in the same collection, check Enable related products.

  10. To show the vendor name for related products, check Show vendor.

  11. To show a sale circle or sold out circle for related products, check Show sale circle or Show sold out circle.

  12. To center text below related products images, check Center text below product images.

  13. Click Save.

Change the layout of your collection pages

Minimal includes the following settings that let you customize how products are displayed on your collection pages:

  • show or hide a sale icon, a sold out icon, and the product vendor name

  • allow your customers to select sorting options, and filter collections by product tags

  • choose whether the text below each product image is centered or left-aligned.

To set how collections are displayed:

  1. Navigate to a collection page in the theme editor.

  2. Click the Sections tab.

  3. Click the Collection pages section.

  4. To show the product vendor or brand name, check Show product vendor.

  5. To display a sale icon, check Show product sale circle.

  6. To display a sold out icon, check Show product sold out circle.

  7. To allow customers to select a sort order for products in the collection, check Enable collection sorting.

  8. To allow customers to filter display results by product tag, check Enable filtering by product tag.

  9. To display text directly below a product image, check Center text below product images.

  10. Click Save.

Display author's name on blog pages

If you feature blog posts from multiple authors, you might want to automatically display the author name for each blog post.

To display the blog post author:

  1. Navigate to a blog page in the theme editor.

  2. Click the Sections tab.

  3. Click the Blog section.

  4. Check Show blog post author.

  5. Click Save.

Enable cart notes on the cart page

With Minimal, you can let your customers enter instructions with their order by enabling order notes on the cart page.

To enable order notes:

  1. Navigate to a cart page in the theme editor by adding a product to the cart.

  2. Click the Sections tab.

  3. Click the Cart page section.

  4. Check Enable order notes.

  5. Click Save.

Layout

With Minimal, you can change the maximum width of your store from 1030px to a wide layout of 1340px. A wider layout allows for your images to be displayed at larger sizes, but also stretches your text.

Use a wider layout if you want to focus graphics instead of text.

To change the layout width:

  1. Click the General settings tab.

  2. Click Layout.

  3. Check Enable wide layout.

Colors

With Minimal, you can choose the colors for your store. Some color options will affect more than one section of the theme.

You can also display a background image on your home page. You can set the image to span the entire width of the site, or you can set the image to repeat across the page.

  1. Click the General settings tab.

  2. Click Colors.

  3. If you want to add a background image, check Use theme background, and then do the following:

    1. Click Select image, and then do one of the following:
      • To select an image you have already uploaded to your Shopify admin, click the Library tab.
      • To select a stock image from Shopify's Burst stock image collection, click the Free images tab. From here you can enter a search term, or browse the image categories.
      • To select an image from your local computer, click the Library tab, and then click the plus button.
    2. If you want the background image to repeat across the page in a tiled pattern, in the Image display area, select Tile.
    3. If you want the background image to span the entire page, in the Image display area, select Stretch.
    4. For each type of text or background, click the color swatch to select a new color from a palette.

      Tip

      Clicking the checkered square sets the color to transparent:

      Color picker transparent

  4. Click Save.

Typography

The Typography settings let you specify how text will appear on your site. You can choose the text size and font for body text, headings, and navigation links and buttons.

To specify how text will appear in your online store:

  1. Click the General settings tab.

  2. Click Typography.

  3. In the Body text and Headings sections, select a font and font size for your store's text.

  4. In the Navigation and buttons section, select a font and font size for navigation link text and button text.

  5. To capitalize menu links and button text, check Capitalize text.

  6. To increase letter spacing in link and button text, check Space letters.

  7. Click Save.

Favicon

You can upload a favorites icon, or a "favicon", which can help brand your online store by displaying your logo in the following locations:

  • your web browser tab
  • your web browser's history
  • icons on your desktop
  • next to your online store name when it is bookmarked.

To upload a favicon:

  1. Click the General settings tab.

  2. Click Favicon.

  3. In the Favicon image area, click Select image, and then do one of the following:

    • To select an image you have already uploaded to your Shopify admin, click the Library tab.
    • To select an image from your local computer, click the Library tab, and then click the plus button.
  4. Click Save.

Social media

Minimal includes several options for integrating your store with social media, including Facebook, Twitter, and Pinterest.

To enable social media settings for Minimal:

  1. Click the General settings tab.

  2. Click Social media.

Accounts

You can display links to your social media accounts in the footer of your site:

Minimal social media buttons

Enter the URLs of your social media sites in the fields provided.

Sharing options

You can also allow your customers to share content from your online store to their social media accounts. In the Sharing options section, select the check box for each type of social media sharing you want to allow:

  • Check Share on Facebook to enable the Facebook sharing button for products or blog posts.

  • Check Tweet on Twitter to enable the Twitter sharing button for products or blog posts.

  • Check Pin on Pinterest to enable the Pinterest sharing button for products or blog posts.

Button style

Minimal lets you choose a style for social media buttons on your product pages:

  • Fully branded displays thumbnail-size buttons with rounded edges

  • Logo only uses a simpler button design with just the social network logo against a white background and a thin border

Checkout

This section lets you customize your store's checkout. Click here for more information about your store's checkout page.

Theme styles

Minimal comes with three theme styles:

  • Fashion — A dark gray and white style that features a home page slide show, featured item product rows, and collections displayed in grids.
  • Vintage — A light gray and white style that enables featured item product rows and grid-style collections.
  • Music — A black and white style with a textured background image that resembles flecked paper. The Music preset features a home page slide show, featured products, and grid-style collections.

Tip

Theme styles were previously called presets.

To select a theme style:

  1. Click the General settings tab.

  2. Click the Change theme style button.

  3. Click the theme style you want to use.

  4. Click Change style.

Image tips

Optimal size for 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. To enable that function, click the Sections tab, and, in the Product pages section, set the Image zoom type to Zoom-in.

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 despite your best efforts to upload high-resolution images, the main product image on your product page seems too small, go to your General settings tab, and clear the Enable wide layout check box in the Layout section.

If that does not work, go to the Product pages section on the Sections tab and set the Product thumbnail position to Right of main image.

Add a drop-down menu

To add drop-down menus to your Main Menu, you need to create menus on your Navigation page. This article will show you how.

Product tips

Add a Sale badge to products

Set a "Compare at Price" that is greater than the price on your product variants. If a product is set on sale correctly in that matter, the badge will show up automatically over that product image on your collection pages.

Minimal sale

If it doesn't, double check that the sale badge feature is turned on by going to the Sections tab, and looking in the Collection page section.

Add a Sold Out overlay to sold out products

Go to your Sections tab, and select the Show product sold out circle check box found in the Collection pages section.

Home page tips

Enable a wider layout

Go to General settings tab, and select the Enable wide layout check box in the Layout section.

Save your changes.

Want to discuss this page?

Visit the Shopify Community

Ready to start selling online with Shopify?

Try it free