Jump to content

Probleme avec images

sabrinafressard
 Share

Recommended Posts

sabrinafressard Newbie

sabrinafressard

Posted
Posted

Bonjour je suis sous prestashop 1.6.0.9.

Depuis quelques temps quand je veux coller un des lien des catégories sur facebook ou autre sites, au lieu d'avoir l'image que j'ai mis en catégorie, ça me met l'image de mon logo.

Comment puis je changer ?

Avant ça me mettez bien l'image de la catégorie mais plus maintenant.

J'ai essayer en rechangeant l'image de la catégorie et en régénérant les images mais ça me fais la même chose

 

Merci de votre aide.

 

www.famillycustomizing.fr

 

Link to comment
Share on other sites
GTL-WEB Newbie

GTL-WEB

Posted
Posted (edited)

Bonjour je suis sous prestashop 1.6.0.9.

Depuis quelques temps quand je veux coller un des lien des catégories sur facebook ou autre sites, au lieu d'avoir l'image que j'ai mis en catégorie, ça me met l'image de mon logo.

Comment puis je changer ?

Avant ça me mettez bien l'image de la catégorie mais plus maintenant.

J'ai essayer en rechangeant l'image de la catégorie et en régénérant les images mais ça me fais la même chose

 

Merci de votre aide.

 

www.famillycustomizing.fr

 

Bonjour,

 

Facebook préconise l'utilisation d'une meta pour lui indiquer qu'elle est l'image à lier lorsqu'un utilisateur partage un contenu :

 

<meta property="og:image" content="http://static01.nyt.com/images/2015/02/19/arts/international/19iht-btnumbers19A/19iht-btnumbers19A-facebookJumbo-v2.jpg" />

 

Source : https://developers.facebook.com/docs/sharing/webmasters

Edited by GTL-WEB (see edit history)
Link to comment
Share on other sites
GTL-WEB Newbie

GTL-WEB

Posted
Posted (edited)

Bonjour,
 

Modifier le fichier /themes/default-bootstrap/header.tpl

Ajouter ce code avant le tag </head> 

{if isset($page_name) && $page_name == 'category'}
<meta property="og:image" content="{$link->getCatImageLink($category->link_rewrite, $category->id_image, 'category_default')|escape:'html':'UTF-8'}" />
{/if}
 
Vider le cache.
 
Si vous n’êtes pas à l'aide dans la modification de fichier, contactez moi par message privé.
Edited by GTL-WEB (see edit history)
Link to comment
Share on other sites
sabrinafressard Newbie

sabrinafressard

Posted
  • Author
Posted

J'ai reussi a faire la modif du coup ca me fait :

