Purpose: Show the course price dynamically.
Pre-defined Price States
- Free: If the Course is free.
- Price (Sale): If the course is on sale
- Price (Regular): If the course is not on sale
How to Use:
Drag the Price element into your course card or detail layout.
In the Layers Panel, you’ll see child elements representing each possible action state. Customize each state independently — change styles, labels, or icons based on your design.
💡 Keep in Mind
- The prices are fully dynamic and context-aware. It will dynamically fetch the correct pricing based on the course.
- You can style each state independently without breaking functionality.
Use Case: Display inside your course cards on the Course Listing (index) page, or near the CTA on a Course Detail page.