Aurora Theme

Configuration Guide for Store Owners

Version 1.0

Welcome to Aurora Theme

This guide will help you customize your store's look and feel. No coding knowledge required! Each section below explains how to configure different parts of your theme using the built-in theme editor.

🚀 How to Use This Guide

  1. Open your theme editor/customization panel
  2. Find the section you want to customize
  3. Refer to this guide for what each setting does
  4. Make your changes and save
  5. Preview your changes before publishing

📋 Common Settings

Most sections share these settings:

  • Background: Choose colors or gradients for section backgrounds
  • Text Styling: Adjust font, size, color, bold, or italic
  • Show/Hide: Toggle elements on or off
  • Mobile Responsive: Everything works on phones and tablets automatically

🎞️ Hero Slider

Full-width rotating carousel for promotional banners.

Content Settings

🖼️ Slides

Type: DECK (Repeatable, max 10)

Each slide contains:

  • Image: (IMAGE) Background image (recommended: 1920x800px)
  • Badge: (INPUTBOX) Small label text (e.g., "New")
  • Title: (INPUTBOX) Main headline
  • Description: (TEXTAREA) Supporting text
  • Button: (BUTTON) Call-to-action with link

⏱️ Autoplay Settings

  • Autoplay: (TOGGLE) Auto-advance slides (default: ON)
  • Autoplay Interval: (INPUTBOX) Seconds between transitions (default: 5)

Design Settings

🎛️ Display Options

  • Fullscreen: (TOGGLE) Enable fullscreen mode for the slider (default: ON)

🎯 Hero 1

Simple hero section with title, description, buttons, and image.

Content Settings

🎯 Hero 3

Hero section with title, description, list items, button, and image.

Content Settings

🎯 Hero 4

Hero section with badge, title, description, button, and video embed.

Content Settings

🎯 Hero 5

Standard hero section with title, description, button, and image.

Content Settings

🎯 Hero 6

Hero with badge, title, description, button, image, and customer reviews.

Content Settings

🎭 Main Content

  • Section Note/Badge: (INPUTBOX) Small label text
  • Section Title: (INPUTBOX) Main headline
  • Section Description: (TEXTAREA) Supporting text
  • Button: (BUTTON) Call-to-action with link
  • Section Image: (IMAGE) Hero image

⭐ Customer Reviews

Type: DECK (Repeatable, max 3)

Each review contains:

  • Review Content: (TEXTAREA) Customer testimonial
  • Review Author: (INPUTBOX) Customer name

🎴 Promo Cards

Image-based promotional cards with hover effects.

Content Settings

🎴 Cards

Type: DECK (Repeatable, max 4)

Each card contains:

  • Image: (IMAGE) Card background image
  • Title: (INPUTBOX) Card headline
  • Description: (TEXTAREA) Card text
  • Button Text: (INPUTBOX) CTA button label
  • Discount: (INPUTBOX) Discount percentage/amount
  • Discount Text: (INPUTBOX) Discount label text
  • Link URL: (INPUTBOX) Destination URL

🛍️ Promo Products

Tabbed product display with promotional images.

Content Settings

📝 Header

  • Section Title: (INPUTBOX) Main heading
  • Section Description: (TEXTAREA) Supporting text
  • Tab 1 Label: (INPUTBOX) First tab name
  • Tab 2 Label: (INPUTBOX) Second tab name

🎁 Tab 1 Content

  • Promo Image: (DECK, max 1) Image with label, text, and button link
  • Product Selector: (PRODUCT_SELECTOR) Choose up to 32 products

🎁 Tab 2 Content

  • Promo Image: (DECK, max 1) Image with label, text, and button link
  • Product Selector: (PRODUCT_SELECTOR) Choose up to 32 products

🛒 Button Text

  • Add to Cart Text: (INPUTBOX) Custom button label

📚 Collections

Showcase product collections with images and featured products.

Content Settings

📝 Header

  • Section Title: (INPUTBOX) Main heading
  • Section Description: (TEXTAREA) Supporting text

📚 Collection Cards

Type: DECK (Repeatable, max 8)

