Simple

Simple is a clean and minimal theme, perfect for showcasing products. Features include a mobile-first responsive design, sidebar navigation, image animations, and product image zoom.

Simple

Simple is ideal if you want to have the following:

  • Sidebar navigation
  • Large menus
  • More than 5 products

If you have a larger product offering, or you want a theme that displays larger product images, then try Venture, Boundless, or Supply.

If you have fewer than 5 products, then try Jumpstart.

Get Simple from the Shopify Theme Store ›

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

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

Common sections

Simple includes three common sections that appear on every page in your store:

  • the Header section, which is displayed at the top of the page, and typically includes your logo and store tagline.
  • the Sidebar section, which is displayed on the left side of the page and typically includes your navigation menu.
  • the Footer section, which is displayed at the bottom of the page, and typically includes navigation links, newsletter signup and a rich text area.

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

Simple includes several unique settings for header and sidebar menu content.

You can add your company's logo to your store's heading. You can use a custom logo image with Simple. 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.

To upload a custom logo:

  1. In the Simple section, click Customize theme.

  2. Click the Sections tab.

  3. Click Header.

  4. In the Logo 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.
  5. Enter the logo's width in the Custom logo width (in pixels) field.

  6. In the Tagline area, add text to display on the top right of your header.

  7. Click Save.

Simple features a sidebar that contains a navigation menu:

  1. In the Simple section, click Customize theme.

  2. Click the Sections tab.

  3. Click Sidebar.

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

  5. Click Save.

Simple features a footer where you can display a navigation menu, text area, and a newsletter signup. By default, Simple includes one home page section:

  • Links features links from a navigation menu.

You can add more sections, remove sections, and rearrange sections to create a custom footer.

With Simple, you can display links in the footer of your home page.

  1. In the Simple section, click Customize theme.

  2. Click the Sections tab.

  3. Click Footer.

  4. Click Links.

  5. In the Heading field, type the text you want to appear above the footer links.

  6. In the Menu list, select a menu for the footer links.

  7. Click Save.

Newsletter

With Simple, you can display a newsletter sign up form on your home page. This section type does not include any options - if you want to display a newsletter form, leave the section as is. If you do not want to display a newsletter form, you can delete the section from your home page.

When someone signs up for a newsletter, they are added as a customer to your store. The Newsletter section includes a link to your Customers page in your admin. You can click this link to see an up-to-date list of your customers.

  1. In the Simple section, click Customize theme.

  2. Click the Sections tab.

  3. Click Footer.

  4. Click Add content, and then click Newsletter signup.

  5. Click Save.

Text

Use the Text section to provide any written content you want to display in your footer 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:

  1. In the Simple section, click Customize theme.

  2. Click the Sections tab.

  3. Click Footer.

  4. Click Add content, and then click Text.

  5. In the Heading field, enter the text you want to appear above the rich text.

  6. If you want to add text, then enter your text in the Text field. Click the bold or italic icons to format the selected text.

  7. Click Save.

By default, Simple includes 2 home page sections:

  • Featured Collection features products from a chosen collection.
  • Rich text is a content section that you customize by either adding text content, or embedding a page from your store.

You can add more sections, remove sections, and rearrange sections to create a custom home page.

With Simple, you can feature products from one of your collections on your home page. You can choose a heading and the number of rows to display for the featured collection on your home page.

  1. In the Simple area, click Customize theme.

  2. Click the Sections tab.

  3. In the Heading field, enter the text you want to appear above the collection.

  4. Select a collection from the Collection list. Up to 50 products will be displayed from the collection that you select.

  5. From the Number of rows list, select the number of rows to display.

  6. 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 Text to expand it.

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

  5. In the Settings area type the heading text you want to display in the Heading field.

  6. Click Save.

With Simple, you can add a featured banner image to your home page. You can also add a heading and an image link:

Simple featured banner

To add an featured banner section to your home page:

  1. In the Simple section, click Customize theme.

  2. Click Sections.

  3. Click Add section.

  4. Click Featured banner, and then click Add.

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

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

  8. 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 a page in your store:

Image with text section

Typically, you would use an Image with text section to advertise a product or collection, or bring website traffic to your blog page.

To add an image with text section to your home page:

  1. In the Simple section, click Customize theme.

  2. Click the Sections tab.

  3. Click Add section.

  4. Click Image with text, then click Add.

  5. 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.
  6. From the Layout list, select whether you want the image to appear to the right or left of the text.

  7. Enter a new title for this section in the Heading field.

  8. Enter the text that you want to display below the header in the Text field.

  9. In the Button label field, enter the text you want to appear on the button.

  10. In the Button link field, select a page in your store that you want the button to link to.

  11. Click Save.

Rich text

Use the Rich text section to provide any written content 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:

  1. In the Simple section, click Customize theme.

  2. Click Sections.

  3. Click Add section.

  4. Click Rich text, and then click Add.

  5. If you want to add text, then click Rich text enter your text in the Text field. Click the bold or italic icons to format the selected text.

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

  7. In the Heading field, enter the text you want to appear above the rich text.

  8. Click Save.

With Simple, you can add a featured video from YouTube or Vimeo to be displayed on your home page.

