TABLE OF CONTENTS

• Banner Slider
• Offer Banner
• Category Carousel
• Product Carousel
• Ad Space
• Homepage Promo
• Image Widget
• Video Widget
• Newsletter Widget
• Link Panel

Banner Slider

• Drag and drop the “Banner Slider”onto the page.
• Configure the following:
  • Choose the CMS Banner Slider content to display.
  • Adjust display settings: thumbnails, slide interval, and indicators.

Offer Banner

• Drag and drop the “Offer Banner” onto the page.
• Configure the following:
  • Choose the CMS Banner Slider content to display.
  • Configure spacing, cards per view, and additional formatting options.

Category Carousel

• Drag and drop the “Category Carousel”.
• Select the component and select the Gear icon.
  • Select categories to display using the “Configure Category List” panel.
• Adjust card space and max cards per view .

Product Carousel

• Drag and drop the “Product Carousel”.
• Select the component and select the Gear icon.
  • Associate products to highlight.
• Adjust card space and max cards per view .

Brands Carousel

• Drag and drop the “Brands Carousel”.
• Select the component and select the Gear icon.
  • Associate brands to highlight.
• Adjust card space and max cards per view.

Ad Space

• Displays content defined in CMS containers with no additional configuration required.

Homepage Promo

• Displays homepage promotional content defined in CMS containers with no additional configuration required.

Image Widget

• Drag and drop the “Image Widget".
• Select the image from DAM.
• Configure:
  • Alt text.
  • Optional link URL.
  • Layout: Fixed or Responsive.
  • Border radius for rounded corners.

Video Widget

• Displays a video from DAM with options to enable/disable controls and set auto-play.

Newsletter Widget

• Allows newsletter signup anywhere on a page.
• Configure: label text, placeholder text, button text, and alignment.
• Captures emails to the Znode signup list for integration.

Link Panel

• Drag and drop the “Link Panel”.
• Add new links with title, URL, and display order.
• Configure:
  • Orientation: Horizontal or Vertical.
  • Custom class for styling.

Form Widget

• Drag and drop the “Form Widget".
• Configure:
  • Choose Form to Display.
  • Action on Form Submission: Text Message, Redirect URL
  • Submit button text.
  • Notification email settings.