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.

Example online store using Minimal

Theme editor

Use the theme editor to customize your theme. The theme editor toolbar is divided into Sections and Theme settings.

The theme editor toolbar showing Sections and Theme settings

You can use sections to modify the content and layout of the different pages on your store. You can use theme settings to customize your store's fonts and colors, and make changes to your social media links and checkout settings.

Sections

Sections are customizable blocks of content that determine the layout of your online store. Each theme includes static sections and dynamic sections.

Static sections

Static sections are always in specific locations on your online store. You can edit static sections, but you can't rearrange or remove them. Each type of page on your online store includes different static sections.

Minimal includes the following static sections:

Dynamic sections

You can add, rearrange, and remove dynamic sections to customize the layout of your home page. Each theme has a unique set of dynamic sections to choose from.

Minimal includes the following dynamic sections:

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.

Product pages

In the Product pages section, you can add or remove the following elements:

  • The product brand or vendor
  • A quantity selector
  • Image zoom
  • Tabs in the product description
  • Social sharing icons
  • Related products
  • A dynamic checkout button

You can also set the position of your thumbnail images, and choose the size of the variant picker, Add to cart button, and dynamic checkout button.

To edit the settings for product pages:

  1. From the top-bar drop-down menu, select Product pages.

  2. Click Sections.

  3. Click Product pages.

  4. To show the product brand or vendor, check Show product vendor. For a brand or vendor to show, you need to add a vendor to the product.

  5. To show a quantity selector, check Show quantity selector.

  6. To choose the type of image zooming for the featured image, from the Zoom type list, select Lightbox, Zoom-in, or No zoom.

  7. To set the position of your product thumbnail images, from the Product thumbnail position drop-down menu, select Right of main image or Below main image.

  8. To use tabs in your product description, do the following tasks:

    1. Check Show a tab next to your product description. This shows your product description on one tab, and additional content, such as a size chart or a return policy, on a second tab.
    2. In the Tab content area, click Select page and choose a page with content that you want to show on the second tab.
  9. To show social sharing icons, check Enable product sharing.

  10. To show a selection of related products at the bottom of the page, do the following tasks:

    1. Check Enable related products.
    2. To show the product brand or vendor for related products, check Show vendor.
    3. To show a sale icon for related products that are on sale, check Show sale circle.
    4. To show a sold out icon for related products that are sold out, check Show sold out circle.
    5. To center the title text for related products, check Center text below product images.

    The collection that the product belongs to determines the related products that show. For related products to show, you need to create a collection for the product, or add it to an existing collection. If the product is not a part of a collection, then no related products will show.

  11. To show a dynamic checkout button, check Show dynamic checkout button.

  12. To set the size of the variant picker, the Add to cart button, and the dynamic checkout button, select a size from the Variant picker and button size drop-down menu.

  13. Click Save.

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.

Blog

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.

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.

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.

Slideshow

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

Minimal 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.

Custom HTML

In the Custom HTML section, you can use HTML code to create custom content for your home page. For example, you can use HTML to format text blocks, create tables, or embed content from a third-party website.

To add custom HTML to your home page:

  1. Find Minimal and click Customize.

  2. Click Sections.

  3. Click Add section.

  4. In the Advanced layout area, click Custom HTML > Add.

  5. Click Custom HTML, and enter the HTML code that you want to add to your home page.

  6. Click Save.

Theme settings

You can use theme settings to customize the colors and typography on your online store. You can also set up links to your social media accounts, edit your cart settings, and add a favicon.

Minimal includes the following theme settings:

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 Theme settings tab.

  2. Click Layout.

  3. Check Enable wide layout.

Colors

You can choose the colors for the different parts of your online store.

To customize the colors:

  1. Find Minimal and click Customize.

  2. Click Theme settings.

  3. Click Colors.

  4. For each type of content, click the color swatch to use the color picker:

    The color picker in the theme editor
    • The Recently selected area shows colors that you have recently selected for your theme.
    • The Currently used area shows colors that you are currently using in other parts of your theme.

    To set the color to transparent, click None.

  5. Click Save.

Typography

You can choose the typography for the text on your online store.

To customize the typography:

  1. Find Minimal and click Customize.

  2. Click Theme settings.

  3. Click Typography.

  4. For each type of text, click Change to use the font picker:

    The 'Change' button on the font picker
  5. Explore fonts by using the search field, or by clicking Load more.

    To see all of the available fonts, check out Shopify's font library.

  6. Click the name of the font that you want to use.

  7. To change the font to a different style, such as bold or italic, click Regular. Next, click the style that you want to use, and then click Select:

    A selection of font weights available on the font picker
  8. 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 Theme 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

You can add social sharing buttons for your products and blog posts, and links to your social media accounts.

To customize the social media settings:

  1. Find Minimal and click Customize.

  2. Click Theme settings.

  3. Click Social media.

  4. To upload a social sharing image, in the Social sharing image area, click Select image or Explore free images.

  5. To add links to your social media accounts, in the Accounts area, enter the links to your accounts in the fields provided. Enter full links, such as https://instagram.com/shopify, or https://twitter.com/shopify.

    Links to your social media accounts show in the footer of your online store.

  6. To add social sharing buttons to your products and blog posts, in the Sharing options area, check any or all of the checkboxes.

    You can add the following sharing buttons:

    • Share on Facebook
    • Tweet on Twitter
    • Pin on Pinterest (not available for blog post sharing)
  7. To change the style of the sharing buttons, from the Button style menu, select Fully branded or Logo only.

  8. Click Save.

Checkout

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

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 Theme 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 Theme 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