Modal windows for items in a category

[LPI]

I'm trying to use the modal window to do a "quick view" for products on a category display page. Was working fine until I realized the modal was loading the information for the first product on the page for ALL the products on the page. Is there any way to force the modal window to pull the information for each individual item in a category?

[Bruce - PhosphorMedia]

Re: Modal windows for items in a category

Stab in the dark cause no URL...but usually model windows are keyed off of an ID, so make sure you're creating a unique one. Also, when doing this, make sure the model content is created inside the Foreach product loop.

[LPI]

Re: Modal windows for items in a category

Thanks Bruce! I do have the modal within the <mvt:foreach iterator="product" array="category_listing:products"> but should there be another foreach embedded within each individual category listing so the modal window loads the fields for each individual product and not just the first product on the page? or is there a way to adjust the tokens for each product field loaded into the modal window? (here is a link to the page: http://dts2315.mivamerchantdev.com/page/category/title)

Thank you again!! really appreciate the help :)

[Bruce - PhosphorMedia]

Re: Modal windows for items in a category

You have the same ID on every product description content container and activation link:

<a href="#sdesc" role="button" data-toggle="modal"><b>Quick View</b></a>

And

<div id="sdesc" class="modal fade">

they should be something like:

<a href="#qv123454" role="button" data-toggle="modal"><b>Quick View</b></a>


<div id="qv123454" class="modal fade">

where those references are created with something like

div id="qv&mvt:product:id;">

[LPI]

Re: Modal windows for items in a category

Seems so logical in hindsight :) works perfectly! thank you thank you!!!!