Jump to content

[MODULE][GRATUIT] Un Bouton Facebook ‘Like’ sur la fiche produit

Cédric

By Cédric
in Appels d'offres et prestations

 Share

Recommended Posts

Cédric Newbie

Cédric

Posted
Posted

Affichez un bouton Facebook [J'aime] à vos pages Prestashop. Le module est réalisé avec 3 hooks.

Il permet d'afficher le bouton soit dans la fiche produit, soit dans la colonne de gauche/droite, soit encore en page d'accueil.

Particularité pour les pages produits: affiche une bulle info dans facebook avec le nom, la description, l'image et le lien du produit. Crée également un lien interne facebook pour l'objet.

Il est possible d'amélioré le module, notamment par rapport à la génération de la bulle en fonction de la page relative (produit, catégorie, home, etc...). J'attends vos commentaires à ce propos.

http://boutique.isigny.org/module-outils-prestashop/57-facebook-like.html

Si ce module vous plaît, si vous souhaitez soutenir mon développement, vous pouvez toujours me faire un don ;-)

@++

Link to comment
Share on other sites
  • 1 month later...
Vinc3nzo Newbie

Vinc3nzo

Posted
Posted

Bonjour,

Ou trouve t'on le header.tpl a modifier svp?? dans notre theme??
J'ai essayer mais impossible d'éditer sous Mac. Ca exécute le code on dirait c'est bisard. Bref!

Avez vous une autre solution pour pouvoir éditer sus Mac le fichier Header.tpl?

Pouvez vous ajoutez l'ajout des image des personne qui aime ? :-)

Merci Beaucoup d'avance! J'ai un autre iLike, mais le souci c'est que quand je fait "j'aime" il m'affiche le lien du produit sur facebook, et non le nom du produit ou image du produit. :/

Si vous voulez ameliorer je suis la pour tester. :)

Link to comment
Share on other sites
Vinc3nzo Newbie

Vinc3nzo

Posted
Posted

Bon, j'ai résolu mon soucis, de fichier, j'ai ouvert avec VMWARE. Bref!

Le soucis pour ajouter ces 2 lignes est présent, je les colles dedans, mais ça ne focntionne pas.

Voici mon header.tpl, merci de me dire ou ajouter exactement les 2 lignes de code comme indiqué dans le module. 



<html >
   <head>

       <title>{$meta_title|escape:'htmlall':'UTF-8'}</title>
{if isset($meta_description) AND $meta_description}
       <meta name="description" content="{$meta_description|escape:html:'UTF-8'}" />
{/if}
{if isset($meta_keywords) AND $meta_keywords}
       <meta name="keywords" content="{$meta_keywords|escape:html:'UTF-8'}" />
{/if}
       <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
       <meta name="generator" content="PrestaShop" />
       <meta name="robots" content="{if isset($nobots)}no{/if}index,follow" />
       <link rel="icon" type="image/vnd.microsoft.icon" href="{$img_ps_dir}favicon.ico" />
       <link rel="shortcut icon" type="image/x-icon" href="{$img_ps_dir}favicon.ico" />
{if isset($css_files)}
   {foreach from=$css_files key=css_uri item=media}
   <link href="{$css_uri}" rel="stylesheet" type="text/css" media="{$media}" />
   {/foreach}
{/if}
       [removed][removed]
       [removed]
           var baseDir = '{$content_dir}';
           var static_token = '{$static_token}';
           var token = '{$token}';
           var priceDisplayPrecision = {$priceDisplayPrecision*$currency->decimals};
           var roundMode = {$roundMode};
       [removed]
       [removed][removed]
       [removed][removed]
       [removed][removed]
{if isset($js_files)}
   {foreach from=$js_files item=js_uri}
   [removed][removed]
   {/foreach}
{/if}
       {$HOOK_HEADER}
   </head>

   <body {if $page_name}id="{$page_name|escape:'htmlall':'UTF-8'}"{/if}>
   {if !$content_only}



     {$HOOK_TOP}                    



    <!-- Center -->

   {/if}
Link to comment
Share on other sites
Vinc3nzo Newbie

Vinc3nzo

Posted
Posted

Aaaaah !! D'accord!!! Merciii!!

Moi j'avais ajouté juste après <HTML>.

Par-contre, c'est toujours pareil, j'ai toujours d'afficher "J'aime" sur homefeatured, right column, product list, tout en pied page partout. :/

D'où peut venir le soucis??

Merci d'avance !! :D

Link to comment
Share on other sites
Cédric Newbie

Cédric

Posted
  • Author
Posted

Alors, il n'y a pas de souci en fait.

J'ai prévu de multiples points d'ancrages pour que vous puissiez le placer où vous le souhaitez.

Pour gérer l'emplacement, il faut vous rendre dans l'admin de votre prestashop, onglet modules puis position. Là, vous pouvez supprimer les et gérer les exceptions d'emplacement du module. (exemple ne laisser que le point d'ancrage dans la page produit).

Link to comment
Share on other sites
Vinc3nzo Newbie

Vinc3nzo

Posted
Posted

-

Je me disait bien que ya pas de raison que ca fasse cela! Pourtant avant j'avais jeter un oeil et j'ai aperçu qu'il était bien là où je voulais le mettre, mais enfaite, du coup j'ai pas vu les autres, étant habitué a chercher un icône BLEU FACEBOOK, je voyais pas les autres.