<!DOCTYPE HTML>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7 " lang="{$lang_iso}"><![endif]-->
<!--[if IE 7]><html class="no-js lt-ie9 lt-ie8 ie7" lang="{$lang_iso}"><![endif]-->
<!--[if IE 8]><html class="no-js lt-ie9 ie8" lang="{$lang_iso}"><![endif]-->
<!--[if gt IE 8]> <html class="no-js ie9" lang="{$lang_iso}"><![endif]-->
<html lang="{$lang_iso}">
<head>
<meta charset="utf-8" />
<title>{$meta_title|escape:'html':'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 name="generator" content="PrestaShop" />
<meta name="robots" content="{if isset($nobots)}no{/if}index,{if isset($nofollow) && $nofollow}no{/if}follow" />
<meta name="viewport" content="width=device-width, minimum-scale=0.25, maximum-scale=1.6, initial-scale=1.0" /> 
<meta name="apple-mobile-web-app-capable" content="yes" /> 
<link rel="icon" type="image/vnd.microsoft.icon" href="{$favicon_url}?{$img_update_time}" />
<link rel="shortcut icon" type="image/x-icon" href="{$favicon_url}?{$img_update_time}" />
{if isset($css_files)}
{foreach from=$css_files key=css_uri item=media}
<link rel="stylesheet" href="{$css_uri|escape:'html':'UTF-8'}" type="text/css" media="{$media|escape:'html':'UTF-8'}" />
{/foreach}
{/if}
{if isset($js_defer) && !$js_defer && isset($js_files) && isset($js_def)}
{$js_def}
{foreach from=$js_files item=js_uri}
<script type="text/javascript" src="{$js_uri|escape:'html':'UTF-8'}"></script>
{/foreach}
{/if}
{$HOOK_HEADER}
<!--[if IE 8]>
<![endif]-->
{if isset($page_name) && $page_name == 'category'}
<meta property="og:image" content="{$link->getCatImageLink($category->link_rewrite, $category->id_image, 'category_default')|escape:'html':'UTF-8'}" />
{/if}
</head>
<body{if isset($page_name)} id="{$page_name|escape:'html':'UTF-8'}"{/if} class="{if isset($page_name)}{$page_name|escape:'html':'UTF-8'}{/if}{if isset($body_classes) && $body_classes|@count} {implode value=$body_classes separator=' '}{/if}{if $hide_left_column} hide-left-column{/if}{if $hide_right_column} hide-right-column{/if}{if isset($content_only) && $content_only} content_only{/if} lang_{$lang_iso}">
{if !isset($content_only) || !$content_only}
{if isset($restricted_country_mode) && $restricted_country_mode}
<div id="restricted-country">
<p>{l s='You cannot place a new order from your country.'} <span class="bold">{$geolocation_country|escape:'html':'UTF-8'}</span></p>
</div>
{/if}
<div id="page">
<div class="header-container">
<header id="header">
<div class="banner">
<div class="container">
<div class="row">
{hook h="displayBanner"}
</div>
</div>
</div>
<div class="nav">
<div class="container">
<div class="row">
<nav>{hook h="displayNav"}</nav>
</div>
</div>
</div>
<div>
<div class="container">
<div class="row">
<div id="header_logo">
<a href="{$base_dir}" title="{$shop_name|escape:'html':'UTF-8'}">
<img class="logo img-responsive" src="{$logo_url}" alt="{$shop_name|escape:'html':'UTF-8'}"{if isset($logo_image_width) && $logo_image_width} width="{$logo_image_width}"{/if}{if isset($logo_image_height) && $logo_image_height} height="{$logo_image_height}"{/if}/>
</a>
</div>
{if isset($HOOK_TOP)}{$HOOK_TOP}{/if}
</div>
</div>
</div>
</header>
</div>
<div class="columns-container">
<div id="columns" class="container">
{if $page_name !='index' && $page_name !='pagenotfound'}
{include file="$tpl_dir./breadcrumb.tpl"}
{/if}
<div id="slider_row" class="row">
<div id="top_column" class="center_column col-xs-12 col-sm-12">{hook h="displayTopColumn"}</div>
</div>
<div class="row">
{if isset($left_column_size) && !empty($left_column_size)}
<div id="left_column" class="column col-xs-12 col-sm-{$left_column_size|intval}">{$HOOK_LEFT_COLUMN}</div>
{/if}
{if isset($left_column_size) && isset($right_column_size)}{assign var='cols' value=(12 - $left_column_size - $right_column_size)}{else}{assign var='cols' value=12}{/if}
<div id="center_column" class="center_column col-xs-12 col-sm-{$cols|intval}">
{/if}
 
mais ca me met toujours l'image du logo au lieu de l'image de la categorie

J'ai vider le cache prestashop et celui de firefox et ca me fait pareil

Link to comment
Share on other sites
Mediacom87 Grand Master

Mediacom87

Posted
Posted

Bonjour,

 

afin de gérer facilement les images transmissent à FaceBook j'ai fait un module gratuit en ce sens.

 

Celui-ci affiche la couverture des produits sur les pages produits, l'image de la catégorie lorsque celle-ci existe, sinon il affiche le logo.

 

Vous pouvez le retrouver sur mon site : http://www.prestatoolbox.fr/modules-gratuits/246-forcez-l-image-de-partage-facebook.html

 

Attention à 2 choses, il ne faut pas que votre template intègre déjà cette information, sinon il faut retirer l'appel dans le header.tpl de la balise <og:image></og:image> et aussi si vous avez déjà partager une page et qu'après avoir installé le module cela transmet toujours le logo, il faut réinitialiser le cache de Facebook en vous rendant sur l'url suivante https://developers.facebook.com/tools/debug/

Link to comment
Share on other sites
sabrinafressard Newbie

sabrinafressard

Posted
  • Author
Posted

Bonsoir j'ai telecharger votre module mais ca me fait pareil mais j'arrive pas a trouver la ligne qu'il faut que j'enleve a moins que ce soit celle la : <meta property="og:image" content="{$link->getCatImageLink($category->link_rewrite, $category->id_image, 'category_default')|escape:'html':'UTF-8'}" />

{/if}    

Merci de votre reponse.

Et faut il que j'enleve la ligne que l'on ma donner au debut ?

Link to comment
Share on other sites
sabrinafressard Newbie

sabrinafressard

Posted
  • Author
Posted

Donc faut que j'enleve ces 2 lignes ?

- <meta property="og:image" content="{$link->getCatImageLink($category->link_rewrite, $category->id_image, 'category_default')|escape:'html':'UTF-8'}" />

{/if}    

-{if isset($page_name) && $page_name == 'category'}

<meta property="og:image" content="{$link->getCatImageLink($category->link_rewrite, $category->id_image, 'category_default')|escape:'html':'UTF-8'}" />
{/if}
Link to comment
Share on other sites
  • 9 months later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share
Go to topic listing
×
×
  • Create New...