Foodie - Sections
Foodie includes a number of theme sections which can be used across your store repeatedly to build compelling visual experiences and maximize the display of your content.
Foodie sections
- Accordion
- Age verification
- Background video
- Banner image*
- Before and after
- Breadcrumbs*
- Collection list
- Contact form
- Cookie policy popup
- Countdown*
- Editorial columns
- Fact columns
- Featured blog
- Featured collection
- Featured product
- Hero image with text
- Image carousel with text
- Image gallery
- Image with text overlay
- Image with text
- Locations
- Logo list
- Featured links / linklist*
- Masonry gallery
- Menu
- Newsletter
- Product list
- Rich text
- Scrolling text
- Slideshow
- Video
- Video with text
Items marked with * are not available for selection on the home page.
Accordion
A text section that allows collapsible content panes, often associate with FAQ or questions and answers. Accordions are great for pages with large bodies of text content.
Age verification
Keep your stores content away from a younger audiences with an age verification popup.
Background video
Add an autoplaying background video which brings animation to your store captivating your customers attention and increasing the time on page.
Banner image
A page header allowing for a full screen width image.
This is section is available for use on the Collection, Blog, Article, Page, Cart and Customer accounts.
Before / After image slider
Stack 2 large images with a draggable slider which reveals more or less of each image. Great for a before and after image comparison or for showcasing 2 different colors of a product.
Breadcrumbs
A text section which shows a navigation trail normally associated with products and a trail back to collections. For example when viewing a product page having opened the product from within a collection your breadcrumb trail will show:
Home > Collection title > Product title
Collection list
A collection list allows you to select different collections from within your store and display them in any page of your store for quick access. Control the number of collections shown in the grid.
Contact form
Add a contact form to any page of your store allowing customers easy access to questions and answers.
Countdown
Add urgency to a promotion or event in your store with a countdown timer
Editorial columns
Editorial columns show a grid of images above text for a strong column view, perfect for introductions to pages or additional product and collection details that benefit from additional organized content.
Featured blog
Select a blog from your store and show recent posts on any page, formatting controls allow optional content and layouts.
Featured collection
Showcase a collection of products in a grid or carousel, ideal for sale, new arrivals or adding products to any area of your store.
Fact columns
Highlight product or store facts in a stand-alone section displaying each within a selected shape.
Featured product
Add a specific product to any page within your store, great if you have a promotional product or subscription / gift offering.
Hero image with text
Add an image alongside an oversized title with text and button area with a colored background. If using this section first on the page, toggle it's options to override the Header color for a seamless display.
Image carousel with text
Add a carousel of images along side a rich text area with title and call to action button.
Image gallery
Add a selection of images with optional text and links to your store to bring focus to products, collections or any other content. Control the width of each image to create different eye catching layouts.
Image with text overlay
Show a large full width image with an optional title and text overlay, if you have lifestyle imagery then this is a great place to add that. We do recommend not using images that contain text for this area due to it's smaller size on mobile.
Image with text
Add an image alongside a title, text and button area with a colored background. Choose the size of your image and it's layout from left image or right image.
Locations
Add an image carousel alongside text with links to pages or content in your store. Great for a locations list or to provide quick access to products and collections.
Logo list
Add a section of images that might be used to represent logos for an "as seen in" or list of brands that you carry.
Masonry gallery
Add a gallery of images in a selectable offset pattern to create an organized display of mixed images.
Menu
Display a collection of products in a restaurant or service style layout to offer a menu of products and services.
Newsletter
Capture your customers email address for future marketing on any page within your store.
Product list
Display a list of products alongside a carousel that displays the product featured image.
Rich text
Add a single block of text for a wider view or add columns of text which help to clearly define content or policies in your store, use as secondary description content for your products to show returns or delivery info or show a simple welcome message and store hours.
Scrolling text
Create a scrolling text banner made up of numerous text blocks. Include icons to capture your customers attention and bring focus to promotions and events.
Slideshow
The slideshow allows up to 5 slides with images and optional text to showcase lifestyle imagery and add calls to action driving customers to key areas of your store, optionally set to full width for ultra large images.
Video
Set a featured video or an auto playing background video to any area of your store, add optional text overlay with a call to action button to move customers to specific products or promotions.
Video with text
Add a video alongside an oversized title with text and button area with a colored background. If using this section first on the page, toggle it's options to override the Header color for a seamless display.
