Drop - Sections
Drop 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.
Drop sections
- Accordion
- Background video
- Breadcrumbs*
- Collection list
- Collection slider
- Collection spread
- Contact form*
- Countdown
- Editorial columns
- Featured blog
- Featured collection
- Featured product
- Image gallery
- Image with text overlay
- Image with text
- Link list
- Logo list
- Media Gallery
- Newsletter
- Recently viewed
- Rich text
- Scrolling marquee text
- Simple countdown
- Slideshow
- Text with icons
- Video
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.
Background video
Add an auto playing background video with optional text overlay to bring life and motion to your content. Supports the use of MP4 or Youtube videos.
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
Display selected collections in a grid layout anywhere in your store. Choose grid layout options from 1 - 4 per row.
Collection slider
Feature a selected collection in a carousel that loops through available products.
Collection spread
Give a selected collection prime visual real estate with a spread focusing on a banner image with overlaid title and selected products from a featured collection.
Contact form
Add a contact form to any page of your store allowing customers easy access to questions and answers.
Countdown
Add a countdown connected to products or collections by assigning a date metafield or timestamp to build hype around new product and collection launches or to increase buyer urgency in the event of a flash sale or promotion.
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.
Featured product
Add a specific product to any page within your store, great if you have a promotional product or subscription / gift offering.
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.
Choose the size of your image and it's layout from left image or right image.
Link list
Add some quick links to areas of your store that you would like to bring into focus - ideal for sub collections or for bringing attention to key content.
Logo list
Showcase the brands that you carry or media where you have been feature with a simple logo list.
Media gallery
Add multiple images and video to a collage of content with flexible layout options.
Newsletter
Capture your customers email address for future marketing on any page within your store.
Recently viewed
Show and remind customers of the products they have viewed as they navigate around your collections and content.
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 marquee text
Show a short message area which scrolls continuously across the store capturing your customers attention
Simple countdown
Add a simple countdown banner to your store, set the time in the section settings and watch it countdown. Add text, links, a button and a countdown has ended message to keep your customers informed of deals 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.
Optionally add a mobile specific image which will be shown on smaller devices
Text with icons
Display small text highlights accompanied by small icons to highlight key features or policies like free delivery, global shipping and more
Video
A simple way to add video with full playback and volume control via YouTube and Vimeo
Custom Liquid
The custom liquid section will allow you to insert a block of liquid or html code. This is a very helpful section, but we do suggest it be used by developers to prevent any coding issues.
