Sections for Simple

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 Simple's unique selection of sections and how to customize them to suit your business.

Static sections

Simple includes the following static sections:

Dynamic sections

Simple includes the following dynamic sections:

In the header section, you can edit the content that appears at the top of every page in your store. You can add a logo image, create an announcement message, and add a tagline.

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. Next to Simple, click Customize.

  2. Click Header.

  3. 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.
  4. Use the Custom logo width slider to customize the logo width.

  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. Next to Simple, click Customize.

  2. Click Header.

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

    Select Home page only to display the announcement message on the home page only.

  4. Enter the text for your announcement.

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

  6. To change the color of the announcement bar background, click the Bar color swatch and choose a color.

  7. To change the color of the announcement text, click the Text color swatch and choose a color.

  8. Click Save.

Simple features a sidebar that contains a navigation menu.

  1. Next to Simple, click Customize.

  2. Click Sidebar.

  3. From the Menu list, select a menu for the sidebar menu.

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

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. Next to Simple, click Customize.

  2. Click Footer.

  3. Check Show payment icons.

  4. Click Save.

Add a menu, a newsletter signup, or text

  1. Next to Simple, click Customize.

  2. Click Footer.

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

    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.

  4. Click Save.

Product pages

The Product pages section is the main customizable section for product pages. You can customize this section using the following options:

Settings

  • Show quantity selector - Let users specify a quantity to add to their cart.
  • 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.
  • Enable sharing for products - Show buttons that customers can use to share products on social media. The sharing options that appear are controlled by your theme settings.

Description

  • Position - Choose the location of the product description relative to the product image.
  • 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.

Featured image

  • Zoom type - Choose the style of zoom for product images. Select No zoom to prevent customers from zooming in.

Add to cart button

  • Show dynamic checkout button - Let customers skip the cart and go directly to the checkout from the featured product section.
  • Button size - Choose a size from this drop-down menu to set the size of the Add to cart button and the dynamic checkout button.

Edit Product pages settings

  1. Next to Simple, click Customize.
  2. Open the top bar drop-down menu.
  3. Select Product pages.
  4. Click the Product pages section.
  5. Use the settings to customize your product pages section.
  6. 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. Next to Simple, click Customize.
  2. Open the top bar drop-down menu.

  3. Select Product pages.

  4. Click the Product recommendations section.

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

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

  7. Optional: To show or hide the vendors in the product descriptions, use the Show vendor checkbox.

  8. Click Save.

Collection pages

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

The Collection pages section includes the following settings:

  • Show product vendor - Show the vendor for each product below the product title.
  • 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.

Edit Collection pages settings

  1. Next to Simple, click Customize.
  2. Open the top bar drop-down menu.
  3. Select Collection pages.
  4. Click the Collection pages section.
  5. Use the settings to customize your collection pages section.
  6. 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. Up to 50 products will be displayed from the collection that you select.
  • Rows - Choose the number of rows of products to display in the section.
  1. Next to Simple, click Customize.

  2. Click Add section.

  3. Click Featured collection then click Add.

  4. Click Select collection, and then select a collection from the Collection list.

  5. Use the settings to customize the section.

  6. Click Save.

You can add a featured banner image to your home page. You can also add a heading and an image link.

  1. Next to Simple, click Customize.

  2. Click Add section.

  3. Click Featured banner then click Add.

  4. Type a new title for this section in the Heading field.

  5. In the 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 a stock image from Burst, 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 Upload.
  6. In the Image link field, select a page in your store that you want the image to link to.

  7. Click Save.

Image with text

With Simple, you can add an image with text displayed to the right or left of the image. You can also add a button that links to another page.

You might use an image with text section to advertise a specific product or collection.

The Image with text section includes the following settings:

  • Image - Add an to display in the section. You can upload an image, use a previously-uploaded image, or select a free stock image from Burst.
  • Image alignment - Choose whether the image in the section appears on the left or right.
  • Heading - Add the primary text to pair with the image.
  • Text - Add the secondary text to pair with the image. This text appears below the heading text.
  • Button label - Add the text that you want to appear on the button.
  • 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.

Add an image with text section to your home page

  1. Next to Simple, click Customize.

  2. Click Add section.

  3. Click Image with text, then click Add.

  4. In the 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 a stock image from Burst, 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 Upload.
  5. Use the settings to customize the section.

  6. 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. Next to Simple, click Customize.

  2. Click Slideshow.

  3. In the Content area, click Slide, 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 a stock image from Burst, 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 Upload.
  4. To add additional slides, click Add Slide.

  5. Use the settings to customize your slideshow.

  6. 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. Next to Simple, click Customize.

  2. Click Add section.

  3. Click Newsletter, and then click Add.

  4. Enter a heading for your newsletter signup.

  5. Enter a subheading for your newsletter signup.

  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. Next to Simple, click Customize.

  2. Click Add section.

  3. Click Map, and then click Add.

  4. Use the settings to customize your map section.

  5. 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:

  • 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. Next to Simple, click Customize.

  2. Click Add section.

  3. Click Rich text, and then click Add.

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

  5. 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. Next to Simple, click Customize.

  2. Click Add section.

  3. Click Video, and then click Add.

  4. Use the settings to customize the video section.

  5. 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. Next to Simple, click Customize.

  2. Click Add section.

  3. Click Custom HTML, and then click Add.

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

  5. Click Save.

Ready to start selling with Shopify?

Try it free