Merci beaucoup! :) ca fonctionne! :)

Je vais essayer d'ajouter les visages de ceux qui "aime" :)

Link to comment
Share on other sites
Vinc3nzo Newbie

Vinc3nzo

Posted
Posted

-

Par-contre j'ai un message "ERREUR" qui s'affiche quand je clique "J'aime" et quand je clique "je n'aime plus" il ne décompte pas le nombre de personne qui on aime. :/

Et, ce n'ai pas fini, le lien du produit est affiché au lieux du nom du produit.

HELP :(

Link to comment
Share on other sites
Cédric Newbie

Cédric

Posted
  • Author
Posted

Il faut savoir une chose, le bouton utilise une application facebook: LIKE

Si celle-ci est modifiée, en maintenance, en évolution ou autre cela peut faire disfonctionner le module.
Ensuite, dans le panneau de configuration du module, il faut mettre votre id facebook
exemple: lorsque vous cliquez sur le bouton profil de votre page facebook, vous obtenez un lien tel que:

(1814305178, c'est le mien)

Reportez cette valeur dans votre configuration de module. Cela vous permettra de gérer des pages facebook consacrées à vos produits.

Enfin, ajoutez-bien les entêtes html à votre header.tpl AVANT TOUT. Car l'application facebook met en cache vos pages et donc les informations associées aux produits. Donc si vous avez dit que vous aimiez un produit avec un autre module OU avec ce module sans changer les entêtes html, facebook n'affichera pas les données correctement. Je ne sais pas comment vider ce cache, ou combien de temps il est valable.

Voilà, il ne reste plus qu'à prendre votre mal en patience :-)
Link to comment
Share on other sites
Cédric Newbie

Cédric

Posted
  • Author
Posted

Alors,

Pour ceux qui auraient chargé le module et n'obtenu qu'un message d'erreur suite à un clique sur le bouton, le bug vient d'être corrigé.

Il s'agissait d'un problème sur l'url de référence envoyée à facebook (url de référence étant la page dans laquelle se trouve le bouton). l'url est désormais "réécrite" et url encodée.

@++

Link to comment
Share on other sites
  • 1 month later...
Mister Trend Newbie

Mister Trend

Posted
Posted

Bonjour à tous.

Merci pour ce module très sympa.
Par contre j'ai un soucis, au clic sur "j'aime" il affiche un message "ERREUR" car le lien vers le produit est tronqué En effet, il me rajoute mon nom de domaine devant le produit :
La page à l’adresse http://www.cadeaux-et-tendances.com/www.cadeaux-et-tendances.com/22-cadeau-housse-enveloppe-portable-et-ipad.html n’est pas accessible.

Merci pour votre aide.

Link to comment
Share on other sites
Cédric Newbie

Cédric

Posted
  • Author
Posted

Bonjour,

Ci-dessus, un problème récurrent constaté. Voici en fait la solution, absolument pas lié au module en dépit des apparences, le module ne fait que révéler le problème.

Vous avez un tag link rel="canonical"
qui devrait être de la forme:
<link rel="canonical" href="http://www.webrankinfo.com/dossiers/techniques/url-canonique" />

il manque le http://. Je pense que facebook utilise cette info en priorité et donc la prend pour une relative (ce qui est normal).

Je ne sais pas où cela se régle. Mais bon voilà la piste à suivre, qui n'en sera que meilleure pour votre référencement.

Bien cordialement,

Link to comment
Share on other sites
Mister Trend Newbie

Mister Trend

Posted
Posted

Merci pour votre aide.

En fait, le module révélait une erreur qui apparait également dans mes stats, pages introuvables à savoir :
http://www.example.com/www.example.com/-x-produit.html

Bien que cela fonctionne, il s'agit d'une erreur sur le forcage de la redirection de example.com vers www.example.com

La solution: respecter scrupuleusement cette syntaxe (pour ceux hébergés chez 1&1;en tout cas)

# URL rewriting module activation
RewriteEngine on
RewriteCond %{HTTP_HOST} ^example.com$
RewriteRule ^(.*) http://www.example.com/$1 [QSA,L,R=301]
RewriteBase /

Link to comment
Share on other sites
  • 2 weeks later...
Homer51 Newbie

Homer51

Posted
Posted
J'ai mis à disposition un module urlcanonical patché.

disponible là:
URL Canonical

@++


Bonjour Cédric,

J'ai testé ton patch mais il y a semble t'il un problème lors de l'ajout du module, cela bloque systématiquement la liste complète des modules, n'y a t'il pas une erreur sur les ' public function ' et 'function' ?

J'ai corrigé qq lignes ' function ' mais je ne suis pas sur de mon coup...

et j'ai toujours 'erreur' avec le bouton :(
Link to comment
Share on other sites
  • 5 months later...
  • 1 year later...
joept69 Explorer

joept69

Posted
Posted

Salut à tous,

 

j'ai bien ajouté les lignes qu'il fallait ajouter dans le header.tpl

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="{$lang_iso}" xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml">
   <head>

 

Mais je ne vois aucun "Facebook like" nulle part, sur aucune page...

Le thème que j'utilise est un thème gratuit de Prestashop = free2

 

Si quelqu'un a une idée, je suis preneur... :)

 

Joe

Link to comment
Share on other sites
Guest
This topic is now closed to further replies.
 Share
Go to topic listing
×
×
  • Create New...