Jump to content

Déplacer le descriptif des catégories


Recommended Posts

Chers presta-users,

je suis en train de travailler sur ce site : http://faire-part-tc.com/category.php?id_category=5 .

Sur la page que vous donne ce lien, je voudrais que le menu vertical (module lié au thème matrice) soit au même niveau que la description de la catégorie et de l'aperçu des sous-catégories.

Pour l'instant, ces deux éléments sont affichés en pleine page, et le module menu vertical passe toujours en deuxième position...

Je n'arrive pas à trouver le fichier qu'il faut modifier : help !!!

Merci beaucoup pour les quelques minutes que vous pourrez m'accorder.

Théo

Link to comment
Share on other sites

Voila le contenu de category-tree-branch :



{$node.name|escape:'htmlall':'UTF-8'}
{if $node.children|@count > 0}


  • {foreach from=$node.children item=child name=categoryTreeBranch}
    {if $smarty.foreach.categoryTreeBranch.last}
    {include file=$tpl_dir./category-tree-branch.tpl node=$child last='true'}
    {else}
    {include file=$tpl_dir./category-tree-branch.tpl node=$child last='false'}
    {/if}
    {/foreach}

{/if}
Link to comment
Share on other sites

Voici mon header.tpl : quelques chose de choquant ?


<html >
   <head>
       <title>{$meta_title|escape:'htmlall':'UTF-8'}</title>
{if isset($meta_description) AND $meta_description}
       <meta name="description" content="{$meta_description|escape:html:'UTF-8'}" />
{/if}
{if isset($meta_keywords) AND $meta_keywords}
       <meta name="keywords" content="{$meta_keywords|escape:html:'UTF-8'}" />
{/if}
       <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
       <meta name="generator" content="PrestaShop" />
       <meta name="robots" content="{if isset($nobots)}no{/if}index,follow" />
       <link rel="icon" type="image/vnd.microsoft.icon" href="{$img_ps_dir}favicon.ico" />
       <link rel="shortcut icon" type="image/x-icon" href="{$img_ps_dir}favicon.ico" />
{if isset($css_files)}
   {foreach from=$css_files key=css_uri item=media}
   <link href="{$css_uri}" rel="stylesheet" type="text/css" media="{$media}" />
   {/foreach}
{/if}
       [removed][removed]
       [removed]
           var baseDir = '{$content_dir}';
           var static_token = '{$static_token}';
           var token = '{$token}';
           var priceDisplayPrecision = {$priceDisplayPrecision*$currency->decimals};
           var roundMode = {$roundMode};
       [removed]
       [removed][removed]
       [removed][removed]
       [removed][removed]
{if isset($js_files)}
   {foreach from=$js_files item=js_uri}
   [removed][removed]
   {/foreach}
{/if}
       {$HOOK_HEADER}
   </head>

   <body {if $page_name}id="{$page_name|escape:'htmlall':'UTF-8'}"{/if}>
   {if !$content_only}



     {$HOOK_TOP}                    



    <!-- Center -->

   {/if}
avant le if final, mais ça n'a fait qu'empirer les choses ^^.
Link to comment
Share on other sites

comme je le pensé... où est passé le



compare avec le template de base de prestashop et tu verras que tu es sensée avoir un left_column ici.
la il doit sans doute être inséré dans la center.

je ne sais pas comment est fais ce module mais mettre :

               <!-- Left -->


                   {$HOOK_LEFT_COLUMN}



devant



devrait te faire convenir (sachant qu'il va falloir enlever celui déjà appeler dans center_column)

après je n'ai pas le temps d’installer le template mais c'est une piste pour toi
Link to comment
Share on other sites

Bon de manière plus sérieuse :

enléve le div left que je t'ai fait mettre. Retrouver celui qui est contenu dans la div center_column

apelle le left colum avt le



dans
baisse le width a 600px (l 413 et 418 du global.css)
puis enléve le clearleft L81 et rajoute un float:left

tu devrai avoir qqch de mieux

tu devais avoir qqch comme sa :

39393_sl8Ur0ByMGrtDZ8OBnoG_t

Link to comment
Share on other sites

J'ai retrouvé la trace de la colonne de droite et de gauche, dans le footer.tpl

    {if !$content_only}
{$HOOK_LEFT_COLUMN}

{$HOOK_RIGHT_COLUMN}




<!-- Footer -->

{$HOOK_FOOTER}

    {/if}
</body>
</html>



Par contre, aucune trace toujours de la div "list_product" que je cherche à déplacer...

Link to comment
Share on other sites

Bonjour,

j'ai progressé sur mon problème, mais il n'est pas encore résolu.

J'ai rajouté le hook_left_column à la fin de mon header.tpl, et je l'ai supprimé du footer. En modifiant un peu le css pour redimensionner les div, ça fonctionne !

Mais par contre, si je retourne sur la page d'accueil, le module stylé qui fait défiler des photos se retrouve en bas...

Ca te dis quelque chose cher ami ?

Où sont censé être définies les positions des modules ? Par quel fichier sont-ils appelés ?

Au fait, je n'ai pas compris e système des HOO : tu sais comment ça fonctionne ?

Merci infiniement pour ton aide.

Link to comment
Share on other sites

Bonsoir,

sans ouvrir de fichier, vérifie déjà en BO /modules/positions que que les positions des modules sont conformes à l'organisation et à la dénomination des colonnes que tu viens de définir.
Je suis quand même surpris que tu travailles sur colonne Gauche, colonne centre, et colonne droite, alors que la page que tu nous montres ne me semble contenir que 2 colonnes. Une de tes colonnes devrait être neutralisée (droite?), et une autre élargie (centrale);

Si c'est le cas, la largeur disponible sur ta colonne est-elle suffisante pour accueillir le module?

Link to comment
Share on other sites

Merci beaucoup pour ta réponse !

Je viens de trouver une solution, qui a l'air de fonctionner impeccablement :

- j'ai remis le header.tpl et le footer.tpl en état originel,

- j'ai effctué ces modifications sur le global .css :


- Ligne 80 :
Remplacer : #left_column, #right_column {float:left;}
Par : #left_column, #right_column {clear:right;}
- Ligne 413 :
Remplacer : div.list_product {width:920px; margin-bottom:1em; float:left;}
Par : div.list_product {width:650px; margin-bottom:1em; float:right;}
- Ligne 417 :
Remplacer : div.category_img{width:890px;}
Par : div.category_img{width:650px;}
- Ligne 418 :
Remplacer : body#category #subcategories{width:950px; float:left}
Par : body#category #subcategories{width:650px; float:right}


Et ça fonctionne !

Merci à tout les deux pour votre aide. A bientot j'espère.

Théo

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...