Afficher la description courtes dans la liste des marques
Prestashop nous permet de renseigner la description des marques mais ces descriptions n’apparaissent pas dans le Template par défaut. Nous allons y remédier par quelques ajouts de ligne de code.
Pour afficher la description courte sur la page, vous pouvez rajouter ces lignes après
<h3> {if $manufacturer.nb_products > 0} <a href="{$link->getmanufacturerLink($manufacturer.id_manufacturer, $manufacturer.link_rewrite)|escape:'htmlall':'UTF-8'}">{/if} {$manufacturer.name|truncate:60:'...'|escape:'htmlall':'UTF-8'} {if $manufacturer.nb_products > 0}</a>{/if} </h3>
Code à rajouter:
<p class="description rte"> {if $manufacturer.nb_products > 0} <a href="{$link->getmanufacturerLink($manufacturer.id_manufacturer, $manufacturer.link_rewrite)|escape:'htmlall':'UTF-8'}">{/if} {$manufacturer.description} {if $manufacturer.nb_products > 0}</a>{/if}</p>
Cela donne donc ceci:
Afficher la description longue et son logo sur la page des marques
Pour afficher la description longue et le logo sur la page manufactured.tpl, il faut rajouter ces lignes de codes :
<div id="logo-manufactred-img"> <img src="{$img_manu_dir}{$manufacturer->id}-large.jpg" alt="{$manufacturer->name|escape:'htmlall':'UTF-8'}" width="200" height="200" title="{$manufacturer->name|escape:'htmlall':'UTF-8'}" /> </div> <div class="description_rte">{$manufacturer->description}</div>
Avec ici le style CSS pour afficher le logo à droite.
Code à rajouter dans global.css
/*AFI Aveyron logo manufactured tlp*/ #logo-manufactred-img{ float : right; padding-right : 0px; margin : 10px;} /*AFI Aveyron logo manufactured tlp fin*/
De même, on sort de la balise H1 le texte « Liste des produits du fabricant : »
Ligne 32
{l s='List of products by manufacturer:'} <h1> {$manufacturer->name|escape:'htmlall':'UTF-8'}</h1>
A vous de mettre en forme comme bon vous semble.
Le code en entier après :
{include file="$tpl_dir./breadcrumb.tpl"} {include file="$tpl_dir./errors.tpl"} {if !isset($errors) OR !sizeof($errors)}
Ligne 32
{*modif affichage description + image + opti H1 AFI Aveyron*} {l s='List of products by manufacturer:'} <h1> {$manufacturer->name|escape:'htmlall':'UTF-8'}</h1> {if $manufacturer->description} <div id="logo-manufactred-img"> <img src="{$img_manu_dir}{$manufacturer->id}-medium.jpg" alt="{$manufacturer->name|escape:'htmlall':'UTF-8'}" width="200" height="200" title="{$manufacturer->name|escape:'htmlall':'UTF-8'}" /> </div> {$manufacturer->description} {/if} {*Fin modif affichage description + image + opti H1 AFI Aveyron*}
Cela donne ceci en image
Le fait de ne pas réutiliser la même description pour la liste de marque et la liste des produits d’une marque supprime de fait le contenu dupliqué. Cela aura pour avantage de pouvoir vous positionner sur les noms de marques.
Bonjour,
Merci beaucoup pour votre post.
Juste une information : est il possible de mettre en page avec des titres en gras, des titres plus gros, etc ?
Bien à vous,
David
Bonjour,
normalement tout ceci ce fait dans l’éditeur de texte dans votre back office.