New release: On March 19, 2020, we published a new release that included improved settings for the home hero and a carousel option. Details on how to activate that update for your store are below.

To activate the new and improved home hero settings, turn on the "Activate new home hero" setting under this same section.

Choose the hero layout

Double banner home hero layout

Austin gives you three options at the home hero layout:

       

• Single (text overlay) – this displays the primary hero image full width across the screen
  
• Double banner – this displays both the primary hero image and a secondary banner, which can be used to promote anything you choose (product, category, sale, event, etc.).
  
• Carousel – this allows a rotating carousel of up to 4 hero images. The carousel options can be customized by going to the section, Carousel in the theme settings.
  

• Hero full width (Hero & Carousel) – Turn on to have the hero banner stretch to the full width of the screen.
  
• Activate mobile images (Hero & Carousel) – Turn on to activate the alternate mobile images that can be uploaded to better fit smaller screens
  
• Hero banner overlay (Hero & Carousel) – Add a dark overlay beneath the banner content to improve legibility, if needed
  
• Hero image (Set for each banner in the carousel) – Upload a banner image
  
• Hero mobile image (Set for each banner in the carousel)  – Upload a banner image that is optimally sized for mobile devices. This will be show on smaller screens in place of the primary banner image.
  
• Hero align (Set for each banner in the carousel)  – Choose the positioning of the banner content (left, right, center)
  
• Hero text align (Set for each banner in the carousel)  – Choose the alignment of the banner text (left, right, center)
  
• Hero color profile (Set for each banner in the carousel)  – Choose weather you want the text to be dark (recommended for lighter background images) or light (recommended for darker background images)
  
• Hero heading (Set for each banner in the carousel)  – Enter the heading text you want to use for each banner
  
• Hero subtext (Set for each banner in the carousel)  – Enter the subtext you want to use for each banner
  
• Hero overlay (Set for all but the first banner in the carousel)  – Turn this setting ON to use a transparent overlay over the additional banner’s background image. This helps the content be more legible if your background image doesn’t provide enough contrast
  
• Hero overlay color – Choose what color you want the overlay to be
  
• URL (Set for each banner in the carousel) – Enter the URL that you want each banner to link to (ex: you can either put /collection or https://yourwebsite.com/collection)
  
• First hero button (Set for the first banner in the carousel) – This is the button text that you want displayed on the main call to action in the Primary hero banner
  

You can add up to 4 hero slides.