0

Как мне задать правильный цикл для модального окна в записи ?

нужно вывести 3 блока товара (каждый блок одна запись) при клике на товар открывается модальное окно с описанием товара и слайдер. Как сделать что разные картины можно было добавить на каждый продукт ?

Я установил платную версию ACF, и попробовал через repeat, но выводится только последняя картина на всех слайдерах, хотя записи разные, для каждого товара одна запись

<div id="myModal" class="modal fade product-info-modal" tabindex="-1" role="dialog">
                      <div class="modal-dialog">
                        <div class="modal-content">
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                          <div class="product-area">
                            <div class="col-md-6">
                              <div class="product-slider">
                              <?php if(get_field('modal_slider')): ?>
                                <div class="flexslider">
                                  <ul class="slides">
                                  <?php while(has_sub_field('modal_slider')): ?>
                                    <li>
                                      <img src="<?php the_sub_field('em_img'); ?>" alt="" />
                                    </li>
                                    <?php endwhile; ?>
                                  </ul>
                                </div> 
                                <?php endif; ?>                                                            
                              </div>
                              </div>
                              <div class="col-md-6">
                                <div class="product-information">
                                  <h1>Название продукта</h1>
                                  <hr>
                                  <p>Очень длинный-длинный текст</p>
                                  <p>Цена: 756874 грн</p>
                                  <p>Очень длинный-длинный текст</p>
                                  <div class="product-buy-btn">
                                    <button type="button" class="btn btn-default" id="btn-buy-1" data-toggle="modal" data-target="#sendRequest">Купить</button>
                                  </div>
                                  <hr>
                                </div>
                              </div>
                            </div>
                            <div class="col-md-12">
                              <div class="product-content">
                                <p>Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные тексты.</p>
                                   <p>Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные тексты.Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные тексты.</p>
                                   <p>+380 00 00 00 00</p>                              
                                   <p>+380 00 00 00 00</p>
                                   <h3>Далеко-далеко за словесными.</h3>
                                   <hr>
                                   <h4>Далеко-далеко за словесными.</h4>
                                     <table class="table table-striped">
                                      <tbody>
                                        <tr>
                                          <td>John</td>
                                          <td>Doe</td>
                                        </tr>
                                        <tr>
                                          <td>Mary</td>
                                          <td>Moe</td>
                                        </tr>
                                        <tr>
                                          <td>July</td>
                                          <td>Dooley</td>
                                        </tr>
                                        <tr>
                                          <td>July</td>
                                          <td>Dooley</td>
                                        </tr>
                                        <tr>
                                          <td>July</td>
                                          <td>Dooley</td>
                                        </tr>
                                        <tr>
                                          <td>July</td>
                                          <td>Dooley</td>
                                        </tr>
                                      </tbody>
                                    </table>                               
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
7
  • Согласно правилам сообщества, вы должны показать свой код. Гадать смысла нет. 7 июн 2018 в 10:24
  • Спасибо, добавил 7 июн 2018 в 10:33
  • А модальное окно где? 7 июн 2018 в 10:54
  • Добавил, посмотрите пожалуйста 7 июн 2018 в 10:56
  • А сайт доступен? 7 июн 2018 в 11:25

2 ответа 2

0

Вы создаёте три модальных окна, все с одинаковым id="MyModal", что вообще-то запрещено по стандарту. А дальше вы на все товары на странице вешаете одинаковый data-target="#myModal". И какого результата вы хотите? На какую кнопку "Подробнее" не нажми, всегда будет выведено одно и то же модальное окно.

Вам надо присвоить модальным окнам разные id, например "MyModal_1", "MyModal_2", "MyModal_3". И в коде кнопок "Подробнее" указывать, соответственно, data-target="#myModal_1", data-target="#myModal_2", data-target="#myModal_3".

2
  • У меня однa модальная окно в коде, по циклу шаблон повторяется, проблема в том что как вывести информацию в цикле правильно что при добавление информации не повторялся. один продукт одна запись, и все записи в одной рубрике 7 июн 2018 в 21:08
  • Используйте переменную цикла, чтобы выводить разные Id и data-target 8 июн 2018 в 4:05
-1

Проблема решена с помощью

$ID = get_the_ID();

Возвращает ID текущего поста в цикле.

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.