Hi,

This is the part of my code:

Code: Select all

<li><a class="titan-lb" href="#inline1" data-titan-group="gallery-misc" title="title"><img src="<cms:show gg_thumb />" /></a></li>
<div id="inline1" class="pop-up" style="display:none;">
<div class="pop-up-image"><img src="<cms:show gg_image />"></div>
<div class="pop-up-description">description</div>
</div>

<li><a class="titan-lb" href="#inline2" data-titan-group="gallery-misc" title="title"><img src="<cms:show gg_thumb />" /></a></li>
<div id="inline2" class="pop-up" style="display:none;">
<div class="pop-up-image"><img src="<cms:show gg_image />"></div>
<div class="pop-up-description">description</div>
</div>

As you can see, I am using inline to insert a simple description in pop-up lightbox. How can I generate a different inline id for different products?

[cheesypoof]

Place a <cms:dump /> tag anywhere to see which variables of interest are available for use. In this case, there are a number of different variables that we could use - k_count, k_page_id, or k_page_name.

Code: Select all

<cms:pages>
    <li>
        <a class="titan-lb" data-titan-group="gallery-misc" href="#inline<cms:show k_page_id />" title="<cms:show k_page_title />"><img src="<cms:show gg_thumb />" /></a>
        <div class="pop-up" id="inline<cms:show k_page_id />" style="display:none;">
            <div class="pop-up-image"><img src="<cms:show gg_image />"></div>
            <div class="pop-up-description">description</div>
        </div>
    </li>
</cms:pages>

Thank you very much. It worked.