produits.tpl

[neomega 22]

bonjour,

peel 8.0.3

 

je souhaiterai faire apparaître la description compléte  via le catalogue dans une div masque / affiché au click

j'ai donc mis ceci :

produits.tpl

{literal}
<script type="text/javascript">
	//function to display Popup
    function div_show(){ 
    document.getElementById('prod').style.display = "block";
    }

    //function to hide Popup
    function div_hide(){ 
    document.getElementById('prod').style.display = "none";
    }
</script>
{/literal}
				<button id = "popup" class="button_form" onclick ="div_show()">description</button>
			
				<div id="prod">
					
					<div id="popup_desc"> 
						<!--bouton close-->
						<img src="{$modeles}/popup/images/3.png" id="close" onclick ="div_hide()" />
					    <!--description -->
						 {$prod.description_total}
					</div> 
					 
				</div>

et dans display_product.php

$tmpProd['description_total'] = $product_object->description ;

mais a chaque fois que je clique sur 

<button id = "popup" class="button_form" onclick ="div_show()">description</button>

j'ai toujours la même celle du premier produits ????

 

Modifié (le) 12 juil. 2016 par neomega

[Simon développeur PEEL 0]

Bonjour,

Le problème vient du fait que l'id de la div que vous utilisez en javascript n'est pas unique sur la page. Pour chaque produit, l'id est toujours "prod". Il faut rendre cet id unique, en ajoutant à coté le numéro du produit par exemple :

<div id="prod_{$prod.id}">

Il faudra modifier les fonctions javascript en conséquence.