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

CheckoutProgress Details Component

CheckoutProgress As you See bellow is for checkout progress that Show upper Shopping Card And also all Checkout process .
image.png
This CheckoutProgress component only display the steps of checkout Not Data.
Every page Showed Bellow it is has own private view for example Addresses page has address view .
This CheckoutProgress component Has one parameter To Specify The step that is CheckoutProgress property as the snipp
The CheckoutProgress Has many Enum Values :
1.
CheckoutProgressStep.Address :For specify Address Page in Checkout
2.
CheckoutProgressStep.Shipping:For specify Shipping Page in Checkout
3.
CheckoutProgressStep.Payment:For specify Payment Page in Checkout
4.
CheckoutProgressStep.Confirm:For specify Confirm Page in Checkout
5.
CheckoutProgressStep.Complete:For specify Complete Page in Checkout
6.
CheckoutProgressStep.Cart:For specify Shopping Card Page in Checkout.
INFO
The CheckoutProgressStep.Cart is The first step in the checkout process steps and this displayed after Customer Open shopping card page.
TIP
This Checkout Progress using Div Tag With class "order-progress" So You Can Change checkout progress Parent style For information look at How To Change Checkout Page CSS
NOTE
The Sub Classes Style is Debend On Theme Style Not Store Style
INFO
You will more Learn About CheckoutProgress Style In Store Theme Section
Previous
CategoryNavigation Details Component
Next
CustomerNavigation Details Component