Jump to content

[Résolu] Link widget : affichage des colonnes sur plusieurs lignes ?!


Recommended Posts

Bonjour :)

J'ai tripatouillé le Link widget pour ajouter une colonne (je n'ai pas touché au code direct) et la colonne en question s'affiche (sur PC) en-dessous de la colonne n°2 au lieu de s'afficher à côté - juste avant Bloc Mon compte.

Sur ce hook j'ai 4 modules :
- Link widget
- Mon compte
- Coordonnées (désactivé)
- Législation [...] cookies (et celui-là doit rester sinon il ne s'affiche pas comme je veux)

Clairement, y'a un truc qui lui dit de ne pas  prendre plus de la moitié de la DIV quelque part : https://boutique.idjy.fr
Mais trop de pizza m'a attaqué les neurones donc là tout de suite je ne vois pas...

(et que 2018 vous soit plus douce que 2017 !)

Edited by idjy (see edit history)
Link to comment
Share on other sites

Bonjour,

sur l'affichage de chaque module il faut un cohérence de votre grille d'affichage.

Actuellement, vous avez 3 éléments défini à 6 de largeur, soit 18 alors que le max pour une grille complète est de 12.

Donc chaque élément devrait être à 4.

5a4a44ce304b0_Capturedecran.jpg.321adffda83b00c1fd62b343b0efda82.jpg

vous pouvez vous référer à la documentation officielle de bootstrap https://getbootstrap.com/docs/3.3/css/#grid-example-basic

Link to comment
Share on other sites

Merci @Mediacom87 ! (il me manque un emoji coeur là tout de suite... c'est frustrant)
J'ai découvert l'existence des grilles 
:wub:

Voici le "classic" linkblock.tpl de base :

<div class="col-md-4 links">
  <div class="row">
  {foreach $linkBlocks as $linkBlock}
    <div class="col-md-6 wrapper">

J'ai changé en :

<div class="col-md-6 links">
  <div class="row">
  {foreach $linkBlocks as $linkBlock}
    <div class="col-md-4 wrapper">

J'ai donc les 3 colonnes de liens à 4 comme vous l'avez dit, et j'ai élargi l'affichage pour tout le module (6 au lieu de 4) qui prend maintenant la demi-largeur et permet de garder chaque lien sur 2 lignes max.
Avec le module "Mon compte" il reste donc 4/12 dans le Footer.

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