[résolu] Categorie - détacher image et texte du titre sans toucher au référencement

[calypsoh]

Bonjour à tous.

[pas certains de poser cette question dans la bonne rubrique...]

Version de PrestaShop 1.6.1.24
Nom du thème utilisé default-bootstrap (modifié)
Version du logiciel serveur Apache
Version de PHP 7.1
Version de MYSQL v.5.6

 

J'aimerais sortir le texte de catégorie de l'image de catégorie, en le plaçant en dessous.

Selon moi, ça se passe dans le category.tpl, entre

{if $scenes || $category->description || $category->id_image}
43 lignes en dessous
{/if}

Qui prends en compte la Scenes et le Category image.

Je ne connais pas encore bien le PHP, j'ai testé pas mal de déplacement (supprimer, déplacer et sortir les différents div) mais je n'y arrive pas.

Si quelqu'un pouvait me donner un petit coup de main, idéalement un léger coup de pouce pour m'aiguiller sur une piste 😉

 

Merci !

Edited April 27, 2020 by calypsoh
résolu (see edit history)

[calypsoh]

Je viens de remarquer que mon post est en double, certainement une mauvaise manip de ma part. Au moment de valider le post, le chargement à été vraiment très long, et est passé en erreur, j'ai certainement fait un retour en arrière pour ne pas perdre le texte... Désolé.
Un·e admin pour virer l'un des deux SVP ?

Edited April 24, 2020 by calypsoh (see edit history)

[calypsoh]

Résolu !

Petit retour.

Afin de placer le texte de catégorie en dessous de l'image, sans pour autant atteindre le référencement (référence thème default-bootstrap sous 1.6.1.24)

1 - J'ai mis sous argument les lignes 32 et 33

<!-- Scenes
                        {include file="$tpl_dir./scenes.tpl" scenes=$scenes} -->

2 - J'ai modifié le div de "content_scene_cat_bg" de Category image de la ligne 47 à 72 ainsi :

                    <div class="content_scene_cat_bg">
                      
                               
                      
                      
                      
							<!-- Category image -->
							{if $category->id_image}
							<div class="category-image hidden-xs col-xs-12 col-sm-5 col-md-4 col-lg-3">
								<img class="img-responsive" src="{$link->getCatImageLink($category->link_rewrite, $category->id_image, 'category_default')|escape:'html':'UTF-8'}" alt="{$category->name|escape:'html':'UTF-8'}" />
							</div>
							{/if}

                      
                      
                      
                      
                        {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) > 350}
                                <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}
                     </div>
                  {/if}
            </div>
		{/if}

Ce qui a permis de détacher l'image du texte.

3 - Quelques float, display block et width sur category-image, ont permit de tout bien caler category-image bien au dessus du category-name et du category_description_full, bien centrés.

 

Edited April 27, 2020 by calypsoh (see edit history)