Welcome to the Eight Themes 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.

 

mceclip0.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.  You can add multiple announcements and link directly to different pages on your store - ideal for advertising sales and promotions.

 

mceclip1.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, country and language selector, and shopping cart.

 

mceclip3.png

 


Footer

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

By adding content blocks containing your logo, text, a menu, a newsletter sign-up, 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.

 

mceclip4.png

 


Accordion

This section allows you to add a lot of text content in a compact space, meaning your customers can interact with your content and focus on what they want.  Perfect for FAQs and product detailing such as shipping information, ingredients, care instructions, etc.

mceclip9.png

 


Accordion with Image

This section is the same as the Accordion but with the benefit of an image card that can be displayed alongside the accordion dropdowns. As an example, you could use this card to highlight a unique selling point, product or offer.

 


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

 

mceclip6.png

 


Callout text

A simple section that you can use to make a statement with a single piece of copy (and optional buttons linking to other pages).

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

 

mceclip7.png


Collection slideshow

The Collection slideshow section is a different way to display your collections meaning you can add a lot of collections without them taking up a lot of vertical space on your store.


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.

 

mceclip5.png


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.

 

mceclip9.png


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.

 

mceclip0.png

Framed image

A Framed Image section allows you to display a feature image with a text box over the top (and optional buttons linking to other pages).

A striking way to highlight keywords or break up other sections of your page.

 


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

 

mceclip4.png

Icons with text

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

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

 

mceclip11.png

Image with Text Overlay

An Image with text overlay section allows you to display a featured image with text over the top (and optional buttons 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.

 

mceclip13.png

Lookbook

The Lookbook section is almost like a catalog layout where you can feature imagery of your products (or anything else you like) alongside Headings and buttons.

We created this section with the idea you could promote collections of products for the current season or lookbook pages of photoshoots.

mceclip1.jpg

 

Multi Collections

The Multi collection section is designed to help your customer quickly switch between your featured collections products to see if they'd like to shop the collection further. 

 

This could be used to separate men's and women's clothing, different product types such as tops, bottoms, accessories or simply just collections you'd like to promote to your customers.

 


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.

 

mceclip1.png
 

Rich Text

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

 

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

 

 


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.

 


Story Slideshow

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

 

mceclip10.png
 

Testimonials

 

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

 

mceclip5.png


Text Columns with Images

This highly versatile section is ideal to share imagery alongside text. Incredibly useful for breaking up content on informational pages, highlighting unique selling points, and introducing team members.

mceclip12.png


Video

 

The Video section is where you can insert a video into your store, which can be played by the merchant, with audio, and includes a placeholder image if you would like.

Use this section to feature videos that require the merchant to actively engage with compared to the Video hero section which is much more passive.

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

 

Image_2022-06-07_at_3.02.32_pm.jpg

 

 

Video Hero

 

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

Use this section much like Image with text where the image sits behind your content as a background but engages your customers with video instead of imagery.

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

Image_2022-06-07_at_1.55.00_pm.jpg

 

Product recommendations

Product recommendations are a feature that you can enable on your product page by going to Product page > Product recommendations. This section contains a list of recommended products that will be displayed to entice your customers to purchase more.

 

mceclip3.png

 

How Does the Recommendation Algorithm Work?

 

The algorithm that identifies recommended products is based on data about products that were purchased together and products with similar descriptions. It uses this data to provide a mix of those related products as recommendations for any given product.

In cases where purchase or product description data aren't available for a given product, products from a related collection are shown.

The algorithm uses the collection in the URL from which the request to the API endpoint originated, and pulls other products from that collection. If the product doesn't have a collection URL, then the recommendation algorithm finds collections that include the product and pulls other products from those instead (excluding collections with handles 'all' and 'frontpage').

 

Learn more: To find out more about displaying product recommendations, click here to read Shopify's developer help pages.

Was this article helpful?