MIGX-like component creation in Fred?

I’m trying to create one of those stereotypical sections with a title and some cards beneath it. My MODX instincts say “use MIGX” but I can’t just make a MIGX input in Fred. I tried doing nested drop zones (A section with a drop zone inside of it) but I am unable to edit the settings of the card in the nested drop zone.

Is there a way to get this repeated component done?

<section class="bg-">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-8 col-md-10 text-center">
                <h2>{{ title }}</h2>
                <p>{{ text }}</p>
            </div>
            <div class="col-12">
                <div class="row justify-content-center" data-fred-dropzone="cards">
                    <!-- cards get dropped here -->
                </div>
            </div>
        </div>
    </div>
</section>

Yes, this is the way to do it.
One container-element with the dropzone and another element for a card.


There is an example in the PDF linked here: Cooking with MODX - Fred Themes (“Cards Container” and “Cards”)

1 Like