Each collection contains:

  • Image: (IMAGE) Collection banner image
  • Subtitle: (TEXTAREA) Collection tagline
  • Title: (INPUTBOX) Collection name
  • Product Selector: (PRODUCT_SELECTOR) Choose 1 featured product
  • Button: (BUTTON) Link to full collection

⚡ Flash Sale

Promotional banner with countdown timer and coupon code.

Content Settings

💡 Get Inspired

Lifestyle slider with featured products and "shop the look" functionality.

Content Settings

📝 Header

  • Section Title: (INPUTBOX) Main heading
  • Section Description: (TEXTAREA) Supporting text

🖼️ Slides

Type: DECK (Repeatable, max 5)

Each slide contains:

  • Image: (IMAGE) Lifestyle/inspiration photo
  • Title: (INPUTBOX) Slide title
  • Subtitle: (INPUTBOX) Slide tagline
  • Product Selector: (PRODUCT_SELECTOR) Choose up to 32 products to feature
  • Button: (BUTTON) Link to collection or page

🛍️ Product Display

  • Shop Products Title: (INPUTBOX) Heading for product grid
  • Shop Products Count: (INPUTBOX) Number of products to show
  • Autoplay: (TOGGLE) Auto-advance slides (default: ON)

🏷️ Top Categories

Display product categories in a grid with images and product counts.

Content Settings

Note: Category images, names, and product counts are pulled automatically from your store's category settings.

Design Settings

🎛️ Display Options

  • Fullscreen: (TOGGLE) Enable or disable fullscreen mode for this section (default: ON)

🎨 Tiles

Versatile tile section supporting images, videos, and text overlays.

Content Settings

🖼️ Tiles

Type: DECK (Repeatable, max 4)

Each tile contains:

  • Type: (SELECTBOX) Choose tile type:
    • image: Static image tile
    • image-overlay: Image with text overlay
    • video: Video embed tile
  • Image: (IMAGE) Tile background image
  • Badge: (INPUTBOX) Small label text
  • Title: (INPUTBOX) Tile headline
  • Text: (TEXTAREA) Tile description
  • Button: (BUTTON) Call-to-action with link
  • Video URL: (INPUTBOX) YouTube or Vimeo video link (for video tiles)

Design Settings

🎛️ Display Options

  • Fullscreen: (TOGGLE) Enable or disable fullscreen mode for this section (default: ON)

💬 Testimonials

Customer reviews carousel with images and quotes.

Content Settings

📝 Header

  • Section Title: (INPUTBOX) Main heading (e.g., "Customer Reviews")

⭐ Testimonial Cards

Type: DECK (Repeatable, max 5)

Each testimonial contains:

  • Image: (IMAGE) Customer photo or related image
  • Quote: (TEXTAREA) Customer testimonial text
  • Author: (INPUTBOX) Customer name
  • Location: (INPUTBOX) City or designation
  • Background Color: (INPUTBOX) Custom card background color
  • Product Selector: (PRODUCT_SELECTOR) Optional: link 1 product to testimonial
  • Button: (BUTTON) Optional: link to full review or product

⏱️ Autoplay

  • Autoplay: (TOGGLE) Auto-advance testimonials (default: ON)

📖 Property Type Reference

INPUTBOX

Single-line text input for short content like titles, labels, URLs

TEXTAREA

Multi-line text input for descriptions, long content

BUTTON

Button configuration with text and link URL

IMAGE

Image upload supporting multiple resolutions (mobile/desktop, low/hi-res)

TOGGLE

On/off switch for enabling/disabling features

SELECTBOX

Dropdown menu with predefined options

DECK

Repeatable card items for creating lists, carousels, multiple entries

PRODUCT_SELECTOR

Pick products from your store catalog with configurable maximum

CATEGORY_SELECTOR

Pick categories from your store with configurable maximum

BACKGROUND

Background color or gradient picker with preset colors

TEXT

Advanced text styling: font, size, color, bold, italic, visibility

INFO

Information display with description and optional action button

DIVIDER

Visual separator in settings panel