19 replies to this topic

[itsystem]

Bonjour,

Je cherchai à afficher une vidéo YouTube dans la fiche produit. Pour ce faire, on va exploiter un champ disponible sur la fiche produit : la référence fournisseur.

Pour afficher la vidéo dans le descriptif du produit, nous avons besoin de la référence de la vidéo. Par exemple, une vidéo située à cette adresse a pour référence BlvX9sHPjc4

Ensuite, nous allons saisir la référence de la vidéo dans le champ référence fournisseur.

Enregistrer la fiche produit et voilà que la vidéo s’affiche dans le descriptif du produit.

Comment faire ?
Dans les fichiers du thème graphique, éditer product.tpl qui permet l’affichage d’une fiche produit. A l’endroit ou vous souhaitez afficher la vidéo YouTube, insérer le code suivant :

{if $product->supplier_reference}
<iframe title="YouTube video player" class="youtube-player" type="text/html" width="450" height="290" src="http://www.youtube.com/embed/{$product->supplier_reference}" frameborder="0" allowFullScreen></iframe>
{/if}

supplier_reference correspond à la référence fournisseur mais vous pouvez utiliser tout autre élément de la fiche produit.

Vous pouvez également personnaliser la taille de la vidéo affichée (width="450" height="290").

-

Traduction libre de la méthode donnée par Gabriel Crowe : Embed a #youtube video in #prestashop

:)

[cashmedia]

Bonjour, j'ai aussi vu votre article sur votre site qui est bien fait :). Savez vous ou faut-il placer ce bout de code pour afficher une vidéo en fin de description longue des produits ?

Merci d' avance de votre réponse, bonne continuation!

[itsystem]

Bonjour,

Merci pour la remarque sur mon blog :)

Ce bout de code doit être mis dans product.tpl du theme graphique juste après :

{if $product->description}
    <!-- full description -->
    
{$product->description}

{/if}

C'est-à-dire à la suite de la description longue de la fiche produit.

;)

[cashmedia]

Bonjour, j'ai mis le bout de code au bon endroit et mis la "référence youtube" dans la partie référence fournissuer mais cel ane fonctionne pas, c'est peut-etre du à ma version de prestashop (1.4.1)? sur l'ancienne version il était possible d'jouter des video juste en mettant le lein dans la fiche de description d'un produit, pourquoi ce retour en arrière ?
Merci d' avoir répondut rapidement :)

[itsystem]

Bonjour,

Je ne sais pas pourquoi ce retour en arrière :)
Mais je viens de tester sur PrestaShop 1.4 : l'affichage de la vidéo YouTube se fait bien dans la fiche description de l'article.

Sur le thème livré avec l'installation de PrestaShop, le code donné dans le premier post doit être collé à la ligne 399 du fichier product.tpl, juste après :

    {if $product->description}
        <!-- full description -->
        
{$product->description}

    {/if}

Bonne soirée

;)

[luffyco]

Bonjour, merci pour la méthode mais lorsque l'on affiche l'image produit en plein écran (type box) la vidéo youtube ne se met pas en arrière plan comme le reste de la page.

Peut on modifier une valeur pour regler ce problème?

Merci d'avance.

[alexiafpc]

Bonjour,
Je suis débutante sur prestashop,
j'ai essayé d'intégrer une vidéo youtube (un iframe donc) ainsi que d'autre iframe (lidoli pour un système d'évaluation multicritère à étoile) dans les pages CMS mais impossible d'y arriver, ça ne fonctionne pas.
Que dois-je faire? Pourriez vous m'expliquer ça très concrêtement parce que tout ce que je lis depuis tout à l'heure sur le forum c'est du chinois pour moi...
Merci
Alexia

[itsystem]

From 1308818265:

Bonjour,
Je suis débutante sur prestashop,
j'ai essayé d'intégrer une vidéo youtube (un iframe donc) ainsi que d'autre iframe (lidoli pour un système d'évaluation multicritère à étoile) dans les pages CMS mais impossible d'y arriver, ça ne fonctionne pas.
Que dois-je faire? Pourriez vous m'expliquer ça très concrêtement parce que tout ce que je lis depuis tout à l'heure sur le forum c'est du chinois pour moi...
Merci
Alexia

Bonjour,

Effectivement dans les pages CMS il n'est pas possible d'insérer du code.
C'est pour éviter tout problème de sécurité sur la boutique.

[Maury Girard]

itsystem
Sur la partie anglaise du forum
Il existe un topic qui parle du module Youtube Ici
Autant en profiter

Cordialement,

[itsystem]

Merci pour le lien :)

[oemlibert]

itsystem, on 24 June 2011 - 10:53 AM, said:

Merci pour le lien

