Tabs to Accordion Module

Develop, Build & Integrate CMS Development
1

I am trying to implement the following tab module https://designers.hubspot.com/code-gallery/entry/founders/esparkbizhubspot-Tabs-to-Accordion-Module into a page but I keep getting “This module does not have any editable options.” in the editor.

Here is the page http://www-amarok-com.sandbox.hs-sites.com/fortifeye-0?hs_preview=wIhSjdfw-34235441259

I have tried creating both a local and global module with the same results. I created the module, placed the code from the link above into the new custom module and then dragged the module into my template.

I can see the html on the page but I cannot add tabs via the content editor becouse of “This module does not have any editable options.”

<div class=“tabs-main”>
<div class=“wrapper”>
<ul class=“tabs”>
</ul>
<div class=“tab_container”>
</div>
</div>
</div>

2

Hi r@rix,
Did you add the “widgets” in the sidebar of the module?
The HTML, css and js are not enough for modules.
It should look like this:

30879i5D9706E94039DCDF.jpg
30879i5D9706E94039DCDF.jpg999×508 79.7 KB

Take a look on the right sidebar. Those “widgets” need to be like in the screenshot.
First create a text(headlines) and a rich-text(content) and call them “Tab title” and “Tab Content”. After you’ve created them group them and name the group “tabs accordions”
Best,
Anton

3

Many thanks for your time. I am going to give this a shot today…

Rick

4

Getting closer. The editor is now showing the fields from the module but content placed into the fields from the editor are not displaing in the editor or on the page…also i was expecting an option to add another tab from the content editior:

30906iD6BACE0BB7671EA3.png
30906iD6BACE0BB7671EA3.png400×225 65.7 KB

Here is the module after adding the sidebar widget.

30907i76CBE8C82090952A.png
30907i76CBE8C82090952A.png400×225 82.1 KB

5

Hi @rix, glad to help you.
You’ve most likely didn’t active the repeater function of the group. To do so open the module and edit the group. When you scroll down in the right sidebar you’ll find a checkbox for “repeater-functions”. Click on it and (optional but recommended) select the title option. By doing so you’ll see the single tabs in the module by the Title name and it will be easier for you to manage them.
After enabling (and saving) you should be able to add as many tabs as you want.
Best,
Anton

6

Perfect, everything is working now. Again many thanks for your help…