Image en description de catégorie

[DevUB]

Bonjour

 

J'aimerais savoir s'il serait possible de modifier le fichier category.tpl pour lui dire d'afficher l'image "Category Cover Image" non pas en temps que fond, mais en temps qu'image à part entière, et donc la placer juste au dessus du texte?
 

Merci!

[Matt K.]

Bonjour

 

Tu dois pouvoir retrouver le lien de ton image ici : https://github.com/PrestaShop/PrestaShop/blob/1.6.1.x/themes/default-bootstrap/category.tpl#L48

 

Ensuite, à toi de l'exploiter dans une balise image et d'ajuster le résultat.

 

Bonne journée! 

[DevUB]

C'est bien ce que je pensais.

Par contre je ne sais pas pourquoi, elle ne veut pas s'afficher >.<

 

j'ai modifié avec une div, car je ne vois pas (désolé ) comment l'apeller avec une balise image

  <!-- Category image -->
					<div class="cat_img style="background:url({$link->getCatImageLink($category->link_rewrite, $category->id_image, 'category_default')|escape:'html':'UTF-8'}) right top no-repeat; background-size:cover; min-height:{$categorySize.height}px;"></div>
      
					<div class="content_scene_cat_bg">
                        {if $category->description}
                            <div class="cat_desc">
                            <h1 class="category-name">
                                {strip}
                                    {$category->name|escape:'html':'UTF-8'}
                                    {if isset($categoryNameComplement)}
                                        {$categoryNameComplement|escape:'html':'UTF-8'}
                                    {/if}
                                {/strip}

La div s'affiche bien, mais pas le background... et je vois pas ou est la coquille :/

[Matt K.]

Tu as oublié un " après cat_img. Mais ce n'est pas la bonne manière de faire car le résultat reviendrait au même que précédemment. 

 

Je pense que ce bout de code devrait fonctionner.

<img src="{$link->getCatImageLink($category->link_rewrite, $category->id_image, 'category_default')|escape:'html':'UTF-8'}" alt="{$category->name|escape:'html':'UTF-8'}"/>

Edited August 7, 2017 by Matt K. (see edit history)

[DevUB]

Yep! Merci Matt♥

Bon par contre j'ai un petit soucis XD

Mon image s'affiche, super! par contre mon image dépasse du cadre.

 

regarde: https://universbrico.com/236-sous-couche-enduit-colle

 

j'ai testé de l'encadrer avec une div et un margin-right, mais ça ne marche pas.

C'est comme si elle était en dehors du flux :/

Edited August 7, 2017 by DevUB (see edit history)

[DevUB]

...

 

Bon la fatigue du Lundi après midi!

 

j'ai réglé cela avec un overflow: hidden

Edited August 7, 2017 by DevUB (see edit history)

[DevUB]

Raaaah!

 

Bon ça marche SAUF que ça me met des ? sur tout les catégories vues que pour l'instant, je n'ai pas encore mis d'image partout XD


Ya moyen de remédier à cela?

 

Voila ma modif pour que tu puisse voir ou j'ai du faire une boulette !

 <!-- Category image -->
					<img src="{$link->getCatImageLink($category->link_rewrite, $category->id_image, 'category_default')|escape:'html':'UTF-8'}" alt="{$category->name|escape:'html':'UTF-8'}"/>
                    <div class="content_scene_cat_bg"{if $category->id_image} style=" background-size:cover; min-height:{$categorySize.height}px;"{/if}>
					<!--   <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}>-->
                        {if $category->description}
                            <div class="cat_desc">
                            <h1 class="category-name">
                                {strip}
                                    {$category->name|escape:'html':'UTF-8'}
                                    {if isset($categoryNameComplement)}
                                        {$categoryNameComplement|escape:'html':'UTF-8'}
                                    {/if}

Edited August 7, 2017 by DevUB (see edit history)

[Matt K.]

Lol de rien. 

 

Tu peux essayer qqchose comme ça : 

{if $category->id_image}
        <img src="{$link->getCatImageLink($category->link_rewrite, $category->id_image, 'category_default')|escape:'html':'UTF-8'}" alt="{$category->name|escape:'html':'UTF-8'}"/>
{/if}

Edited August 7, 2017 by Matt K. (see edit history)

[Eolia]

{if isset($category->id_image)} évite la notice^^

[DevUB]

{if isset($category->id_image)} évite la notice^^

 

Merci Eolia♥ Je teste ça de suite, mais juste pour savoir : c'est quoi la notice ?

*tente de comprendre*

[DevUB]

Re !

 

 

Bon, j'ai testé et... ça me mettais une page blanche XD

Après quelques bidouillage, c'est bon

 

Merci les garçons !!!

[Eolia]

les notices et les warning sont toutes les erreurs minimes qui remplissent l'error.log du serveur

les Fatal Errors, elles, sont plus graves car elles provoquent une page blanche^^

 

Enfin, en règle générale, un error.log devrait toujours être vide (mais c'est rarement le cas vu l'écriture de certains codes^^)

 

https://www.tutorialrepublic.com/php-reference/php-error-levels.php

[MT Studio]

On 07/08/2017 at 3:38 PM, Matt K. said:

Tu as oublié un " après cat_img. Mais ce n'est pas la bonne manière de faire car le résultat reviendrait au même que précédemment. 

 

Je pense que ce bout de code devrait fonctionner.

<img src="{$link->getCatImageLink($category->link_rewrite, $category->id_image, 'category_default')|escape:'html':'UTF-8'}" alt="{$category->name|escape:'html':'UTF-8'}"/>

 

Merci, vous avez résolu mon problème.
J'ai juste un petit détail, l'image prend la catégorie par défaut 'category_default'.
Comment je peux forcé l'affiche de l'image d'une autre catégories lorsque celle-ci est sélectionné et pas forcément en catégorie par défaut ?
Merci d'avance.