Introduction to Sections

What are Sections?

Sections are the building blocks of your homepage. Within each section, you can easily add, reorder, and remove blocks of content such as products, slideshows, videos, or collections.

How Do I Edit Sections?

Sections are easy to add, move, hide, and remove - if you wish to undo or redo the changes that you make within your sections, use the arrows at the top of the page.

Adding a Section

To add a section, go to the left-hand menu and scroll down to Add section.

Moving a Section

To move a section, simply drag-and-drop it into a new position in the section menu.

Changing Section Visibility

If you wish to take your section off your storefront without removing it permanently, select the eye icon to change its visibility.

Removing a Section

To remove a section, select on the content block to expand the section. Then, click the ellipsis in the top right-hand corner, and select Remove section.

What are the Different Types of Section?

Announcement Bar

The Announcement bar is an optional section that, when enabled, permanently sits at the top of every page on your storefront.

With its eye-catching position on your storefront, it's the perfect place to display important information and incentives for your customers, such as announcements, promotions, sales, and news.

The Header section is a permanent section in your storefront. It is visible on every page of your store, and features your brand's logo, menu navigation, account, search bar, language and currency selector, and shopping cart.

The Footer is a permanent section that appears at the very bottom of every page on your storefront.

By adding content blocks containing text, a menu, a newsletter sign-up, social media icons, or an image, your footer is a great place to put essential information such as terms and conditions, returns policies, contact information, and accepted payment methods.

Custom HTML

A Custom HTML section is a versatile and powerful way for you to personalize your theme and increase the possibilities of your storefront’s layout and content.

Simply enter your HTML into a content block, and then move the content blocks around to arrange them how you wish.

Blog Posts

Your Blog is a place for you to tell the story of your brand, share your company ethos, and build a rapport with your customers by allowing them to comment and interact with your posts.

Engaging readers is not only a great way for you to spread the word about your products, but it's also deeply beneficial for search engine optimization (SEO).

Collection List

A Collection list section is where you can advertise collections of your choice on your homepage - simply add them into a content block, and rearrange them as you wish.

This can be a great way to upsell additional products or services that your customer may not be aware you sell.

A Featured collection section is where you display your products from one particular collection.

This is a great way to advertise best-sellers, new releases, or hidden gems - and it's also a great way to upsell related products.

Your Gallery is a place for you to display up to four images of your choice, onto which you can add text and links to other pages.

These images are a great place to put testimonials, members of your team, or photos of where your products are sourced from - the sky's the limit! This section is highly versatile and simply to construct.

Image

An Image section is quite simply a feature image that breaks up the sections of your page.

With the option to enable a parallax effect onto your image, this simple addition can bring a highly polished look to your page.

Image with Text Block

An Image with Text Block section allows you to display a background image while featuring a block of text.

This is an eye-catching way to highlight keywords related to your products, collections, and overall brand, with the option to link these to another page.

Image with Text Block was introduced with Envy v.25.0.0 - if this section is not available to you, you may need to update your theme version.

Image with Text Overlay

An Image with Text Overlay section allows you to display a feature image with text over the top (and an optional button linking to other pages).

This can either be an excellent feature section in its own right, or simply a creative way to separate the other sections of your page - while also displaying a description of what your store has to offer.

Logo List

Your Logo list is a space for you to display any logos of accolades or standards that your products adhere to.

It is a great place to advertise compliance with dietary requirements and ethical practices, awards and achievements, or media features in which your products appear on TV or the radio.

Slideshow

A Slideshow section is one of the most versatile additions to a storefront. With its ever-moving slides, this is a great way to display pivotal information about your store in a fast-paced and eye-catching way.

Newsletter

Your Newsletter section is a space for your customers to receive updates about your latest company information, product news, and offers.

This section is compact enough that your customers can simply enter their contact details into the email field, and then continue scrolling through your store.

Your Featured product section is where you can display one particular product from your store - this is a great way to advertise a new release, a best-seller, or a hidden gem.

Shop the Look

Shop the Look is a section that you can add to your homepage in order to advertise multiple products as shown in one photograph.

Social Media Icons

Social Media Icons

Your Social media icons section is a space for you to encourage your customers to follow you on your social media platforms.

