Custom Email Subscription Preference Layout with individual Email Subscription Type as variable

Hello,

As the current layout of the “Email Subscription Preference” page is like below.


Email Subscription Type List

It displays all of the “Email Types” in a single checkbox list.

I’m looking to modify the layout of the page in below layout.


New Layout

After reading through the Hubspot Documentations, I understand that mostly everyone is using the default @hubspot module called “email_subscriptions.module” to list out the “Email Subscription Types” on the page with the following code

{% email_subscriptions "email_subscriptions"
 header="{{ module.header }}",
 header_heading_level="{{ module.header_heading_level }}",
 email_heading_level="{{ module.email_heading_level }}",
 subheader_text="{{ module.subheader_text }}",
 unsubscribe_single_text="{{ module.unsubscribe_single_text }}",
 language_select_label_text="{{ module.language_dropdown_label }}",
 unsubscribe_all_text="{{ module.unsubscribe_all_text }}",
 unsubscribe_all_option="{{ module.unsubscribe_all_option }}",
 unsubscribe_all_unsubbed_text="{{ module.unsubscribe_all_unsubbed_text }}",
 button_text="{{ module.button_text }}",
 resubscribe_button_text="{{ module.resubscribe_button_text }}" %}

As I’m trying to either categorize each of the email types and show in grouped manner, I am trying to get each email type as variable. So, I can code it to look like my desired layout.

however, upon searching through all of the documentations and forum, I couldn’t find anything.

Is there a work-around solution to my layout. Or can anyone help me with a way to get the individual email types in variable.

Thank you!