Edit History

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, et ont permit de tout bien caler category-image bien au dessus du category-name et du category_description_full, bien centrés.