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.
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.
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. You can change the position of your logo to be left, above, or central to your menu items.
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.
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.
A Hero section is a large or oversized image or video that sits at the top of your page, acting as an introduction to your storefront.
This section allows you to add a video or image as a feature, alongside menu items linking to other parts of your store.
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).
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.
The Product block section displays eight products from a chosen collection in a grid layout. When the cursor hovers over an image, the product is highlighted and the name & price is displayed.
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 simple to construct.
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.
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.
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.
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.
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.
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.
A Rich text section is a simple but versatile addition to your storefront - useful for adding a single, simple piece of copy.
A Testimonials section is where you can add reviews, display stars, and instil a sense of buyer confidence, credibility, and community into your customers.
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.
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.
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:
- Within your Shopify admin, go to Sales Channels > Online Store.
- Go to Navigation.
- Select Add menu.
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:
- Set up Markets within Shopify admin.
- Turn on Use local currencies.
- Add rounding rules and international pricing.
- Enable the Country/region selector.
See our How to Set Up Multiple Currencies guide for detailed instructions.
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:
- Within your Shopify admin, go to under Settings.
- Select Store languages.
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:
- Within your Shopify admin, go to Online Store > Themes.
- On the drop-down menu for your theme, go to Actions > Edit languages.
- In the search bar, enter 'Powered by Shopify'.
- In the Powered by Shopify entry field, enter a single space to make it blank.
- Click Save.
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:
- Within your theme editor, scroll down the left-hand menu to select Theme settings.
- Click Social media.
- 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:
- Within your Shopify admin, go to Settings.
- Select Payments.
- Under Payment providers, add your desired payment methods.