You can also display your social media icons in your footer and announcement bar (for versions Envy v.25.1.0 and above).

Map

Your Map section is where you can display your physical store's location using the Google Map platform.

Establishing your online storefront alongside your brick-and-mortar outlet solidifies your brand’s credibility.

Image with Text

An Image with Text section allows you to display a feature image opposite a block of text.

This is a simple yet eye-catching way to highlight keywords related to your products, collections, and overall brand, with the option to link these to another page.

Page

Your Page section allows you display one of your pre-configured Shopify pages in a segment of its own.

To add and make edits to your pages, go to Online store > Pages within your Shopify admin.

Rich Text

A Rich text section is a simple but versatile addition to your storefront - useful for adding a single, simple piece of copy.

Testimonials

A Testimonials section is where you can add reviews, display stars, and instill a sense of buyer confidence, credibility, and community into your customers.

Text Adverts

A Text adverts section is a great way to relay important and enticing information about your store and service in a distilled, compact manner.

Video

Your Video section is a great way to engage your customers in an eye-catching and comprehensive format.

This is the perfect place for you to put product trailers, video testimonials, staff interviews, or documentary insights into how your products are made.

Video Hero

A Video Hero section displays a muted, autoplaying video on a loop - immediately catching your customer's eye, and leaving your storefront looking polished and professional.

Section FAQs

Which video formats can I upload to a Video or Video with Text Overlay section?

For the video source, these sections only work with URLs from YouTube, Vimeo, and .mp4 - read Shopify's help pages for further details.

Can I unmute my Video with Text Overlay section?

No, as this type of section is muted by default - if videos with sound are preferred, please use the standard Video section instead.

Why isn't my button appearing on the section?

Your button will not be visible until you enter both text into the Button label field and add a link under Button link - the button will not appear on your section until both these fields have been used.

Why isn't my map appearing within my Map section?

Your map will become visible once you have entered the Google Maps API key in for your specific location - to learn how to obtain this, read Shopify's help pages on registering a maps key.

In your header, the Main menu is the main navigation option for your product collections and is essential for all storefronts. You also have the option to add menus to your footer by selecting them within the section editor.

In order to add a menu to your theme, this menu first needs to exist within your Shopify admin settings:

  1. Within your Shopify admin, go to Sales Channels > Online Store.

  2. Go to Navigation.

  3. Select Add menu.

In order for your currency selector to function, your currencies must be set up on your store:

  1. Within your Shopify admin, go to under Settings.

  2. Select Payments.

Read: Shopify's help pages on payments and currencies.

In order for your language selector to function, your languages must be set up on your store:

  1. Within your Shopify admin, go to under Settings.

  2. Select Store languages.

You will be required to download one of the many translation apps from the Shopify app store.

Read: Shopify's help pages on selling in multiple languages.

By default, your footer will feature a label saying 'Powered by Shopify' in the bottom left-hand corner. You can remove this label through your theme action settings:

  1. Within your Shopify admin, go to Online Store > Themes.

  2. On the drop-down menu for your theme, go to Actions > Edit languages.

  3. In the search bar, enter 'Powered by Shopify'

  4. In the Powered by Shopify entry field, enter a single space to make it blank.

  5. Click Save.

Under Content, you can add a Social media content block to link your networks through their corresponding icons. In order for these to be displayed in your announcement bar or footer, your social settings must be set up within your Theme settings:

  1. Within your theme editor, scroll down the left-hand menu to select Theme settings.

  2. Click Social media.

  3. Enter your social media URLs into the entry fields.

How do I display payment icons?

If you wish to display the payment methods your store accepts, select the Payment icons checkbox in the footer.

These payment options cannot be edited through your theme, but rather through your Shopify admin:

  1. Within your Shopify admin, go to Settings.

  2. Select Payments.

  3. Under Payment providers, add your desired payment methods.

Read: Shopify's help pages on hiding specific payment icons.

Still need help?

Email our friendly support team with your query: [email protected].

So that we can best help, please ensure you provide key details including:

  • What your query is about

  • Which theme you are using

  • Your .myshopify.com URL

  • Your .myshopify.com password (if the shop is locked for visiting customers)

  • Any screenshots that may help us resolve your query as quickly as possible.