Radio boutton et Fancybox

Bonjour,

Je travail actuellement sur un site sous Prestashop et je voudrai faire la chose suivante:
Sur la fiche produit, si le client décide de choisir une assistance pour l'installation quand il clique sur "Oui" alors une fancybox apparaît et il peut choisir le type d'installation qu'il souhaite .
J'ai un peu naviguer sur différent forum pour chercher un solution mais san résulat, j'ai trouver sur le net un exemple de ce que je veut: http://jsfiddle.net/HYAxy/2/
Sauf qu'au lieu d'afficher une image ça doit afficher un contenu.

Voila ma Form:

<form>

                    <div style="{if $product->category === "pompes-circulateurs"}display: none !important; {/if}font-size: large">

                    <label class="product-label">{l s='Installation'}</label>

                        <div style="margin-left: 1em;">

                            <input type="radio" id="installoui" value="oui" name="installation">

                            <label for="installoui">{l s='Oui'}</label><br>

                            <input type="radio" id="installnon" value="non" name="installation">

                            <label for="installnon">{l s='Non'}</label><br>

                            <a class="product-sku" href="http://www.google.com" rel="nofollow noopener noreferrer" target="_blank">Comment choisir mon installation ?</a><br>

                        </div>

                      </div>

                  </form>

Mon JS:

    $('document').ready(function(){
      console.log("test");
      $('input[name="installation"]').change(function() {
        var installation= $(this).checked ;
      if(installation == "oui") {
        $.fancybox();
          'content': '<span>INSTALLATION</span>',
        }); // fancybox
      }
      });
    });

Merci d'avance pour vos réponse !