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.

 

Screen_Shot_2022-05-02_at_1.55.46_PM.png

 
 

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.

 

Screen_Shot_2022-05-03_at_10.42.39_AM.png

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.

 

Screen_Shot_2022-05-03_at_10.46.00_AM.png


 

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.

 

Screen_Shot_2022-05-03_at_10.46.27_AM.png

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.

 

Screen_Shot_2022-05-03_at_7.04.06_AM.png

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

 

Screen_Shot_2022-05-03_at_10.48.55_AM.png

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.

 

Screen_Shot_2022-05-03_at_10.49.53_AM.png

 

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.

Screen_Shot_2022-05-03_at_11.25.33_AM.png

 

Gallery

 

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.

 

Screen_Shot_2022-05-03_at_11.11.01_AM.png

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.

Screen_Shot_2022-05-03_at_10.56.16_AM.png

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

 

Screen_Shot_2022-05-03_at_10.58.54_AM.png


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.

 

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.

 

Screen_Shot_2022-05-03_at_10.59.21_AM.png

 

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.

 

Screen_Shot_2022-05-03_at_10.57.49_AM.png

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

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

 

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

 


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.

 
Screen_Shot_2022-05-06_at_4.40.41_PM.png

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 instil 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 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:

 

  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, you must first add markets for the different countries and regions to your store for the currencies you want to accept: 

 

  1. Set up Markets within Shopify admin.
  2. Turn on Use local currencies.
  3. Add rounding rules and international pricing.
  4. Enable the Country/region selector.

See our How to Set Up Multiple Currencies guide for detailed instructions.

 

Read: To learn more about Markets, Local currencies and Payments, read Shopify's Markets help pages.

 

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.

Screen_Shot_2022-05-09_at_10.14.33_AM.png

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 guide on Selling in multiple languages.

 

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.

 

Screen_Shot_2022-05-09_at_6.57.03_AM.png
 

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 Choose which payment icons to display.

Was this article helpful?