Displaying price on learning resources

[jonkafton]

User Story

We display the price of a learning resource alongside a "Certificate" badge where certification is available.

Some courses can be taken for free, but have the option of a paid-for certification.

These courses display as "Certificate" Free, which is misleading as can be interpreted that the certificate is free:

The task is to resolve this with the correct UX and presentation of the data returned from the API. The cost for the certificate should be displayed alongside the certificate badge separately from the price of the resource.

Description/Context

Some details and facts:

• Sloan courses can never be free

• Most MITx courses are Free AND "certificate if you pay"

• When price is missing it should say "Paid"

• The learning resource APIs return free and certification flags

  • free=true: you can take the course for free
  • free=false: you cannot take the course for free
  • certification=true: You can pay for a certificate (this is never free)
  • certification=false: No certificate available (edited)

• https://mitopen.odl.mit.edu/search/?resource=14037 is displayed as follows, but is not free:

  

• Free MITx programs with an option for paid certification should display "Certificate($some_amount) Free": https://mitopen.odl.mit.edu/search/?certification_type=completion&offered_by=mitx&resource_type=program

• Free MITx courses with an options for paid certification are displaying the certification cost as the course cost and should display "Certificate ($49) Free": https://mitopen.odl.mit.edu/search/?certification_type=completion&offered_by=mitx&resource_type=course

• Courses are one of:

  • free with no certificate
  • free with paid certificate option
  • one price includes certificate

Acceptance Criteria

Plan/Design

[ChristopherChudzicki]

Associated slack thread: https://mitodl.slack.com/archives/C03K5HYGPT9/p1718631136889579