Welcome to Eight Docs

Introduction to 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 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.





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.





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.





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.





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.



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.





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.





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.



Rich Text


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





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


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.


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:


  1. Within your Shopify admin, go to Sales Channels > Online Store.
  2. Go to Navigation.
  3. Select Add menu.


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

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.



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

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.



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:


  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.



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:


  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.

Was this article helpful?