display customizable text only when user selects combination

[stdio]

Hi,

 

I am trying to achieve the following:

 

I have 2 combinations in my shop. Something like Yes/No. Yes increases the price and "No" retains the current product price.

 

What I am trying to achieve is to display the customizable text area only when the combination is selected "Yes". Can someone help me please? I am willing to pay $5 to the person that helps me.

 

Thank you.

 

Edited March 22, 2014 by stdio (see edit history)

[PascalVG]

stio

Do you have  a link for us?

PS. Version 1.??

 

 

pascal

[vekia]

btw.

 

 

Give your topics concise but well explained titles!
Topics titles must be a short description of the message, so that the topic is more easily found while doing a search. Avoid terms like "URGENT", "Help me", etc.

thanks in advance

[stdio]

My apologies. I have edited the title. Still need help. 

 

Edit: I am running Prestashop 1.5.

Edited March 22, 2014 by stdio (see edit history)

[3cubes]

1. in ../themes/yourtheme/js/product.js file put this code inside jquery ready function

$('div#attributes select').change(function(){
if($(this).val() == 6) // where 6 is the number of the attribute group you want to be selected
{
$('.mypopup').fadeIn();
}
});

2. then in product.tpl file you have to put the ".mypopup class div container" somewhere (would recommend to place it at the bottom of div attributes)

<div class="mypopup"> YOUR CUSRTOM TEXT HERE </div>

3. in ../themes/yourtheme/css/global.css  you have to add property for your .mypopup class

.mypopup {display:none;}

Hope this will help you :-)

Edited April 7, 2014 by 3cubes (see edit history)