Welcome to Velo 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
- Open your theme editor/customization panel
- Find the section you want to customize
- Refer to this guide for what each setting does
- Make your changes and save
- 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
📌 Header
The top navigation bar with logo, menu, search, and account/cart.
Content Settings
🍔 Mega Menu
Type: DECK (Repeatable cards, max 50)
Create dropdown menu items with various templates and promotional content.
Each menu item has:
- Menu Title: (INPUTBOX) The clickable menu label
- Menu Template: (SELECTBOX) Choose display style:
- • columns: Multi-column layout
- • columns-products: Columns with product grid
- • sidebar-grid: Sidebar with grid layout
- • simple: Single column list
- Menu Highlight: (TOGGLE) Make menu item stand out with pulsing animation
- Promo Title: (INPUTBOX) Title for promotional card
- Promo Image: (IMAGE) Visual for promotional card
- Promo Button: (BUTTON) Call-to-action link
- Promo Product IDs: (INPUTBOX) Comma-separated product IDs to feature
🔗 Top Bar Buttons
Type: DECK (Repeatable, max 3)
Quick utility links above main navigation.
- Button: (BUTTON) Link with text and URL
📝 Top Bar Content
- Top Bar Text: (INPUTBOX) Announcement or message text
- Facebook URL: (INPUTBOX) Link to Facebook profile
- Twitter URL: (INPUTBOX) Link to Twitter profile
- Instagram URL: (INPUTBOX) Link to Instagram profile
- TikTok URL: (INPUTBOX) Link to TikTok profile
🔍 Search & Navigation
- Search Bar Placeholder: (INPUTBOX) Placeholder text for search input
- Find Store Button: (BUTTON) Link to store locator
- Account Button Text: (INPUTBOX) Custom text for account button
📱 Mobile Bottom Bar
- Menu Text: (INPUTBOX) Label for menu icon
- Search Text: (INPUTBOX) Label for search icon
- Account Text: (INPUTBOX) Label for account icon
- Cart Text: (INPUTBOX) Label for cart icon
Design Settings
🎛️ Feature Toggles
- Sticky Header: (TOGGLE) Keep header visible when scrolling (default: ON)
- Show Top Bar: (TOGGLE) Display top announcement bar (default: ON)
- Top Bar Currency Switch: (TOGGLE) Show currency selector (default: ON)
- Show Search Bar: (TOGGLE) Display search functionality (default: ON)
- Mobile Bottom Bar: (TOGGLE) Show fixed navigation on mobile (default: ON)
- Find Store Button: (TOGGLE) Display store locator button (default: ON)
- Account Button: (TOGGLE) Show account/login button (default: ON)
🎨 Colors & Backgrounds
- Top Bar Background: (BACKGROUND) Color or gradient for top bar (default: #1d349a)
- Top Bar Text: (TEXT) Font, size, color, bold, italic settings (default: 14px, white, italic)
- Menu Promo Background: (BACKGROUND) Background for mega menu promo cards (default: #e8d5b5)
- Header Background: (BACKGROUND) Main header background (default: white)
🎞️ 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)
🎯 Hero 1
Simple hero section with title, description, buttons, and image.
Content Settings
- Section Title: (INPUTBOX) Main headline
- Section Description: (TEXTAREA) Supporting text
- Button 1: (BUTTON) Primary CTA with link
- Button 2: (BUTTON) Secondary CTA with link
- Section Image: (IMAGE) Hero image
🎯 Hero 3
Hero section with title, description, list items, button, and image.
Content Settings
- Section Title: (INPUTBOX) Main headline
- Section Description: (TEXTAREA) Supporting text
- List Item 1: (INPUTBOX) Feature/benefit point
- List Item 2: (INPUTBOX) Feature/benefit point
- List Item 3: (INPUTBOX) Feature/benefit point
- Button: (BUTTON) Call-to-action with link
- Section Image: (IMAGE) Hero image
🎯 Hero 4
Hero section with badge, title, description, button, and video embed.
Content Settings
- Section Note/Badge: (INPUTBOX) Small label text
- Section Title: (INPUTBOX) Main headline
- Section Description: (TEXTAREA) Supporting text
- Button: (BUTTON) Call-to-action with link
- Video URL: (INPUTBOX) YouTube or Vimeo video link
- Video Help: (INFO) Instructions for video embedding
🎯 Hero 5
Standard hero section with title, description, button, and image.
Content Settings
- Section Title: (INPUTBOX) Main headline
- Section Description: (TEXTAREA) Supporting text
- Button: (BUTTON) Call-to-action with link
- Section Image: (IMAGE) Hero image
🎯 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
- Title: (INPUTBOX) Sale headline
- Description: (TEXTAREA) Sale details
- End Date: (INPUTBOX) When sale expires (format: YYYY-MM-DD HH:MM)
- Coupon Code: (INPUTBOX) Discount code to display
- Use Coupon Text: (INPUTBOX) Label for coupon (e.g., "Use code:")
💡 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
- Section Title: (INPUTBOX) Main heading
- Section Description: (TEXTAREA) Supporting text
- Category Selector: (CATEGORY_SELECTOR) Choose up to 32 categories from your store
Note: Category images, names, and product counts are pulled automatically from your store's category settings.
💬 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