To add an featured video section to your home page:

  1. In the Simple section, click Customize theme.

  2. Click the Sections tab.

  3. Click Add section.

  4. Click Featured video, and then click Add.

  5. In the YouTube or Vimeo link field, paste a link to the video on YouTube or Vimeo.

  6. From the Container width list, select a width for the video container.

  7. Click Save.

Custom HTML

With Simple, you can add a block of custom HTML to your home page.

To add a custom HTML section to your home page:

  1. In the Simple area, click Customize theme.

  2. Click the Sections tab.

  3. Click Add section.

  4. Click Custom HTML, and then click Add.

  5. In the Content area, click Custom HTML to expand it.

  6. In the HTML field, enter the custom HTML you want to display.

  7. From the Container width list, select a width for the HTML container.

  8. In the Vertical alignment list, select the vertical alignment for the HTML content in the container.

  9. In the Heading field, enter the text you want to appear above the rich text.

  10. Click Save.

Set the layout of your collection pages

You can set up your collection pages to allow your customers to filter and sort through products in the collection.

To set the layout of your collection pages:

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

  2. Click the Sections tab.

  3. Click Collection pages.

  4. Check Show product vendor to display the product vendor.

  5. Check Enable collection sorting to display a sorting menu.

  6. Check Enable filtering by product tag to let your customers filter the collection by product tag.

  7. Click Save.

Set the layout of your product pages

For your product pages, Simple includes a default Product pages section that lets you set the page layout, display quantity selectors, variant labels, product vendors, and choose whether to allow image zooming.

To set the layout of your product pages:

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

  2. Click the Sections tab.

  3. Click Product pages.

  4. If you want to display stay on the product page after adding an item to cart, then check Stay on current page when item is added to cart.

  5. If you want to display a quantity drop-down menu, then check Show quantity selector.

  6. If you want to display the product vendor, then check Show product vendor.

  7. If you want to display social sharing icons, then check Enable sharing for products.

  8. In the Position drop-down-menu, select the position of the product description.

  9. Check the Show a tab next to your product description to display an additional page next to your product description such as a return policy.

  10. From the Tab content list, select the page to display next to the product description.

  11. From the Zoom type list, select the type of zoom functionality for you featured image.

  12. Click Save.

Colors

Some color options will affect more than one section of the theme. Click any color in the Color menu to change the color.

To set color options:

  1. In the Simple section, click Customize theme.

  2. Click General settings.

  3. Click Colors.

  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

  5. Click Save.

Typography

With Simple, you can change the font and font size of the text in your store.

To set typography options:

  1. Click Customize theme.

  2. Click General settings.

  3. Click Typography.

  4. In the Headings section, select the font, size, and underline thickness for heading text from the drop-down menus.

  5. In the Body text section, select the font and font size for body text in your store.

  6. In the Buttons and Navigation section, select the font for menus and buttons text in your store.

  7. Click Save.

Social Media

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

To enable social media settings for Simple:

  1. In the Simple section, click Customize theme.

  2. Click General settings.

  3. Click Social media.

You can display links to your social media accounts in your site's sidebar.

Social media icons

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

Tip

You need to enter https:// at the beginning of the social media URL for the social media icons to display in your site's footer. For example, https://instragram.com/shopify

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.

Tip

Pin it buttons for Pinterest will not display on blog or article pages.

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. In the Simple section, click Customize theme.

  2. Click General settings.

  3. Click Favicon.

  4. 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.
  5. Click Save.

Change theme style

You can reset your theme's general settings to their default values. When you reset your theme's style, any changes you have made on the General settings tab will be lost, but you will not lose content such as text and images.

  1. Click the General settings tab.

  2. Click Change theme style.

  3. Click the button below Change theme style. The name of this button is typically the theme name.

  4. Click Change style.

Add a drop-down menu

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

Image tips

Best types of product images for Simple

Higher resolution photos look more polished and professional in the Simple theme, so images should be at least 1024 x 1024px. Your images can be as large as 2048 by 2048. Images are automatically scaled down when necessary, so the higher quality the better.

The optimal width to height ratio for your product photos is a square.

Ideally, your photos should have a flat color background along the edges. Flat is a solid color with no shading or highlight. All photos should share the same flat color along their edges.

Set an image for blog posts

The first image from your blog article will be chosen as the featured image for the blog landing page. Click here to learn how you can add an image to a blog article.

Change the credit card icons at the bottom of pages

This article will show you how to add credit cards, and remove some or all of them.

Show thumbnails for videos in blog posts

If you have a video in your blog article, then add a thumbnail of that video to your article's excerpt and it will be shown on the blog landing page.

Currency tips

Show multiple currencies

The Simple theme is compatible with displaying prices in multiple currencies.

Before adding support for multiple currencies to your Simple theme, you will need to edit the snippet file product-grid-item.liquid snippet in your theme to replace all occurrences of this filter:

money_without_trailing_zeros

… with this one:

money

Caution

Adding a currency picker or currency toggle to your theme is an advanced customization that is not supported by Shopify.

Want to discuss this page?

Visit the Shopify Community

Ready to start selling online with Shopify?

Try it free