Responsive Multi-column Layouts

This demo page presents all multi-column layouts Easy Content Builder supports on the Shopify Dawn theme.

Multi-column Layout Examples

1-Column Layout Examples

 

1-Col: Boxed Layout

YOUR TAGLINE

Your Heading Goes Here

Write something useful to describe this section.

Your Heading CTA

1-Col: Layout with Background Image

/CLOTHING/

Leather Hat

Write something useful to describe this section.

1-Col: Layout with Background Image and Container Background Color.

1-Column Layout

DEMO

Image with text

Pair large text with an image.

Image with text

Pair large text with an image.

1-Col: Layout with multiple-items per row (Eg. Features block and Featured Products block)

Feature 1

Your amazing features go here.

Feature 2

Your amazing features go there.

Feature 3

Your amazing features go there.

Feature 4

Your amazing features go there.

Feature 5

Your amazing features go there.

2-COLUMN LAYOUT EXAMPLES

 

2-Col: Layout with Flexible Col Width

VIDEO

THE JACKET

Etiam eget ante nec ipsum condimentum viverra non sit amet libero. Nam
venenatis sapien vel tellus laoreet, id auctor eros semper.

View Gallery

The Details

Sed efficitur volutpat rhoncus. Cras at lacinia dui, quis accumsan odio.
Cras posuere nisl at varius sodales. Nullam euismod quis sem viverra
pretium.

Size

Sed non mauris volutpat, elementum nisi interdum, viverra metus.

Color

Sed non mauris volutpat, elementum nisi interdum, viverra metus.

Material

Sed non mauris volutpat, elementum nisi interdum, viverra metus.

Form

Sed non mauris volutpat, elementum nisi interdum, viverra metus.

Age

Sed non mauris volutpat, elementum nisi interdum, viverra metus.

Water Proof

Sed non mauris volutpat, elementum nisi interdum, viverra metus.

2-Col: Layout with Blank sections

Lower weight is not necessarily better. Keeping an ideal weight is healthiest.

Aenean ultricies ligula vel urna sagittis, in consequat nisi tempus. Ut
gravida magna at eros imperdiet aliquam. Nam quis nulla finibus,
vulputate elit nec, vulputate erat. Fusce erat magna, semper a lorem in,
tincidunt ultricies magna. Proin non risus feugiat metus vestibulum
accumsan.

To maintain a stable body, being able to balance oneself is essential

Ut lobortis euismod laoreet. Donec tincidunt libero id purus consequat
fermentum. In aliquet odio volutpat ligula sagittis, a gravida odio
interdum. Mauris ac turpis vitae purus iaculis pellentesque id a justo.

3-COLUMN LAYOUT EXAMPLES

 

3-Col: Layout without gap between the columns.

New Blog

Nulla vel laoreet elit, quis fermentum leo. Aliquam in urna arcu.

Pair large text with an image.

Read more.

Nulla vel laoreet elit, quis fermentum leo. Aliquam in urna arcu.

Pair large text with an image.

Read more.

Nulla vel laoreet elit, quis fermentum leo. Aliquam in urna arcu.

Pair large text with an image.

Read more.

3-col: Layout with gap between the columns.

Nulla vel laoreet elit, quis fermentum leo. Aliquam in urna arcu.

Pair large text with an image.

Read more.

Nulla vel laoreet elit, quis fermentum leo. Aliquam in urna arcu.

Pair large text with an image.

Read more.

Nulla vel laoreet elit, quis fermentum leo. Aliquam in urna arcu.

Pair large text with an image.

Read more.

3-Col: Layout with Flexible Col Width

YOUR TAGLINE

Sneaker forever. Always iconic. Now more sustainable.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tincidunt
eros ac ultricies blandit. In libero risus, convallis eget aliquam nec,
tincidunt auctor lectus.

Timeless look

Vivamus pharetra metus vitae pretium auctor. Sed eu neque lobortis, facilisis dolor laoreet, imperdiet eros.

More sustainable

Praesent nec augue fringilla, cursus leo quis, imperdiet lorem. Ut hendrerit ex metus, sed malesuada eros mattis iaculis.

Classic details

Praesent faucibus, nisi eu tincidunt iaculis, nibh urna tristique odio,
id fringilla arcu augue et quam. Praesent nec augue fringilla.

Most comfortable

Praesent nec augue fringilla, cursus leo quis, imperdiet lorem. Lorem
ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse quis
porta justo.

4-COLUMN LAYOUT EXAMPLES

 

Image with text

Pair large text with an image.

Image with text

Pair large text with an image.

Image with text

Pair large text with an image.

Image with text

Pair large text with an image.