Как при клике по ссылке открыть модальное окно с необходимым значением на Wordpress?

Question

[Frostik12]

Добрый день, на сайте расположены вакансии через повторитель ACF на Wordpress

<ul class="vacancion__list">

    <?php
    if (have_rows('vacancion', $id)) { // если найдены данные
        while (have_rows('vacancion', $id)) {
            the_row();
    ?>
            <li data-img="<?php the_sub_field('vacancion__img'); ?>" class="vacancion__item">

                <a class="btn-modal" data-path="form-vacancion">
                    <p class="vacancion__item-title"><?php the_sub_field('vacancion__title'); ?></p>
                    <p class="vacancion__item-price"><?php the_sub_field('vacancion__price'); ?></p>
                    <span class="vanacion__item-number">0<?php echo get_row_index(); ?></span>
                </a>
            </li>
    <?php
        }
    }
    ?>
</ul>

Как сделать, чтобы при клике на вакансию, открывалось именно её описание, сейчас открываются сразу описания всех вакансий, вот код модалки

<div class="modal modal--3" data-target="form-vacancion">
               <?php
                        <div class="modal modal--3" data-target="form-vacancion">
    <?php
    if (have_rows('vacancion', $id)) { // если найдены данные
        while (have_rows('vacancion', $id)) {
            the_row();
    ?>
            <p class="vacancion__item-title"><?php the_sub_field('vacancion__descr'); ?></p>
    <?php
        }
    }
    ?>
</div>

Comments

[Антон Литвиненко]

Очевидно, что у всех должен быть разный дата-таргет. И у модалки и у соответствующей ей вакансии. Заведите перед циклом счётчик, который будет увеличиваться каждый раз на 1 и добавляйте эту цифру в цикле и к модалкам и к вакансиям. Ну и разметку придётся чуть поменять