Skip to main content

Banner v6

demo image

Steps to use this section:
  1. In the Theme Editor (Customize), click Add section
  2. Locate [Section Name]
  3. Click to add, then Save

Section Settings​

1. Layout settings​

  • Container type: Specifies the width of the header content

    • Options: Full width, Box, Wide, etc.

  • Hover style:
    Defines the hover effect applied to the image.

    • Options: Scale up, Rotate,, etc.

  • Text 1 (Main Title):
    Main attention-grabbing heading.

    • Example: Support Your Flow with Curated Yoga Gear

  • Image:
    Upload the main banner image.

    • Supported formats: .jpg, .jpeg, .png, .svg, .gif

  • Image URL (Link on image):
    The page or product collection the banner links to when clicked.

    • Example: All Products

  • Text 2 (Description):
    Supporting paragraph offering more detail.

    • Example:
      Transform your yoga practice with our premium collection of yoga props, carefully crafted to support every pose and deepen your journey. From eco-friendly blocks and durable straps to plush bolsters and non-slip mats, we offer high-quality tools for balance, flexibility, and inner peace. Explore our store today and elevate your mat time!

collection demo

2. Button settings​

You have the flexibility to modify the label displayed on the button right here. Additionally, you can custom the button by selecting the Button mode, Button style, Button size option, Custom Border radius, Button padding

slideshow demo

3. General settings​

Section color scheme: lets you select a predefined color scheme for the section, which applies to the text and background.

Background image The priority is higher than Background color

Use parallax enables a parallax scrolling effect for the background image (if one is set)

Section Padding allows you to specify spacing before or after sections or both

general demo