Prestashop Integration video stokke

De Wiki de Romain RUDIGER
Aller à : navigation, rechercher

Intégration vidéo Stokke

Stokke est un fabriquant d'accessoires pour enfant.
Il s'agit d'intégrer l'affichage en popup d'une vidéo du fabriquant au moment où le client décide d'ajouter le produit au panier.

Etape 1 : Ouverture de la popup

Code javascript à ajouter à la fiche produit :

<script lang="javascript">
/**
 * Affiche la popup.
 */
function showStokke() {
	var returnPage = 'http://www.monmagasin.com/returnStokke.php';
	var page = 'http://www.stokke.com/layouts/siibs/movie.aspx?lang=fr&amp;q=high&amp;mime=flash&amp;RETURNSUCCESS='+returnPage;
	window.open (page, 'popup_stokke', config='height=626, width=660, toolbar=no, menubar=no, scrollbars=no, resizable=yes, location=no, directories=no, status=no');
	return false;
}

</script>

Modification de la balise form :

<form id="buy_block" method="post" action="http://www.monmagasin.com/panier.php?submit=true" onsubmit="return showStokke();">


Page php de retour :

<HTML>
	<BODY>
		<SCRIPT>
			window.opener.returnStokkeSuccess();
			window.close();
		</SCRIPT>
	</BODY>
</HTML>

Etape 2 : Retour à la page produit

Le retour à la page produit est géré par la popup.

Etape 3 : Contrôle

Si l'utilisateur a validé les conditions d'utilisation sur la popup alors on passe dans la méthode returnStokkeSuccess().

Code javascript à ajouter à la fiche produit :

<script lang="javascript">
/**
 * Méthode de retour.
 */
function returnStokkeSuccess() {
	document.getElementById('buy_block').submit();
}
</script>

Etape 4 : Redirection

La validation du formulaire redirige l'utilisateur vers son panier.