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 Sections

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.

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.

Header

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.

Footer

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

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.

Featured Collection

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.

Features

A Features section is a customizable grid of content blocks that you can drag and drop into position, allowing you to display a collage of content about your brand or products in bite-sized amounts.

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.

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.

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.

Custom Liquid

A Custom liquid 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 liquid into a content block, and then move the content blocks around to arrange them how you wish.

Navigation List

A Navigation list allows you to display a navigation menu of your choice horizontally across your storefront - this can be a great way to display collections, or to simply break up the homepage.

Featured Product

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.

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.

Promotional Grid

A Promotional grid section is where you can add images with a text overlay into content blocks, and then link the images to the collections or products that they relate to.

Scrolling Text

A Scrolling text section is where you can add text to scroll from right to left across your store - this is a great way to advertise promotions and break up the sections in your homepage.

By adding extra content blocks, you can alternate the text that appears within the scroll.

Accordion/FAQ

This section allows you to add a lot of text content in a compact space, meaning your customers can interact with your content and read only what they need.  Perfect for FAQs.

 

Rich Text

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

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 with Text Overlay

A Video with Text Overlay 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 on Uploading and managing files.

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 the overlay appearing on my Features section?

The overlay will be added automatically once text or buttons have been applied to the image - a colored overlay will not appear if no buttons or text have been added over the image.

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.

How do I add a menu to my header, footer, or navigation list?

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 and navigation menu 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:

How do I enable the currency selector on my header or footer?

In order for your currency selector to function, you must first add markets for the different countries and regions to your store for the currencies you want to accept: 

How do I enable the language selector on my header or footer?

If you wish to allow customers to view the store in different languages, select the Language selector checkbox in the header and/or footer.

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

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

How can I remove the 'Powered by Shopify' credit from the footer?

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:

How do I set up social media links?

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:

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: