@wowastrom

Как сделать magnific popup для товаров в Opencart?

Проблема состоит в следующем. Необходимо сделать примерно такое окно при нажатие на товар при помощи popup
5a6fd5a94c3ce310499670.png
Но кода я попытался вывести картинку возникает проблема, в том, что выводится всегда именно картинка 1-го товара (на картинки результат при нажатии не на первый товар)
5a6fd619c18a4320809520.png
код вывода popup:

<?php if ($products) { ?>
      <div class="row product-list-row">
        <?php foreach ($products as $product) { ?>
        <div class="product-layout product-list col-lg-4 col-md-4 col-sm-6 col-xs-12">
          <div class="product-thumb">
            <div class="image"><a class="popup-modal" href="#product-modal""><img src="<?php echo $product['thumb']; ?>" alt="<?php echo $product['name']; ?>" title="<?php echo $product['name']; ?>" class="img-responsive" /></a></div>
            
            <div id="product-modal" class="white-popup-block mfp-hide">
               <div class="image"><img src="<?php echo $product['thumb']; ?>" alt="<?php echo $product['name']; ?>" title="<?php echo $product['name']; ?>" class="img-responsive" /></div>
              </div>


Я так понимаю надо писать через скрипт, но может есть по легче способ, или модуль, я вроде гуглил, но не нашёл ничего. Я на этом немного под застрял, так-что любой инфе буду рад.
  • Вопрос задан
  • 1331 просмотр
Решения вопроса 1
denisemenov
@denisemenov
Добавьте уникальный id товара к id модального окна. Сейчас у вас js вызывает первое окно, так как у всех модальных окон одинаковое id.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
summer Ярославль
от 100 000 до 140 000 ₽
КРАФТТЕК Санкт-Петербург
от 60 000 до 80 000 ₽
19 апр. 2024, в 22:48
100 руб./за проект
19 апр. 2024, в 20:43
20000 руб./за проект