Jump to content
WillFrite

Supprimer des Hook

Recommended Posts

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?

Share this post


Link to post
Share on other sites

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 !

Share this post


Link to post
Share on other sites

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?

Share this post


Link to post
Share on other sites

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:sales@yourcompany.com">Contacter notre service client</a> </div>
</div>
 
</div>
 
Ca doit rouler non?

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites
<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

Share this post


Link to post
Share on other sites

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

Edited by WillFrite (see edit history)

Share this post


Link to post
Share on other sites

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 by Szed (see edit history)

Share this post


Link to post
Share on other sites

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

 

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.

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
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...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More