How to add a "Add +" button when creating a Module

dev_cody — Thu, 15 Jun 2023 19:52:41 GMT

Hello!

I am working on creating my first custom module - A simple flex box container that will have product cards in it.

Whenever I am looking at other custom modules, I usually see an "Add +" button to create, say, another card and add it to the list of cards. How can I add something like this to my module?

I was looking over other modules that are built like this, but I don't see any options or settings to get this done. I thought it might have been added whenever I group the fields together, but I can't seem to figure it out.

Any advise would be great! Here is the module code that I was trying to work with:
{% for item in module.cards %}
<div class="card">
<h1>{{ item.card_title }}</h1>
{{ item.card_content }}
</div>
{% endfor %}

My module group is called "cards" and the fields I have in the module are card_title and card_content.

Thanks!

Re: How to add a "Add +" button when creating a Module

BarryGrennan — Fri, 16 Jun 2023 04:31:23 GMT

Repeater Fields

Barry Grennan

Freelance HubSpot CMS Developer

Website | Contact | LinkedIn

Re: How to add a "Add +" button when creating a Module

dev_cody — Fri, 16 Jun 2023 12:50:05 GMT

Thank you, Barry!

topic Re: How to add a "Add +" button when creating a Module in CMS Development

How to add a "Add +" button when creating a Module

Re: How to add a "Add +" button when creating a Module

Re: How to add a "Add +" button when creating a Module