Category.tpl

[Regaton]

Bonjour,

 

Je veux modifier la présentation des entête de catégories : image + description.

 

1 - Mettre l'image de background en véritable image (avec balise <img) aligné à gauche grâce a un float left par exemple...

2 - Mettre sur le côté droit le texte de la description de la catégorie.

3 - Mettre toute la description de la catégorie et pas seulement les premiers (350) caractères.

 

Pour cela... Taper dans le fichier category.tpl.

 

Je me trouve confronté à des tours de magie dans le sens ou quand je modifie ce fichier, je ne vois pas les modifications que cela engendre. Pourtant je suis sûr (à 90 % maintenant) que c'est le seul endroit qu'il faut modifier. J'ai vidé et désactivé les caches dans smarty... Rien y fait.

 

Depuis des heures je galère sur ce sujet ça devient l'enfer.

 

Par exemple :

Pour être sûr que je modifie le bon fichier, j'ai supprimé une partie du code de ce fichier pour ne pas afficher les entetes de catégorie, et cela fonctionne. Je remets les ligne de codes, les entetes ne réapparaissent pas ! Je remets le fichier d'origine... Non plus !

 

Je sais plus quoi faire...

 

HELP !!!! 

[Garbus]

Bonjour Regaton,

 

Avez-vous pensé à appuyer simultanément sur Alt+F5 pour vider le cache de votre navigateur web ?

 

Cordialement,

 

Guy.

[Regaton]

Oui merci j'y avais pensé, en revanche c'est bel et bien un pb de cache lié à smarty. J'ai pourtant désactivé dans l'administration ce cache... Bizarre.
pour mes manipulations j'y suis arrivé dans le fichier tpl en question donc tout est parfait !

[octopus69]

Hello,

 

Je cherche également à modifier mes entêtes de catégorie comme tu l'as décrit, car je n'arrive pas simplement à charger une vignette pour ces dernières. Je suis toutefois novices en programmation.

Serait-il possible que tu me transmettes ton fichier category.tpl modifié.

(pour info la version de prestashop de ma boutique est 1.6.0.11).

 

Merci d'avance, meilleures salutations.

 

Alex

[Regaton]

Salut !

 

Il faut le modifier en avec du css pour afficher les choses en fonction de ce que tu veux comme résultat. Et il faut voir les règles de redimensionnement d'image dans prestashop, j'avais modifier à cet endroit aussi pour redimensionner dans la taille que je voulais.

{include file="$tpl_dir./errors.tpl"}
{if isset($category)}
	{if $category->id AND $category->active}
    	{if $scenes || $category->description || $category->id_image}
			<div class="content_scene_cat">
            	 {if $scenes}
                 	<div class="content_scene">
                        <!-- Scenes -->
                        {include file="$tpl_dir./scenes.tpl" scenes=$scenes}
                        {if $category->description}
                            <div class="cat_desc rte">
                            {if Tools::strlen($category->description) > 2000}
                                <div id="category_description_short">{$description_short}</div>
                                <div id="category_description_full" class="unvisible">{$category->description}</div>
                                <a href="{$link->getCategoryLink($category->id_category, $category->link_rewrite)|escape:'html':'UTF-8'}" class="lnk_more">{l s='More'}</a>
                            {else}
                                <div>{$category->description}</div>
                            {/if}
                            </div>
                        {/if}
                    </div>
				{else}
                    <!-- Category image -->
                    <!--<div class="content_scene_cat_bg"{if $category->id_image} style="background:url({$link->getCatImageLink($category->link_rewrite, $category->id_image, 'category_default')|escape:'html':'UTF-8'}) right center no-repeat; background-size:cover; min-height:{$categorySize.height}px;"{/if}>-->
                        <div class="imagecatego">
							<img src="{$link->getCatImageLink($category->link_rewrite, $category->id_image, 'category_default')|escape:'html':'UTF-8'}" />
						</div>
						{if $category->description}
                            <div class="cat_desc">
                            <span class="category-name">
                                {strip}
                                    {$category->name|escape:'html':'UTF-8'}
                                    {if isset($categoryNameComplement)}
                                        {$categoryNameComplement|escape:'html':'UTF-8'}
                                    {/if}
                                {/strip}
                            </span>
                            {if Tools::strlen($category->description) > 2000}
                                <div id="category_description_short" class="rte">{$description_short}</div>
                                <div id="category_description_full" class="unvisible rte">{$category->description}</div>
                                <a href="{$link->getCategoryLink($category->id_category, $category->link_rewrite)|escape:'html':'UTF-8'}" class="lnk_more">{l s='More'}</a>
                            {else}
                                <div class="rte">{$category->description}</div>
                            {/if}
                            </div>
                        {/if}
                    
                  {/if}
            </div>
		{/if}
		<h1 class="page-heading{if (isset($subcategories) && !$products) || (isset($subcategories) && $products) || !isset($subcategories) && $products} product-listing{/if}"><span class="cat-name">{$category->name|escape:'html':'UTF-8'}{if isset($categoryNameComplement)} {$categoryNameComplement|escape:'html':'UTF-8'}{/if}</span>{include file="$tpl_dir./category-count.tpl"}</h1>
		{if isset($subcategories)}
        {if (isset($display_subcategories) && $display_subcategories eq 1) || !isset($display_subcategories) }
		<!-- Subcategories -->
		<div id="subcategories">
			<p class="subcategory-heading">{l s='Subcategories'}</p>
			<ul class="clearfix">
			{foreach from=$subcategories item=subcategory}
				<li>
                	<div class="subcategory-image">
						<a href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'html':'UTF-8'}" title="{$subcategory.name|escape:'html':'UTF-8'}" class="img">
						{if $subcategory.id_image}
							<img class="replace-2x" src="{$link->getCatImageLink($subcategory.link_rewrite, $subcategory.id_image, 'medium_default')|escape:'html':'UTF-8'}" alt="" width="{$mediumSize.width}" height="{$mediumSize.height}" />
						{else}
							<img class="replace-2x" src="{$img_cat_dir}{$lang_iso}-default-medium_default.jpg" alt="" width="{$mediumSize.width}" height="{$mediumSize.height}" />
						{/if}
					</a>
                   	</div>
					<h5><a class="subcategory-name" href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'html':'UTF-8'}">{$subcategory.name|truncate:25:'...'|escape:'html':'UTF-8'|truncate:2000}</a></h5>
					{if $subcategory.description}
						<div class="cat_desc">{$subcategory.description}</div>
					{/if}
				</li>
			{/foreach}
			</ul>
		</div>
        {/if}
		{/if}
		{if $products}
			<div class="content_sortPagiBar clearfix">
            	<div class="sortPagiBar clearfix">
            		{include file="./product-sort.tpl"}
                	{include file="./nbr-product-page.tpl"}
				</div>
                <div class="top-pagination-content clearfix">
                	{include file="./product-compare.tpl"}
					{include file="$tpl_dir./pagination.tpl"}
                </div>
			</div>
			{include file="./product-list.tpl" products=$products}
			<div class="content_sortPagiBar">
				<div class="bottom-pagination-content clearfix">
					{include file="./product-compare.tpl" paginationId='bottom'}
                    {include file="./pagination.tpl" paginationId='bottom'}
				</div>
			</div>
		{/if}
	{elseif $category->id}
		<p class="alert alert-warning">{l s='This category is currently unavailable.'}</p>
	{/if}
{/if}

J'ai remplacé la limite des 350 à 2000 pour prévoir large. Il y a aussi la possibilité de virer la condition mais bon... C'est toi qui voit.