Sections for Minimal

Theme content is built using sections. Sections are customizable blocks of content that determine the layout and appearance of different pages on your online store.

Static sections are sections that appear in predetermined locations in your online store. These sections can't be removed or rearranged. Static sections might include headers, footers, navigation sections, or content sections on pages like product pages and collection pages. For example, the Product section determines the appearance of each product page on your online store.

Dynamic sections are optional sections that you can use to customize the layout of your home page. On your store's home page, you can add, rearrange, and remove dynamic sections to create the page layout. You can have up to 25 dynamic sections on your home page.

You can learn about Minimal's unique selection of sections and how to customize them to suit your business.

Static sections

Minimal includes the following static sections:

Dynamic sections

Minimal includes the following dynamic sections:

Your theme's header is the section that appears at the top of every page in your store.

You can customize the following items in your header:

  • Logo
  • Announcement bar
  • Menu
  • Search

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.

  1. Click Header.
  2. In the Logo image area, click Select image, and then do one of the following:

    • To select an image that you have already uploaded to your Shopify admin, click the Library tab.
    • To select an image from your local computer, click Library > Upload.
  3. Enter the logo's width in the Custom logo width (in pixels) field.

  4. To align the logo to the left margin of your store, select Left align logo. When this option is deselected, the logo is centered.

  5. Click Save.

Add an announcement bar

You can add an announcement bar in the header that you can use to show a message to your customers. Your message is customizable and might include contact information, information about store events or sales, or a store slogan.

  1. Click Header.

  2. In the Announcement bar area, check Show announcement.

  3. Enter the text for your announcement.

  4. Optional: Enter a URL to add a link to your announcement.

  5. Click Save.

Add a menu

You can add a menu to your header. This displays all the menu's links in your header, which you can use to highlight common pages that your customers want to access. For example, you could add a menu that contains links to your collections.

  1. Click Header.

  2. To select a menu, click Change. Select a menu from the list or click Create menu to create a new one.

  3. To edit the menu, click Edit menu.

  4. To center the menu and display it on a separate line, select Center main menu below logo.

  5. To add a line above and below the menu to visually divide it from the rest of the store, select Show divider lines in header.

  6. Click Save.

You can add a search option to your header so that customers can quickly locate items in your store.

  1. Click Header.
  2. Check Show search bar.
  3. Click Save.

Your theme's footer is the section that appears at the bottom of every page in your store. You can add the following features to your footer:

  • payment icons
  • a menu
  • a newsletter signup
  • a text section containing information about your business
  • an excerpt from your latest blog post
  • social media icons

The social media icons that appear in the footer are controlled by your theme settings.

Add payment icons

You can display icons for the payment methods that you accept in your footer. This area displays the icons that are associated with the payment provider that you have enabled in the payment settings section of your admin.

  1. Click Footer.

  2. Check Show payment icons.

  3. Click Save.

Add a menu, a newsletter signup, text, social media icons, or your latest blog post

  1. Click Footer.

  2. To add a content block, in the Content area, click Add content. Select the type of block from the following choices:

    You can add up to 6 content blocks.

    To remove a content block, click on the block and then click Remove content.

    To customize a content block, click on the block and edit the settings.

  3. Click Save.

Product pages

The product page displays all of the details about a product and includes an Add to cart button. Each product in your store has its own product page. You can customize the appearance and functionality of a product on a product page using the Product pages section.

The product pages section includes the following settings:

Settings

  • Show product vendor - Show the product brand or vendor. For a brand or vendor to show, you need to add a vendor to the product.
  • Show quantity selector - Let users specify a quantity to add to their cart.
  • Image zoom type - Set the style of zoom for product images. Select No zoom to prevent customers from zooming in.
  • Product thumbnail position - Set the location of thumbnails for additional product images.

Description

  • Show a tab next to your product description - Display the content of a page, such as a size chart or a return policy, on a second tab. Select the page to display in Tab content.
  • Enable product sharing - Show buttons that customers can use to share products on social media. The sharing options that appear are controlled by your theme settings.

Product options form

  • Show dynamic checkout button - Add a dynamic checkout button.
  • Variant picker and button size - Set the size of the variant picker, the Add to cart button, and the dynamic checkout button.

Customize your product pages

  1. Select Product pages.
  2. Click the Product pages section.
  3. Use the settings to customize your product pages section.
  4. Click Save.

Product recommendations

You can display recommended products on product pages to make it easier for customers to discover other products that might interest them.

Enable product recommendations

  1. Select Product pages.

  2. Click the Product recommendations section.

  3. Check Show dynamic recommendations to show product recommendations on your product pages.

  4. Optional: To change the title that appears above the recommended products, enter a new one in the Heading field.

  5. Optional: Choose how the product recommendations appear by checking one or more of the following options:

    • Show product vendor
    • Show 'Sale' circle
    • Center text below product images
  6. Click Save.

Collection pages

The Collection pages section is the main customizable section for collection pages.

  • Show product vendor - Show the vendor for each product below the product title.
  • Show product sale circle - Display a badge on products that are on sale.
  • Show product sold out circle - Add a badge and overlay if the product's inventory level is 0.
  • Enable collection sorting - Let customers sort the products on your collection pages.
  • Enable filtering by product tag - Let customers filter the collection by product tag.
  • Center text below product images - Center the name, price, and vendor of each product below its image.

Edit Collection pages settings

  1. Select Collection pages.
  2. Click the Collection pages section.
  3. Use the settings to customize your collection pages section.
  4. Click Save.

Blog

If multiple staff members write your blog posts, then you might want to automatically display the author name for each blog post on your Blogs page.

