Developer Portal
HomeAPi References
HomeAPi References
  1. Linked Snipped Code Component Details
  • Start Page
    • Intorduction
    • what Can We Develop in Emole
    • Testing Developing Apps And Code
    • Pricing And Recuring Payment
    • Emole Service Store
    • Join To Emole Services Provider
    • Snipped Code Section
      • Introduction
      • What is Snipped Codes Work With Emole Stores?
      • Emole Full Editor
      • Html Editor
        • What is Html Editor?
        • JavaScript and Css In Editor
        • Snipped Codes in Html Editor
        • Html Tags Develop in Editor
        • BootStrap in Html Editor
        • Using Html Editor
        • Libraries And Packages Used in Emole
      • Css Editor
        • what is Css Editor?
        • Css Editor By Store
        • Css Editor Configuration
        • Store Layout Structure
        • Css References
          • layout Structure Classes Names
          • Global Css
            • How To Change Reset CSS
            • How To Change Global CSS
            • How To Change Global Form CSS
            • How To Change Global (Cart Table, Data Table, Forum Table) Table CSS
            • How To Change Mobile Navigation CSS
          • Header And Footer Sections
            • How To Change Notification & Popup CSS
            • How To Change Header Admin Link CSS
            • How To Change Header CSS
            • How To Change Header Selector CSS
            • How To Change Header Link CSS
            • How To Change Header Lower CSS
            • How To Change Header Logo CSS
            • How To Change Desktop Menu CSS
            • How To Change Header Search Box CSS
            • How To Change Flyout Cart CSS
            • How To Change Footer CSS
            • How To Change Blocks CSS
            • How To Change Breadcrumb CSS
          • Catalog Css
            • How To Change Category Page CSS
            • How To Change Manufacturer Page CSS
            • How To Change Vendor Page CSS
            • How To Change Product Box CSS
            • How To Change Home Page Category CSS
            • How To Change Home Page Category CSS
            • How To Change Home Page Product View Per Row CSS
            • How To Change Product Details Page Product View Per Row CSS
            • How To Change Shopping Page Product View Per Row CSS
            • How To Change Pager CSS
            • How To Change Product Reviews CSS
          • Topics And Pages Css
            • How To Change Wishlist Page CSS
            • How To Change Compare Page CSS
            • How To Change Topic CSS
            • How To Change Contact Page CSS
            • How To Change Email A Friend Page CSS
            • How To Change Registation, Login & Account Pages CSS
            • How To Change Cart Pages CSS
            • How To Change Estimate Shipping Popup Common CSS
            • How To Change Shopping Cart Estimate Shipping CSS
            • How To Change Product Estimate Shipping CSS
            • How To Change Checkout Page CSS
            • How To Change Order Details & Shipping Details Pages CSS
            • How To Change Search Pages CSS
            • How To Change SiteMap Pages CSS
            • How To Change Blog Pages CSS
            • How To Change News Pages CSS
            • How To Change Forum & Profile Pages CSS
            • How To Change BB Codes CSS
      • Linked Snipped Code
        • Intorduction
        • Linked Snipped Code Types
        • Emole Linked Snipped Code Components
        • Linked Snipped Code Component Details
          • Linked Snipped Code Component Details Type
          • CategoryNavigation Details Component
          • CheckoutProgress Details Component
          • CustomerNavigation Details Component
      • Snipped Code Editor
        • Introduction
        • What is Widget Zoom
        • Common Widget Zooms
        • Mechanism for arranging elements
  1. Linked Snipped Code Component Details

CustomerNavigation Details Component

CustomerNavigation Component used to display Customer Menu items in Account Profile Like Profile and Addresses and Orders and So on As shown bellow.
image.png
As You See This Customer Navigation So The Customer Can Go to Customer info or addresses or orders or back in stock or else through this menu item.
This CustomerNavigation component Has one parameter To Specify The Selected tab.
@await Component.InvokeAsync("CustomerNavigation", new { selectedTabId = CustomerNavigationEnum.Info })
The CustomerNavigation Has many Enum Values :
1.
CustomerNavigationEnum.Info:This Tab To show Customer Info Data Like name and email and so one. Also make This Tab Selected as Picture above
2.
CustomerNavigationEnum.Addresses:This Tab To Show Customer Addresses also make the tab selected.
3.
CustomerNavigationEnum.Orders:This Tab To show Customer orders also This make Tab Selected,
4.
CustomerNavigationEnum.BackInStockSubscriptions :This Tab is for Back in Stock Subscriptions also this make tab selected.
5.
CustomerNavigationEnum.RewardPoints:This Tab is Used to Show Reward points of customer that Collected in Store also this make the tab selected.
6.
customerNavigationEnum.ChangePassword
7.
CustomerNavigationEnum.Avatar:To Show and change Customer avater.
8.
CustomerNavigationEnum.ProductReviews:this tab to show all customer products reviews.
9.
CustomerNavigationEnum.MultiFactorAuthentication:This Is Security Tab To Enable or disable two-factore authenticator.
NOTE
Every Navigator Has Hyper Link to Selected Page For Example The Customer info Has Link To Account Info Page in Account profile .
NOTE
This Customer Navigator Component Can Only Work With Account Profile Because All Hyper Link is redirect To Page inside account profile
INFO
This Navigator Is work only with Active Customer Because every Visitor Can not See it until He login to account.
TIP
This Component Have Two Widget the AccountNavigationBefore widget Before Component and other AccountNavigationAfter is After Nivigator So You Can Create Page or ads inside it .
Previous
CheckoutProgress Details Component
Next
Introduction