Supprimer des Hook

[WillFrite]

Salut à tous!

 

Voilà, j'aimerais personnaliser un petit peu l'implantation de ma boutique.

Concretement, je voudrais faire en sorte que la colonne de droite passe à gauche, obliger tout les nouveaux modules à s'implanter à gauche, et augmenter la taille du contenu central pour occuper l'espace libéré à droite.

 

 

Vous pensez pouvoir m'aider les copains?

[Szed]

En fait, vous voulez afficher le Hook Right Column à la place du Hook Left Column ?
Vous pouvez faire cela simplement dans votre header.tpl.

Et il suffit ensuite de supprimer la colonne de droite dans le footer.tpl

 

Concernant la colonne centrale, cela dépend de votre thème.

Le thème par défaut utilise il me semble un système de 'grid' (sur une base de 9). 

Dans ce cas la, il vous suffit de remplacer la classe grid_5 par grid7, sur la colonne centrale.

 

Vous aurez donc : 

Une colonne à gauche (grid_2) + colonne centrale (grid_7)

au lieu de :

Une colonne à gauche (grid_2) + colonne centrale (grid_5) + colonne droite (grid_2)

 

Sinon, avec un lien, on pourrait être plus précis !

[WillFrite]

Oui c'est éxactement ça, transférer la Right Column sur la Left Column

 

Pour la taille du contenu central, c'est dans le tpl header aussi?

[WillFrite]

Que dois-je modifier dans le header?

[WillFrite]

Par Exemple, si je supprime directement  

<div id="right_column" class="column grid_2 omega">

<!-- MODULE Block new products -->

<div id="new-products_block_right" class="block products_block">

<p class="title_block"><a href="http://127.0.0.1/prestashop_1.5.6.1/prestashop/index.php?controller=new-products" title="Nouveaux produits">Nouveaux produits</a></p>

<div class="block_content">

<ul class="product_images clearfix">

<li class="first"><a href="http://127.0.0.1/prestashop_1.5.6.1/prestashop/index.php?id_product=4&controller=product" title="macbook-air-4"><img src="http://127.0.0.1/prestashop_1.5.6.1/prestashop/img/p/6/6-medium_default.jpg" height="58" width="58" alt="macbook-air-4"></a></li>

<li><a href="http://127.0.0.1/prestashop_1.5.6.1/prestashop/index.php?id_product=3&controller=product" title="macbook-air-1"><img src="http://127.0.0.1/prestashop_1.5.6.1/prestashop/img/p/1/1-medium_default.jpg" height="58" width="58" alt="macbook-air-1"></a></li>

</ul>

<dl class="products">

<dt class="first_item"><a href="http://127.0.0.1/prestashop_1.5.6.1/prestashop/index.php?id_product=4&controller=product" title="MacBook">MacBook</a></dt>

<dd class="first_item"><a href="http://127.0.0.1/prestashop_1.5.6.1/prestashop/index.php?id_product=4&controller=product">MacBook vous offre la liberté de mouvement grâce à son boîtier résistant...</a><br><a href="http://127.0.0.1/prestashop_1.5.6.1/prestashop/index.php?id_product=4&controller=product" class="lnk_more">Lire plus</a></dd> <dt class="item"><a href="http://127.0.0.1/prestashop_1.5.6.1/prestashop/index.php?id_product=3&controller=product" title="MacBook Air">MacBook Air</a></dt>

<dd class="item"><a href="http://127.0.0.1/prestashop_1.5.6.1/prestashop/index.php?id_product=3&controller=product">MacBook Air est ultra fin, ultra portable et ultra différent de tout le...</a><br><a href="http://127.0.0.1/prestashop_1.5.6.1/prestashop/index.php?id_product=3&controller=product" class="lnk_more">Lire plus</a></dd> <dt class="item"><a href="http://127.0.0.1/prestashop_1.5.6.1/prestashop/index.php?id_product=7&controller=product" title="Écouteurs à isolation sonore Shure SE210">Écouteurs à isolation sonore Shure SE210</a></dt>

<dd class="item"><a href="http://127.0.0.1/prestashop_1.5.6.1/prestashop/index.php?id_product=7&controller=product">Les écouteurs à isolation sonore ergonomiques et légers offrent la...</a><br><a href="http://127.0.0.1/prestashop_1.5.6.1/prestashop/index.php?id_product=7&controller=product" class="lnk_more">Lire plus</a></dd> <dt class="item"><a href="http://127.0.0.1/prestashop_1.5.6.1/prestashop/index.php?id_product=5&controller=product" title="iPod touch">iPod touch</a></dt>

<dd class="item"><a href="http://127.0.0.1/prestashop_1.5.6.1/prestashop/index.php?id_product=5&controller=product">Interface multi-touch révolutionnaireÉcran panoramique couleur de 3,5...</a><br><a href="http://127.0.0.1/prestashop_1.5.6.1/prestashop/index.php?id_product=5&controller=product" class="lnk_more">Lire plus</a></dd> <dt class="last_item"><a href="http://127.0.0.1/prestashop_1.5.6.1/prestashop/index.php?id_product=6&controller=product" title="Housse portefeuille en cuir (iPod nano) - Noir/Chocolat">Housse portefeuille en cuir (iPod nano) - Noir/Chocolat</a></dt>

<dd class="last_item"><a href="http://127.0.0.1/prestashop_1.5.6.1/prestashop/index.php?id_product=6&controller=product">Cet étui en cuir tendance assure une protection complète contre les...</a><br><a href="http://127.0.0.1/prestashop_1.5.6.1/prestashop/index.php?id_product=6&controller=product" class="lnk_more">Lire plus</a></dd> </dl>

