Перейти к содержимому


Фотография
- - - - -

Вывести в teaser ссылки на модальные окна

teaser modal demo phones

Лучший Ответ 13LTD , 22 January 2016 - 20:47

получите id материала и подставляйте его, он уникален

<?php echo 'id-' . $item->id; ?>
Перейти к сообщению


  • Закрытая тема Тема закрыта
Сообщений в теме: 3

#1 podvarskysa

podvarskysa

Отправлено 22 January 2016 - 19:54

Здравствуйте!

 

Прошу прощения, скорее всего для знающих, мой вопрос будет глупым, но всё же.

 

Хочу вывести в teaser ссылки открывающие модальные окна, модельные окна стандартные uikit-овские

<button class="uk-button" data-uk-modal="{target:'#my-id'}">...</button>

<!-- This is the modal -->
<div id="my-id" class="uk-modal">
<div class="uk-modal-dialog">
<a class="uk-modal-close uk-close"></a>
...
</div>
</div>

содержимое модального окна

echo $this->renderPosition('properties', array('style' => 'list'));

Собственно проблема с которой я столкнулся, не знаю как передать уникальное значение в id модального окна, поэтому любая ссылка открывает у меня содержимое первого товара на странице, так как везде стоит id="my-id"

 

Вопрос: Как записать уникальный id - чтобы при нажатии на ссылку товара №2, открывался контент товара №2?

 

Заранее благодарен за ответ!

 


  • 0

#2 woodman

woodman

Отправлено 22 January 2016 - 20:19

Я вижу тут задачу для JS. Попробуйте погуглить "уникальный идентификатор", есть просто несколько вариантов решения и наиболее подходящий выбирать Вам.

Как пример, вот http://appossum.com/...s-gen-random-id


  • 0

#3 13LTD

13LTD

Отправлено 22 January 2016 - 20:47   Лучший Ответ

получите id материала и подставляйте его, он уникален

<?php echo 'id-' . $item->id; ?>

Сообщение отредактировал 13LTD: 22 January 2016 - 20:56

  • 3

#4 podvarskysa

podvarskysa

Отправлено 23 January 2016 - 08:11

 

получите id материала и подставляйте его, он уникален

<?php echo 'id-' . $item->id; ?>

Стыдно что сам не додумался, спасибо огромное, что не прошли мимо!


  • 0





Темы с аналогичным тегами teaser, modal, demo phones

Click to return to top of page in style!