Bonjour,
J'ai un petit soucis sur la 1.4.1, l'affichage de la video ne se fait pas et portant c'est juste apres la ligne 422 du product.tpl

[itsystem]

Maury Girard, on 24 June 2011 - 10:17 AM, said:

itsystem
Sur la partie anglaise du forum
Il existe un topic qui parle du module Youtube Ici
Autant en profiter
Cordialement,

Bonjour,

ce module permet d'afficher une vidéo YouTube en page d'accueil Editorial.
Ici dans ce topic, il s'agit d'afficher une vidéo YouTube dans une fiche produit.

@+

[itsystem]

oemlibert, on 15 January 2012 - 11:09 AM, said:

Bonjour,
J'ai un petit soucis sur la 1.4.1, l'affichage de la video ne se fait pas et portant c'est juste apres la ligne 422 du product.tpl

Bonjour,

Je ne sais pas à quoi correspond la ligne 422 : est-ce le thème livré par défaut avec PrestaShop ?

@+

[oemlibert]

itsystem, on 16 January 2012 - 07:50 AM, said:

Bonjour,

Je ne sais pas à quoi correspond la ligne 422 : est-ce le thème livré par défaut avec PrestaShop ?

@+

Oui tout a fait c'est le thème livré par défaut avec prestashop... et cela ne marche pas du tout pas d'affichage vidéo dans les produits...et la ligne 422 correspond au code comme ci indiqué auparavant ligne 399 full description etc....

voici le code : "

{if $product->description}
<!-- full description -->
<div id="idTab1" class="rte">{$product->description}</div>
{/if}
{if $product->supplier_reference}
<iframe width="{$product->width}" height="{$product->height}" src="http://www.youtube.com/embed/{$product->supplier_reference}" frameborder="0" allowfullscreen></iframe>
{/if}

{if $features}

""

Merci...

[itsystem]

Bonjour,

Je viens de faire es manipulations avec le thème livré par défaut pour PrestaShop 1.4.6.2 :

Avant modification : Ligne 421

{if $product->description}
  <!-- full description -->
  <div id="idTab1" class="rte">{$product->description}</div>
{/if}

Après modification : Ligne 421

{if $product->description}
  <!-- full description -->
  <div id="idTab1" class="rte">{$product->description}</div>
		{if $product->supplier_reference}
<iframe title="YouTube video player" class="youtube-player" type="text/html" width="450" height="290" src="http://www.youtube.com/embed/{$product->supplier_reference}" frameborder="0" allowFullScreen></iframe>
{/if}
{/if}

La vidéo YouTube s'affiche bien dans l'onglet "En savoir plus"

Attached Files

•  video-fiche-produit.jpg   99.72K   12 downloads

[oemlibert]

itsystem, on 17 January 2012 - 09:17 AM, said:

Bonjour,

Je viens de faire es manipulations avec le thème livré par défaut pour PrestaShop 1.4.6.2 :

Avant modification : Ligne 421

{if $product->description}
  <!-- full description -->
  <div id="idTab1" class="rte">{$product->description}</div>
{/if}

Après modification : Ligne 421

{if $product->description}
  <!-- full description -->
  <div id="idTab1" class="rte">{$product->description}</div>
		{if $product->supplier_reference}
<iframe title="YouTube video player" class="youtube-player" type="text/html" width="450" height="290" src="http://www.youtube.com/embed/{$product->supplier_reference}" frameborder="0" allowFullScreen></iframe>
{/if}
{/if}

La vidéo YouTube s'affiche bien dans l'onglet "En savoir plus"

Ben ca marche toujours pas, et je tenais a dire que j'ai la version 1.4.3 que m'avais imposé e-clicking...l'hébergeur.. et comprends pas pourquoi ca passe pas..

[itsystem]

Je ne connais pas les particuliarités de ce prestataire mais j'imagine que quelque soit la version de PS ça doit marcher

[oemlibert]

itsystem, on 17 January 2012 - 11:03 AM, said:

Je ne connais pas les particuliarités de ce prestataire mais j'imagine que quelque soit la version de PS ça doit marcher

Ah ben a pas y comprendre ca marche absolument pas... lol j'ai rien qui s'affiche dans en savoir plus

[oemlibert]

oemlibert, on 17 January 2012 - 01:22 PM, said:

Ah ben a pas y comprendre ca marche absolument pas... lol j'ai rien qui s'affiche dans en savoir plus

Par contre je suis passé en 1.4.6.9 cet aprem vais vois si ca s'arrange..

[oemlibert]

oemlibert, on 17 January 2012 - 05:48 PM, said:

Par contre je suis passé en 1.4.6.9 cet aprem vais vois si ca s'arrange..

Bon ben ca marche toujours pas...:'(