Jump to content

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


Recommended Posts

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 by calypsoh
résolu (see edit history)
Link to comment
Share on other sites

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 by calypsoh (see edit history)
Link to comment
Share on other sites

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 by calypsoh (see edit history)
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...