Examples of page sections
Examples of page sections
Example of split heading
With text split by an image
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis porta pharetra commodo.
Suspendisse mattis ac nulla ac laoreet. Quisque non lacus blandit tortor vulputate egestas eget sed ante. Quisque sed mauris tincidunt, dignissim libero sit amet, luctus lacus.
Phasellus lobortis mauris tortor. Sed nec libero et libero fermentum elementum in in magna. Interdum et malesuada fames ac ante ipsum primis in faucibus. Proin ut risus magna. Suspendisse potenti.
Fusce non leo non neque interdum commodo vel eu tellus. Duis id ipsum massa. Fusce sed euismod tellus, a iaculis ante. Pellentesque rutrum luctus mi, ut vehicula velit suscipit quis. Vestibulum in leo vitae erat finibus ullamcorper eget in turpis. Fusce varius blandit risus nec accumsan.
This is a rich text section with a theme background setting. There are 3 set up with different backgrounds. This is scheme 2.
The settings for the different theme backgrounds that can be used for some other sections too are in the Theme Settings. There you can select what background image pattern (via select) and colour overlay (via colour picker) is set for each of the theme backgrounds.
This is text using the non-enlarged version of the text. This is the default text size for text content on the site. Most other sections will use this size or also have an enlarge option.
Use this section to explain a set of product features, to link to a series of pages, or to answer common questions about your products. Add images for emphasis.
Use this section to explain a set of product features, to link to a series of pages, or to answer common questions about your products. Add images for emphasis.
Use this section to explain a set of product features, to link to a series of pages, or to answer common questions about your products. Add images for emphasis.
Use this section to explain a set of product features, to link to a series of pages, or to answer common questions about your products. Add images for emphasis.
Example of colour scheme 1
I you want to bring in more complex page content into a section, you can do so with Rich Text -> Page block. Here's something with some more complex HTML like a table being brought into a section.
Table Header | Table Header | Table Header |
Cell content | Cell content | Cell content |
You can also use Custom Content section to build your own layouts or to add custom HTML, Liquid, or scripts.
Example of colour scheme 3
Suspendisse mattis
Ac nulla ac laoreet
Mauris semper, leo a venenatis lacinia, dolor lectus ornare diam, nec gravida eros nibh non velit. Cras sed purus elit. Praesent in tristique ex. Aenean vel nulla et velit auctor iaculis. Etiam ornare erat ac nisi sagittis, ac vehicula urna dapibus.
Use this text to answer questions in as much detail as possible for your customers.
Use this text to answer questions in as much detail as possible for your customers.
Image with text
Pair large text with an image to tell a story, explain a detail about your product, or describe a new promotion.