The Custom Section is a flexible section that lets you build creative layouts using the blocks supported by the theme. You are free to explore, experiment, and mix & match these blocks - treating the Custom Section as a “playground” to create unique designs tailored to your store’s style and specific needs.

Another style you can create is by adding hotspots, lookbook items, and call-to-action elements.

1. Key Blocks You Need to Know

When using Custom Section, you first need to add a Column or Group to contain the inner blocks.

1.1. Column

Best for dividing the layout into fixed columns; easy ratio control columns (10 columns or 12 columns), simple config, easy to use, great for simple column-based layouts.

10 columns

Divides layout into 10 parts with fixed ratios (1/10 – 10/10 = 10% – 100%). Best for simple and evenly split layouts.

12 columns

Divides layout into 12 parts with flexible ratios (1/12 – 12/12 = 8.33% – 100%). Great for complex or uneven grid layouts.

1.2. Group

The Group block is ideal when you need flexible layouts. It allows you to:

• Nest multiple blocks (even other Groups).

• Use any public block supported by the theme.

• Arrange and align content with flexbox (horizontal or vertical).

This makes Group perfect for building multi-level structures and creative layouts with full control over spacing and alignment.

2. Blocks Supported by Custom Section

• Heading – Highlighted titles.

• Text / Text custom – Text content or advanced custom text.

• Image / Media / Video – Add product or lifestyle images and videos.

• Banner with product – Banner with featured product.

• Lookbook item – Hotspot pins on images.

• Blockquote – Quotes or testimonials.

• Button / Button custom – Call-to-action buttons.

• Countdown timer / Counter – Countdown for sales & number counters.

• Newsletter – Subscription form.

• Social media – Social links.

• Icon – Decorative or highlight icons.

• Your signature – Brand or personal signature.

• Spacer / Space HTML – Create spacing.

• Liquid – HTML – Embed custom HTML code.

By mixing Column, Group, and blocks like Media, Heading, Text, Spacer, Button, Blockquote, Your Signature, and Liquid HTML, you can create a complete section in just over 3 minutes.

Here’s a video of the process we used to build this section—you can check it out to see how the section works.

Hope you’ll come up with unique and creative sections.