Update to registration page, split each product to its own block [#3042634]

Currently registration happens at this URL, https://2019.tcdrupal.org/register. This page is a "Registerable Event" node. There's a body field for copy and below the Body is a single Product for registration, with multiple payment options (e.g. $50, $75, $150).

https://www.dropbox.com/s/osjwoc4af32irmr/Screenshot%202019-03-23%2012.4...

Change Request:
Instead of 1 product with 3 choices in a dropdown, can we get three products shown, side by side? Similar to a grid of price options you'd see on a site such as a Hosting site?

This will let us highlight each price option better, with an Add to Cart button below each option, and text below each option.

Comments

Comment #1

23 March 2019 at 17:47

minneapolisdan created an issue. See original summary.

Comment #2

minneapolisdan commented 23 March 2019 at 17:47

Title:

Update to registration page, offer two payment tiers

» Update to registration page, split each product to its own block

Comment #3

minneapolisdan commented 25 March 2019 at 01:47

The current Registration is it's own content type (Registerable Event). I don't know the details on how or why this was built this way, but it works. So we could keep that as-is, but instead of listing the products like we do now, could we hide the form on this page, and instead show each Registration Product on its own?

To do this, one idea is:

(1) add a new description field to the Registration Product type and (2) create a View (unordered list, block) that displays each Registration Product in a list, with their own Title, Description, Price and Add to Cart button. (3) add this new block to the Registration page, where I can theme it.

Maybe someone who built the registration originally can weigh in on any potential issues, or other ideas.