TABLE OF CONTENTS

• Navigation Path
• Overview
• Page Builder Layout
• Component Management
• Predefined Components
• Actions
• Pages with Predefined Components
• Component Details
  • Product – Product Details Page
  • Category – Product Listing Page
  • Brand List 
  • Blogs List
  • Store Locator Pages
  • Contact Us 
  • Feedback
  • Quick Order (Order Status Component)
  • Track Order
  • Forgot Password Page

Navigation Path

Admin → CMS → Store Experience → Manage Store → Commerce Pages

Overview

• Commerce Pages include predefined system-driven components.
• Ensure consistent structure and functionality across:
  • Product Pages
  • Category Pages
  • Authentication Pages
  • Order-related Pages

Page Builder Layout

• Left Panel:
  • Components
  • Outline
• Middle Panel:
  • Live Preview
• Right Panel:
  • Attributes

Component Management

• Supports drag and drop functionality
• Attributes can be edited dynamically
• Outline navigation is available

Predefined Components

• Each page has a predefined structure.
• Components are automatically added and always visible.
• Components cannot be deleted or duplicated.
• Only limited fields are editable:
  • Heading
  • Description
  • Buttons
• Additional components can only be placed:
  • Above the predefined component
  • Below the predefined component

Actions

• Save for Preview - Clicking Save for Preview pushes changes to the preview environment. Changes are also saved as a draft in Page Builder. 
• Publish - Clicking Publish pushes changes to both preview and production environments. 
• Back (Discard changes) -Clicking Back Changes are not saved. User is redirected to the previous page. When reopening the page, editing must start from the beginning.

Pages with Predefined Components

Page Name	Component Name
Product	Product Details Page
Category	Product Listing Page
Brand List	Brand List Page
Brand Details	Brand Details Page
Store Locator	Store Locator Page
Blog List	Blog Page
Blog Details	Blog Details Page
Contact Us	Contact Us Page
Feedback	Feedback Page
Maintenance	Maintenance
Cart	Cart
Checkout	Checkout
Forgot Your Password	Forgot Password
Track Order Page	Order Status
Quick Order Page	Quick Order

Component Details

Product – Product Details Page

• No configurable attributes.

Category – Product Listing Page

• Categories:
  • Enable/disable category list at the top.
• Facets:
  • Enable/disable filters.
• Reviews:
  • Enable/disable ratings and reviews.
• SKU:
  • Enable/disable SKU display.

Brand List 

• Hide Brand Names - Type (Yes/No)

Brand Details

• No configurable attributes available

Blogs List

• No configurable attributes available.

Blogs Details

• No configurable attributes available.

Store Locator Pages

• No configurable attributes available.

Maintenance

• Open Rich Text Widget
  • The content should be update by Open Rich Text Widget

Cart

• No configurable attributes available.

Checkout

• No configurable attributes available.

Contact Us 

• Heading
  • Editable
  • Prefilled
  • Placeholder - Contact Us
• Description
  • Editable
  • Prefilled

Feedback

• Heading
  • Editable
  • Prefilled
  • Placeholder - Feedback
• Description:
  • Editable
  • Prefilled

Quick Order (Order Status Component)

• Track Order is considered as Heading
  • Prefilled
  • Editable
  • Placeholder - Quick Order
• Includes two tabs:
  • Search (Default)
  • Paste Multiple
• Search Tab – Editable Attributes
  • Active Tab
    • Search
  • Tab Name
    • Prefilled
    • Editable
    • Placeholder - Search
  • Instruction 
    • Prefilled
    • Editable
    • Placeholder - If you already know one of the many product SKU numbers from previous catalogs, price lists, our website, or old invoices, enter them with a quantity in the Quick Order and click Add to Cart.
  • Step 1 
    • Prefilled
    • Editable
    • Placeholder - Enter the product SKU with quantities for each in the fields provided.
  • Step 2 
    • Prefilled
    • Editable
    • Placeholder - Click Add to Cart when you are finished

• Paste Multiple Tab – Editable Attributes
  • Active Tab
    • Paste Multiple
  • Tab Name
    • Prefilled
    • Editable
    • Placeholder - Paste Multiple Tab
  • Template Guide (Prefilled, Editable)
    • “Use our spreadsheet template with columns for SKU and quantity.” Copy/paste directly into our form (Do not use spaces as a separator between SKUs and quantity).
  • Add All to Quick List Button (Editable)
    • Label Editable
    • Prefilled
    • Placeholder - Add All to Quick List Button
  • Browse Button
    • Label Editable
    • Prefilled
    • Placeholder - Browse

• Common Attributes
  • Clear All Items Button 
    • Editable
    • Prefilled
    • Placeholder - Clear All Items
  • Add Row Button 
    • Editable
    • Prefilled
    • Placeholder - Add Row Button
  • Delete Button
    • Editable
    • Prefilled
    • Placeholder - Delete
  • Add To Cart Button 
    • Editable
    • Prefilled
    • Placeholder - Add To Cart

Note: Changes made in one tab are automatically reflected in the other tab.

Track Order

• Editable Fields
  • "Track Order" Title is considered as Heading
    • Prefilled
    • Editable
    • Placeholder - Track Order
  • Add to Cart Button
    • Prefilled
    • Editable
    • Placeholder - Add to Cart
  • Clear All Items Button
    • Prefilled
    • Editable
    • Placeholder - Clear All Items

Forgot Password Page

• Editable Fields:
  • “Create your password” Title is considered as Heading
    • Editable
    • Prefilled
    • Placeholder - Create Your Password
  • Description 
    • Prefilled
    • Editable
    • Placeholder - Submit your Username below and we'll send you a special link to your Email Address to create your password.
  • Submit Button
    • Prefilled
    • Editable
    • Placeholder - Submit 
  • Cancel Button
    • Prefilled
    • Editable
    • Placeholder - Cancel