Aller au contenu

Articles récents

15
Oct

Faites profiter à vos clients d’un paiement en plusieurs fois !

Il est fréquent de proposer à vos clients la possibilité de régler leurs achats sur votre site en plusieurs fois. Deux modes de paiement sont généralement proposés : le 3 fois CB et le paiement à crédit.

  • Le paiement en 3 fois par carte bancaire, permet à vos clients de payer leurs achats en 3 mensualités prélevées directement sur leur carte bancaire.
  • Le paiement en plusieurs fois est la solution idéale pour vos clients qui souhaitent échelonner leur paiement  sur plusieurs mois. Exemple : en 5 ou 10 mois.

La mise en place d’une solution de paiement e-commerce à de nombreux avantages pour vous. Ceci vous permettra notamment de valoriser vos ventes, développer votre chiffre d’affaires, faciliter la décision d’achat et de fidéliser vos clients.

Franfinance, filiale Société Générale propose deux solutions de paiement en ligne, le 3xWeb et Sprint Secure  qui sont directement téléchargeables sur la Market Place de Prestashop. Ce module est certifié par Prestashop et vous garantit une sécurisation totale des transactions.

Offrir à vos clients ces possibilités de paiement est sans conteste un atout majeur pour développer et pérenniser votre activité e-commerce.

22
May

Afficher une image secondaire au survol des produits sous PrestaShop

Faire apparaitre une deuxième photo de votre produit lorsque le pointeur de la souris de vos clients survol les images de vos produits sur les pages catégories peut-être vraiment utile et augmente réellement l’ergonomie de votre site et peut également accroitre le taux de conversion.

Prestashop ne propose pas cette fonctionnalité c’est pourquoi je vais vous décrire la manipulation de manière la plus simple possible.

La première étape consiste à rajouter une variable à vos objets produit qui contiendra les informations de la deuxième image que nous allons afficher au survol, pour cela il faudra modifier la fonction getProductProperties() en lui rajoutant cette ligne code juste après la ligne 3773 :

$row['id_image2'] = Category::getProductsImgSupp((int)$row['id_product']);

avant :

$row['id_image'] = Product::defineProductImage($row, $id_lang);

après :

$row['id_image'] = Product::defineProductImage($row, $id_lang);
$row['id_image2'] = Category::getProductsImgSupp((int)$row['id_product']);

Dans cette ligne de code, je fais appel à une fonction customisée que j’ai créé dans la classe Category, vous allez également devoir la rajouter, la voici :

public function getProductsImgSupp($product_id)
	{
			$sql = '
			SELECT id_image, id_product from `'._DB_PREFIX_.'image`
			WHERE id_product="'.$product_id.'"
			ORDER BY `position` ASC
			LIMIT 1,1
			';
			$result = Db::getInstance()->ExecuteS($sql);
			return $result[0]['id_product'].'-'.$result[0]['id_image'];
	}

Cette fonction récupère la deuxième image d’un produit dans l’ordre défini dans l’administration.

Nous avons déjà fait le plus gros !

Maintenant il suffit de modifier le fichier template «product-list.tpl» afin de rajouter l’image secondaire.

Exemple :

<img class="img_second" src="{$link->getImageLink($product.link_rewrite, $product.id_image2, 'home_default')}" alt="{$product.legend|escape:'htmlall':'UTF-8'}" {if isset($homeSize)} width="{$homeSize.width}" height="{$homeSize.height}"{/if} />

Utilisez jQuery afin d’afficher l’image secondaire au survol. Rajoutez des classes différentes à vos images 1 et 2 et utilisez la propriété CSS «display» afin d’alterner leur affichage au survol.

Pour vous aider, voici le code javascript que j’ai utilisé pour cela :

<script type="text/javascript">
	$(".product_img_link").hover(
	function () {
		$(this).find('.img_second').toggle();
		$(this).find('.img_first').toggle();
	},
	function () {
		$(this).find('.img_second').toggle();
		$(this).find('.img_first').toggle();
	}
	);
</script>
21
May

Ajouter les Rich Snippets à vos produits PrestaShop !

Vous avez sans doutes déjà remarqué sur les pages de résultats des moteurs de recherche tel que Google, des petits addons tel que le prix d’un produit, son nom, la note des client ou encore la description.

Exemple d’un produit optimisé avec les Google Rich Snippets

rich snippets google produits prestashop

Google n’est pas capable de reconnaître seul quel sont les informations qui concernent vos produits, il est donc nécessaire de lui indiquer si vous souhaitez optimiser l’affichage de vos produits dans les SERP. Votre référencement n’en sera qu’amélioré.

Je vais donc vous indiquer quel sont les éléments à ajouter dans les fichiers templates de PrestaShop pour y arriver.

Nous allons donc indiquer à Google le nom du produit, sa photo, le prix ainsi que la devise.

Commençons par encadrer les informations du produit avec un attribut spécial qui va permettre d’indiquer à Google que les informations contenues à l’intérieur de cette balise concernent un produit.

Ajouter l’attribut suivant à la balise : «primary_block»

La ligne

<div class="clearfix" id="primary_block">

devient

<div class="clearfix" id="primary_block" itemscope="" itemtype="http://schema.org/Product">

Définissez ensuite :

Le nom du produit :

<h1 itemprop="name">{$product->name|escape:'htmlall':'UTF-8'}</h1>

La devise du produit :

<div itemprop="priceCurrency" content="EUR" class="price">

Le prix du produit :

<span  itemprop="price" id="our_price_display">{convertPrice price=$productPrice}</span>

L’image du produit :

<img {if $smarty.foreach.thumbnails.first}itemprop="image"{/if} id="thumb_{$image.id_image}" src="{$link->getImageLink($product->link_rewrite, $imageIds, 'medium_default')}" alt="{$image.legend|htmlspecialchars}" height="{$mediumSize.height}" width="{$mediumSize.width}" />

La description du produit :

<div itemprop="description" id="short_description_content" class="rte align_justify">{$product->description_short}</div>

Vous pouvez maintenant tester vos Rich Snippets produit grâce au service de test fournis par google : Google Structured Data Testing Tool