<p><a href="http://127.0.0.1/prestashop_1.5.6.1/prestashop/index.php?controller=new-products" title="Tous les nouveaux produits" class="button_large">» Tous les nouveaux produits</a></p>

</div>

</div>

<!-- /MODULE Block new products --><!-- MODULE Block specials -->

<div id="special_block_right" class="block products_block exclusive blockspecials">

<p class="title_block"><a href="http://127.0.0.1/prestashop_1.5.6.1/prestashop/index.php?controller=prices-drop" title="Promotions">Promotions</a></p>

<div class="block_content">

 

<ul class="products clearfix">

<li class="product_image">

<a href="http://127.0.0.1/prestashop_1.5.6.1/prestashop/index.php?id_product=1&controller=product"><img src="http://127.0.0.1/prestashop_1.5.6.1/prestashop/img/p/1/5/15-medium_default.jpg" alt="iPod Nano" height="58" width="58" title="iPod Nano"></a>

</li>

<li>

<span class="reduction"><span>-5%</span></span>

 

<p class="s_title_block"><a href="http://127.0.0.1/prestashop_1.5.6.1/prestashop/index.php?id_product=1&controller=product" title="iPod Nano">iPod Nano</a></p>

<span class="price-discount">199,00 €</span>

<span class="price">189,05 €</span>

</li>

</ul>

<p>

<a href="http://127.0.0.1/prestashop_1.5.6.1/prestashop/index.php?controller=prices-drop" title="Toutes les promos">» Toutes les promos</a>

</p>

</div>

</div>

<!-- /MODULE Block specials --> <!-- Block CMS module -->

<!-- /Block CMS module -->

<!-- Block stores module -->

<div id="stores_block_left" class="block">

<p class="title_block"><a href="http://127.0.0.1/prestashop_1.5.6.1/prestashop/index.php?controller=stores" title="Nos magasins">Nos magasins</a></p>

<div class="block_content blockstore">

<p class="store_image"><a href="http://127.0.0.1/prestashop_1.5.6.1/prestashop/index.php?controller=stores" title="Nos magasins"><img src="/prestashop_1.5.6.1/prestashop/modules/blockstore/store.jpg" alt="Nos magasins" width="174" height="115"></a></p>

<p>

<a href="http://127.0.0.1/prestashop_1.5.6.1/prestashop/index.php?controller=stores" title="Nos magasins">» Découvrez nos magasins</a>

</p>

</div>

</div>

<!-- /Block stores module -->

<div id="contact_block" class="block">

<p class="title_block">Contactez-nous</p>

<div class="block_content clearfix">

<p>Notre service client est disponible 24h/24, 7j/7</p>

<p class="tel"><span class="label">Tél. :</span>0123-456-789</p> <a href="mailto:[email protected]">Contacter notre service client</a> </div>

</div>

 

</div>

 

Ca doit rouler non?

[Szed]

Allez voir footer.tpl, vous n'aurez pas tout ca.

La colonne de droite c'est juste :

<div id="right_column" class="column grid_2 omega">
	{$HOOK_RIGHT_COLUMN}
</div>

Pour la colonne de gauche, dans le header.tpl :

<div id="left_column" class="column grid_2 alpha">
      {$HOOK_LEFT_COLUMN}
</div>

Remplacer juste le HOOK_LEFT_COLUMN, par HOOK_RIGHT_COLUMN.

 

Et pour la colonne centrale, elle s'ouvre effectivement dans le header.tpl également, cf : 

<!-- Center -->
	<div id="center_column" class=" grid_5">

[WillFrite]

J'ai mon dossier theme, mon fichier header, simplement quand je l'ouvre avec N++, le code s'arrete à Center, je n'ai rien après

[WillFrite]

Autant pour moi, j'avais mal lu, cependant, il faut juste que je modifie le texte dans l'accolade?

[WillFrite]

<div id="columns" class="grid_9 alpha omega clearfix">

<!-- Left -->

<div id="left_column" class="column grid_2 alpha">

{$HOOK_RIGHT_COLUMN}

</div>

 

<!-- Center -->

<div id="center_column" class=" grid_7">

{/if}

 

 

C'est tout ce que j'ai. Par contre, j'ai toujours une colonne à droite, elle est simplement plus bas. 

Demandez moi pour plus de code, ou screenshot

[WillFrite]

J'ai supprimé la DIV Right Column dans le footer, ca a résolu le problème

[WillFrite]

Cependant j'ai maintenant les modules <!-- /Module HomeSlider --> et <!-- MODULE Home Featured Products --> qui sont coincés en bas

Edited November 26, 2013 by WillFrite (see edit history)

[Szed]

Il faut rajouter une classe omega sur la colonne centrale, pour indiquer : "pas de marge à droite".

Votre colonne centrale aura donc 2 classe : grid_7 et omega

Edited November 26, 2013 by Szed (see edit history)

[WillFrite]

Merci beaucoup pour votre aide!!!

[WillFrite]

J'aurais juste une dernière question (oui je sais j'abuse un peu 

 

J'essai d'accéder au back office pour essayer d'ajouter et supprimer des modules en local toujours, afin de vérifier que tout marche comme il faut, et je ne sais pas pourquoi, je ne peux accéder qu'au front office.

[WillFrite]

j'ai trouvé! merci!

[WillFrite]

c'était juste un problème d'adresse, je tapais le mauvais nom de dossier admin.

 

Problèmes résolus donc, je ne sais pas comment classer le topic.