Build a Hero

Learn how to build visual Hero sections in Nyla

This article walks you through how to build Hero sections. These are amongst the most common sections on ecommerce websites and amongst the simplest to build, so they are a good starting point in learning how to build from scratch on Nyla. See here for: 

Templates

Nyla has a range of Hero templates to use as starting points. To find these you can go to Nyla Templates and type Hero into search. 

These can work directly out of the box for you, or as a jumping off point to adapt to your exact needs, look and feel. 

 

Building Hero Section from scratch

Here is a full training on building a Hero section from scratch: 

 

Section Settings

 
Uploading a Background Image
 
Adding Heading Text
 
Adding Text
 
Adding a CTA

 

Changing Alignment Settings

 
Changing Spacing Settings
 
Changing Visibility on Different Breakpoints
Changing Text on Different Breakpoints 
 
Naming Content Items