Hero Banner

1. How to Add the Hero Banner Section

• Log in to your Shopify Admin.
• Go to Online Store >> Themes.
• Click Customize on the Emoll-Apario theme.
• In the Theme Editor, click Add Section.
• Select the Hero Banner section from the list.
• Click Save to apply the changes.

2. Hero Banner Settings

The Hero Banner section includes multiple settings that allow you to customize the appearance and functionality of the banner. These settings help control images, content, buttons, and layout positioning.

• Color Scheme:
  Select a color scheme to control the background and text colors used in the Hero Banner section.
• Main Image:
  • Show Image: Enable or disable the main image in the slider.
  • Select Image: Upload an image from your computer or choose from Shopify's free image library.
  • Enable Rotation: Activate automatic rotation of slider images.
  • Rotation Speed: Adjust the speed of the rotating images.
  • Image Alignment: Choose the image position (Left or Right).
• Heading & Text:
  • Heading: Add a bold title to highlight your message.
  • Text: Enter a short description or promotional message.
• Button:
  • Button Label: Enter the text displayed on the button.
  • Button Link: Add a link to a product, collection, or page.
• Text Image:
  • Upload Image: Upload a decorative image that appears alongside the heading.
  • Text Image Link: Add a link to redirect users when clicking the image.
  • Recommended Size: 231px ' 50px.
• Bottom Image:
  • Show Bottom Image: Enable or disable the bottom image.
  • Upload Image: Upload an image from your computer or Shopify's free image library.
  • Enable Image Overlay: Apply a semi-transparent overlay on the image.
  • Bottom Content: Add additional supporting text or visual elements below the image.