Oro Documentation
Oro Documentation
  • USERS
  • DEVELOPERS
    • Backend Developer Guide
    • Frontend Developer Guide
    • Bundles & Components
    • Web Services API Guide
    • Community Guide
  • CLOUD
  • BLOG
  • ACADEMY
  • Home >
  • User Documentation >
  • Commerce Storefront >
  • Navigation and UI in the Storefront
  • User Documentation
    • Concept Guides
      • Master Catalog Management
      • Content Management
        • Web Catalog
        • Landing Page
        • Content Blocks
        • Content Widgets
        • WYSIWYG Editor
      • Data Import
      • Product Management
      • Customer Management
      • Customer Permissions
      • Guest Functions
      • Price Management
      • Payment Configuration
      • Shipping Configuration
      • RFQ and Quote Management
      • Order Management
      • Multi-Website Configuration
      • B2C Websites in OroCommerce
      • Tax Management
      • Inventory and Warehouse Management
      • Storefront and Back-Office Menu Management
      • Localization and Translation
        • Translate Content
        • Translate Product Attribute Labels and Options
        • Translate Labels, Options, and Messages
      • Marketing Automation
      • Promotion Management
      • Consent Management
        • Add a Consent Landing Page to a Web Catalog
        • Localize Consents
        • Reports with Accepted Consents
      • Checkout Configuration
      • Search Functions
      • Accessibility
    • Back-Office
      • Getting Started
        • Community vs Enterprise Edition
        • Application Authentication
          • Log In/Out
          • Restore Password
          • Troubleshoot Login Issues
        • User Menu
          • My User
            • Add OAuth Applications
          • My Configuration
          • My Emails
          • My Calendar
        • Navigation
          • Navigation Basics
          • Record Tables (Grids)
          • Shortcuts
          • Company Structure and Organization Selector
          • Pinbar
          • User Menu
          • Extended Menu
          • Sidebar Panel
          • Flash Notifications
          • Dialog Windows
        • Information Management
          • Create a Record
          • Manage Records
            • View Records
            • Edit Records
            • Delete Records
          • Import Records
          • Export Records
          • Add Notes
          • How to Create and View Comments
          • Add Attachments
      • Dashboard
        • Dashboards
        • Widgets
          • Leads Statistics
          • Opportunity Statistics
          • Average Lifetime Sales
          • Campaign Leads
          • Campaigns by Close Revenue
          • Forecast
          • Leads List
          • Opportunities by Lead Source
          • Opportunities by Status
          • Opportunities List
          • Opportunity Generating Campaigns
          • Purchase Funnel
          • Quick Launchpad
          • Recent Calls
          • Recent Emails
          • Recently Accessed Account
          • Recently Accessed Contacts
          • Today’s Calendar
      • Customers
        • Accounts
          • Create an Account
          • Manage Accounts
          • Merge Accounts
          • Import Accounts
          • Export Accounts
        • Contacts
          • Export Contacts
          • Import Contacts
        • Customers
          • Create a Customer
          • Create an Address
          • Export Customers
          • Import Customers
          • Configure Price List per Customer
          • Add All Products Page to Frontend Menus per Customer
          • Customize Frontend Menus per Customer
          • Configure Product Data Export per Customer
        • Customer Groups
          • Configure Price List per Customer Group
          • Add All Products Page to Frontend Menus per Customer Group
          • Customize Frontend Menus per Customer Group
          • Configure Product Data Export per Customer Group
        • Customer Users
          • Export Customer User Details
          • Import Customer User Details
        • Customer User Roles
        • Business Customers
          • Export Business Customers
          • Import Business Customers
        • Customer User Login Attempts
        • Customer User OAuth Applications
      • Sales
        • Leads
          • Create a Lead
          • Manage Leads
          • Qualify a Lead
          • Import Leads
          • Export Leads
        • Opportunities
          • Create an Opportunity
          • Manage Opportunities
          • Import an Opportunity
          • Export an Opportunity
          • Manage Opportunity Workflow
          • Multi-Currency Opportunities
        • Shopping Lists
        • Request for Quote (RFQ)
          • View a Request for Quote Details
          • View Requests for Quote Summary
          • Manage RFQs
          • Use RFQ Workflows
        • Quotes
          • Create a Quote
            • Create a Quote From Scratch
            • Create a Quote on the Customer Request
          • Manage Quotes
          • Send a Guest Quote
          • Use Quotes Workflows
            • Simple Quote Management: Steps and Transitions
            • Quote Management with Approvals: Steps and Transitions
            • Basic Quote Lifecycle Management (When Workflows Are Disabled)
          • Assign a Shipping Method to a Quote
        • Orders
          • Create an Order
          • View Order Details
          • Manage Orders
          • Move an Order Through Its Lifecycle
          • Add a Shipping Tracking Number to the Order
          • View Order Internal Statuses
        • Price Lists
          • Create a Price List
          • Duplicate a Price List
          • Export Prices from the Price List
          • Import Prices Into the Price List
          • Add a Product Price Manually
          • Generate a Product Price Automatically
          • Use Autocomplete
          • Schedule Price Adjustments
          • Manage Prices in Multiple Currencies
        • Payment Terms
        • Sales Territories
      • Products
        • Master Catalog
          • Import Master Catalog Categories Information
          • Export Master Catalog Categories Information
        • Products
          • Products Grid
            • View Product Details
            • Edit a Product
            • Manage Product Pricing
            • Manage Inventory
          • Create a Simple Product
          • Create a Configurable Product
          • Manage Product Visibility
          • Import Product Information
          • Export Product Information
          • Product Units
        • Product Families
          • Create a New Product Family
          • Manage Product Attributes in Product Families
        • Product Attributes
          • Import Product Attributes
        • Product Brands
        • Price Attributes
      • Marketing
        • Marketing Lists
        • Email Campaigns
          • Send an Email Campaign via Mailchimp
          • Send Email Campaign via Dotdigital
          • Manage Dotdigital Data Fields and Mappings
        • Marketing Campaigns
        • Promotions
          • Promotions
            • Create Promotions
            • Add Conditions to Promotions
            • Add Expressions to Promotions
            • Manage Discounts in Orders
            • Calculate Order Total in Promotions
            • Review the FAQs
          • Coupons
            • Manage Coupons in Orders
            • Create a Sample Coupon
            • Export Coupons
            • Import Coupons
        • Tracking Websites
        • Web Catalogs
          • Create a Web Catalog
          • Edit a Web Catalog Content Tree
            • Set Up the Homepage, First Level Menu, and Sub Menus
            • Configure Content Variants for the Content Node
            • Customize Web Catalog Contents for Localization, Customer, Customer Group, or Website
            • Preview Web Catalog
          • Build a Custom Web Catalog From Scratch (Example)
          • Use Web Catalog Nodes as Root Nodes (Example)
        • Landing Pages
        • Content Templates
        • Content Blocks
        • Customer Login Pages
        • Content Widgets
        • Digital Assets
        • Search Synonyms
      • Taxes
        • Product Tax Codes
          • Create a Product Tax Code
          • View Product Tax Code Details
          • Link a Tax Code to a Product
        • Customer Tax Codes
          • Create a Customer Tax Code
          • View Customer Tax Code Details
          • Link a Tax Code to a Customer or Customer Group
        • Taxes (Tax Rates)
          • Create a Tax Rate
          • View and Filter Tax Rates
          • Export Tax Rates
          • Import Taxes Rates
        • Tax Rules
          • Create a Tax Rule
          • View and Filter Tax Rules
          • Export Tax Rules
          • Import Tax Rules
        • Tax Jurisdictions
          • Create a Tax Jurisdiction
          • View and Filter Tax Jurisdictions
      • Inventory
        • Warehouses
        • Manage Inventory Levels
        • Export Inventory Levels and Statuses
        • Import Inventory Levels and Statuses
      • Activities
        • Tasks
          • Create a Task
          • Manage Tasks
        • Calls
        • Contact Requests
        • Cases
        • Calendar Events
          • Add a Calendar Event
          • Manage Calendar Events
      • Reports and Segments
        • Reports
          • Use System Reports
            • Accounts Reports
            • Leads Reports
            • Opportunities Reports
            • Best Selling Products Report
          • Use Custom Reports
          • Reports in Use
        • Segments
        • Filters
      • System
        • Configuration
          • System Configuration
            • General Setup
            • Integrations
            • Websites
          • CRM Configuration
            • Sales Pipeline
          • Commerce Configuration
            • Customer
            • Guests
            • Catalog
            • Design
            • Product
            • Inventory
            • Sales
            • Taxation
            • Payment
            • Search
            • Orders
            • Shipping
          • Marketing Configuration
            • General Setup
          • Configuration Quick Search
        • User Management
          • Users
            • Create a User
            • Manage Users
            • Configure User System Settings
          • Roles and Permissions
            • Entity and System Capabilities
            • Configure User Roles
            • Field Level Permissions
            • Configure End-to-End Access in Context
          • User Groups
          • Business Units
          • Organizations
            • Create an Organization
            • Manage Organizations
            • Add All Products Page to Frontend Menus per Organization
            • Customize Menus per Organization
            • Configure Organization System Settings
          • Login Attempts
          • OAuth Applications
        • Contact Reasons
        • Contact Groups
        • Emails
          • Templates
          • Notification Rules
        • Integrations
          • Manage Integrations: Payment Method Integration
            • Check/Money Order Service
            • Payment Terms
            • PayPal Payment Services
            • Apruve Payment Service
            • Authorize.Net Payments Services
            • InfinitePay Payment Service
            • Ingenico Payment Service
            • Stripe
            • Payments at Checkout
          • Manage Integrations: Shipping Method Integration
            • Flat Rate Shipping Integration
            • Fixed Product Shipping Cost Integration
            • UPS Shipping Integration
            • FedEx Shipping Integration
            • DPD Shipping Integration
            • Multiple Shipping
          • Google Tag Manager Integration
          • Google Tag Manager (GA4) Integration
          • Dotdigital Integration
            • Configure Dotdigital Integration
            • Configure Single Sign-on
          • Mailchimp Integration
          • Zendesk Integration
          • LDAP Integration
          • Embedded Forms
        • Channels
        • Jobs
        • Data Audit
        • Scheduled Tasks
        • Entities
          • Create Entities
          • Manage Entities
          • Create Entity Fields
            • Basic Entity Field Properties
            • Advanced Entity Field Properties
            • Type-Related Entity Field Properties
            • Examples of Creating Custom Entity Fields
          • Manage Entity Fields
        • Tags Management
          • Tags
          • Taxonomies
        • Menus
        • Frontend Menus
          • Edit a Storefront Menu
          • Add All Products Page to Storefront Menus Globally
        • System Calendars
        • Shipping Rules
          • Expression Language for Shipping and Payment Rules
        • Payment Rules
        • Workflows
          • System Workflows
            • Checkout Workflow
            • Alternative Checkout Workflow
            • Single Page Checkout Workflow
            • Quote Workflows
            • RFQ Management Flow Workflow
            • RFQ Submission Flow Workflow
            • Task Flow
            • Unqualified Sales Lead Workflow
            • Contact Request Workflow
          • Custom Workflows
          • Workflow Steps, Transitions, and Attributes
        • Processes
        • System Information
        • Consent Management
        • Websites
          • Configure Website System Settings
            • System Configuration
            • Commerce Configuration
          • Create a Website
          • Manage a Website
          • Configure Price Lists per Website
          • Add All Products Page to Frontend Menus per Website
          • Customize Frontend Menus per Website
        • Localization
          • Languages
          • Translations
          • Localizations
        • Alerts
    • Commerce Storefront
      • Navigation and UI
        • General Layout
        • Common Controls
      • Register and Sign In
        • Create Account
        • Sign In
        • Forgot Password
      • My Account
        • My Profile
        • Address Book
        • Users
        • Roles
        • Shopping Lists
          • Shopping Lists for Registered Users
          • Shopping Lists for Guest Users
        • Requests for Quote
          • Create an RFQ
          • Create a Guest RFQ
        • Order History
        • Previously Purchased Products
        • Quotes
        • Saved Search
        • Manage Payment Profiles (Authorize.Net Customer Profiles)
      • Orders
        • Create an Order
        • Order via Matrix Form
        • Re-Order Products
      • Quotes
        • Accept a Quote
        • Send Guest Quotes
      • Quick Order Form
      • Checkout
        • Multi Page Checkout
        • Single Page Checkout
        • Guest Checkout
        • Promotions at Checkout
      • Cookie Consent Banner
    • Glossary
Version:
5.0 (latest)
  • 3.1
  • 4.1
  • 4.2
  • 1.6
  • 5.1-BETA.1

Navigation and UI in the Storefront

Oro applications offer high flexibility and customization, which means that the user interface of the stores may differ. However, the integral parts that constitute the interface are cross-functional. You can find a list of storefront-wide actions and settings below:

  • General Layout — represents the key elements of the OroCommerce storefront menu navigating you from the top links to footer links, from the user menu to the main menu and quick access menu.
  • Common Controls — illustrates the common tools that help you understand the structure of the web store and find your way from one page to another. With the searching, sorting, filtering, and display options, you can easily browse the website and customize the tables, product records, and other data to represent only the information you require.
Common controls of the OroCommerce storefront

You can also use detailed search auto-complete across the whole storefront. It shows up-to-date product information, such as SKU, name, price, and inventory status.

Search auto-complete illustration
Oro Documentation
  • Oro inc
  • OroCommerce
  • OroMarketplace
  • OroCRM
  • OroPlatform
  • Partners
  • Services
  • Events
  • Twitter
  • Terms & conditions
  • Privacy policy
  • Contributor license agreement

@2021 Oro, Inc. All Rights Reserved.

Back to top