Educal Course Block

August 30, 2022 ยท View on GitHub

A volto block for educal course block.

Customizable properties

Click to expand!
  1. courseImage (image): URL of the display image for the course block.
  2. tag1 (string): Tag for course that appears in blue background.
  3. tag2(string): Tag for course that appears in pink background.
  4. noOfLessons (string): Number of lessons in the course.
  5. avgRating (string): Average rating of the course.
  6. noOfReviews (string): Total number of reviews for the course.
  7. courseName (string): Name of the course.
  8. authorDisplayPic (image): URL of author picture.
  9. authorName (string): Name of the author.
  10. price (string): Price of the course.
  11. discountedPrice (string): Discounted price of the course.
  12. courseUrl (string): URL to be redirected to after clicking on 'Know more' button.

Example

Configuration

courseImage: '/course-2.jpg'
tag1: 'Finance'
tag2: 'Lifestyle'
noOfLessons: '10'
avgRating '4.50'
noOfReviews: '2'
courseName: 'The Power of Podcast for Storytelling'
authorDisplayPic: '/teacher-1.jpg'
authorName: 'Lewis'
price: 'Free'
discountedPrice: ''
courseUrl: '/'

Output