Display the blog post author

  1. Select Blogs.
  2. Click the Blog section.
  3. Check Show blog post author.
  4. Click Save.

Article

The Article section is the main customizable section of your store's article pages. The Article template is used for blog posts.

The Article section includes the following settings:

  • Show blog post author - If multiple staff members write your blog posts, select this option to display the author below the blog post title.
  • Enable blog post sharing - Display social sharing buttons on your blog posts. You can choose which platforms can be used for sharing in your social media settings.

Customize the Article section

  1. Select Blog posts.
  2. Click the Article section.
  3. Use the settings to customize your article section.
  4. Click Save.

Cart page

The Cart pages section is the main customizable section of your online store's cart. In the cart page, you can enable order notes to let your customers include special instructions with their orders.

Enable order notes

  1. Select Cart.
  2. Click the Cart pages section.
  3. Select Enable order notes.
  4. Click Save.

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

The Featured collection section includes the following settings:

  • Heading - Add the text that appears above the products in the collection. The default text is Featured collection.
  • Collection - Choose the collection you want to display in the section.
  • Products per row - Set the number of products to display in each row in the section.
  • Rows - Set the number of rows of products to display in the section.
  • Show product vendor - Show the vendor for each product below the product title.
  • Show 'Sale' circle - Display a badge on products that are on sale.
  • Show 'Sold out' circle - Add a badge and overlay if the product's inventory level is 0.
  • Center text below product images - Center the name, price, and vendor of each product below its image.
  1. Click Add section.
  2. Click Featured collections, and then click Select.
  3. Click Select collection, and then select a collection from the Collection list.
  4. Use the settings to customize your Featured collection section.
  5. Click Save.

Slideshow

You can create a home page slideshow that rotates up to six images.

The recommended size for slideshow images is 1280 x 460 px.

The slideshow section includes the following settings:

Content

  • Image - Add an image slide to your slideshow.
  • Image position - Choose the most important area of the image to focus on in the slideshow.
  • Overlay opacity - Set the shade of the image overlay. An overlay darkens the appearance of your images, and can make slideshow text easier to read.
  • Text color - Set the color of the slideshow text.
  • Text alignment - Align the text relative to the slides.
  • Heading - Add a heading to your slide.
  • Button label - Add a button with a text label to your slide.
  • Button link - Set the URL or page that you want the button to link to. Paste in the URL or select a page from the menu. If you do not want to include a button in the section, then leave this field empty.

Settings

  • Slide height - Set the height of the slideshow. Select Adapt to first image slide height to base the height of your slideshow on the height of your first image.
  • Auto-rotate slides - Set the slideshow to play automatically.
  • Change slides every - Choose how often to change slides.
  • Transition effect - Choose whether you want the images to slide or fade.
  • Text size - Set the size of your slideshow text.

Add a slideshow to your home page

  1. Click Add section.
  2. Click Slideshow, and then click Select.
  3. Use the settings to customize your slideshow.
  4. Click Save.

Newsletter

You can add a newsletter signup to your home page. This lets you collect customer email addresses for email marketing campaigns. You can learn more about email marketing on the Shopify blog.

Add a newsletter signup to your home page

  1. Click Add section.

  2. Click Newsletter, and then click Select.

  3. Enter a heading for your newsletter signup.

  4. Enter a subheading for your newsletter signup.

  5. Set the background color for the newsletter signup section by clicking the Background color swatch and choosing a color.

  6. Click Save.

Map

You can add a Google map to your home page to show customers where your business is located.

The map section includes the following settings:

  • Heading - Add a heading to your map section.
  • Address and hours - Add your store's address and hours to your map section.
  • Map address - Set the map to show your store's location.
  • Map link label - Add a button that links to your location on Google Maps.
  • Show pin - Add a pin that shows your store's specific location on the map.
  • Google Maps API key - Add your map's API key to the map section.
  • Image - Add an image that's displayed if the map doesn't load.
  • Image position - Set the placement of the image.

Add a map to your home page

  1. Click Add section.
  2. Click Map, and then click Select.
  3. Use the settings to customize your map section.
  4. Click Save.

Rich text

Use the Rich text section to provide any written content that you want to display on your home page, or to embed any page created in your Shopify admin. For example, you can feature upcoming events by embedding your blog page, or display a page with any of the following:

The rich text section includes the following settings:

  • Wide display - Decrease the margins on either side of your text.

  • Heading - Add a heading to your rich text section.

  • Text - Add and format your custom text. If you want to feature a page from your store, then click Add content and then click Page. Select a page to feature as your home page from the drop-down menu.

  • Size - Set the size of your text.

Add rich text to your home page

  1. Click Add section.

  2. Click Rich text, and then click Select.

  3. Use the settings to customize your rich text section.

  4. Click Save.

Video

You can add a YouTube or Vimeo video to your home page. Videos can engage customers and generate interest in your business.

To add a video, you need to find the video's sharing link:

  • YouTube - A Youtube sharing link looks like this: https://youtu.be/Oc5v_ToKP7c. You can learn how to copy the sharing link for a YouTube video in this YouTube Help article.
  • Vimeo - A Vimeo sharing link looks like this: https://vimeo.com/123456789. You can learn how to copy the sharing link for a Vimeo video in this Vimeo Help Center article.

The video section includes the following settings:

  • Heading - Add a heading to your video section.
  • Video link - Add the sharing link for your video.

Add a video to your home page

  1. Click Add section.
  2. Click Video, and then click Select.
  3. Use the settings to customize the video section.
  4. 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.

Add a custom HTML section to your home page

  1. Click Add section.

  2. Click Custom HTML, and then click Select.

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

  4. Click Save.

Ready to start selling with Shopify?

Try it free