Fall Hero is a Shopify theme section in the Section Star library. Create amazing falling leaves effect on your hero section. The falling leaves adds a holiday or fall feel to your site.
Live demo
Settings
Every setting below appears in the Shopify theme customizer once the section is published.
Leaf Design
Set settings for the leaves
| Setting | Type | Default |
|---|---|---|
| Number of Leaves | Range | 50 |
Hero Design
Set the design for the hero
| Setting | Type | Default |
|---|---|---|
| Hero Padding Top/Bottom | Number | 100 |
| Hero Padding Left/Right | Number | 10 |
| Subtle Shadow on Text | Checkbox | On |
| Cover Background | Color or gradient | linear-gradient(164deg, #111 0%, #555… |
| Cover Opacity | Range | 25 |
| Box Alignment | Text alignment | center |
Button Style
Set the look and feel of the button
| Setting | Type | Default |
|---|---|---|
| Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… |
| Button Text Color | Color | #fff |
| Padding Top/Bottom | Number | 10 |
| Padding Left/Right | Number | 25 |
| Border Radius | Number | 5 |
Content
Set the section content.
| Setting | Type | Default |
|---|---|---|
| Text Alignment | Text alignment | center |
| Mobile Text Alignment | Text alignment | center |
| Headline | Inline rich text | <b>This is our hero tagline</b> |
| Content | Rich text | <p>Use this to add a description to y… |
| Call to Action | Inline rich text | Shop Now |
| Call to Action Link | URL | — |
| Hero Image | Image | — |
| Mobile Hero Image | Image | — |
| Image Size | Number | 1100 |
| Mobile Image Size | Number | 800 |
How to add this section to a Shopify store
- Install Section Star from the Shopify App Store.
- Open the app and search the library for “Fall Hero”.
- Click Publish, then choose a name and the theme to publish into.
- Follow the deep link into the Shopify theme customizer.
- Add the section to any page and customize it with the native theme settings.
No code is required, and the section lives in your theme as ordinary Liquid — see the full install guide.