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.
• The following are attributes of this configuration.
  • Hide Brand Names (Yes/No) 
    • No (Default): Displays both Brand Image and Brand Name.  
    • Yes: Displays only the Brand Image and hides the brand name. 
  • Card Space
  • Max Card per view
  • Navigation Enable (Yes/No)
    • No (Default)
    • Yes
  • Indicators
    • No
    • Yes (Default)
  • Grid Enable
    • No (Default)
    • Yes

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.
  • Open In
    • Same Tab
    • New Tab
  • Image Display Mode
    • Fixed
    • Responsive
    • Full width
  • Width
  • Height
  • Alignment
    • Left / Center / Right
  • Border radius for rounded corners (px , %)

Video Widget

• Displays a video from DAM with options to enable/disable controls and set auto-play.
• Configure
  • Video Control (Enable/Disable) Default set to Disable
  • Auto Play (Enable/Disable) Default set to Disable

Newsletter Widget

• Allows newsletter signup anywhere on a page.
• Configure: 
  • Label (Text) (Prefilled)
  • Placeholder (Text) (Prefilled)
  • Button text (Prefilled)
  • Align
    • Left, Center, Right
  • Padding (Top, right, bottom, left) - Default set to 0
  • Margin (Top, right, bottom, left) - Default set to 0
• 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.