Beste moderators en gebruikers.
Ik heb het probleem aan de hand van de tips opgelost.
Vanuit 1 banner module per item ging het niet lukken.
Dus voor 3 kolommen toch 3 modules aangemaakt. 1, 2 en 3.
Ik had 4 items dus 4 x 3 modules aangemaakt.
Even voor het gevoel.
module 1 sponsor goud-1(eerste rij), module 2 sponsor goud-2(tweede rij) en Module 3 sponor goud-3(derde rij).
In het advertentie component heb ik categorien aangemaakt. Ook weer goud-1, goud-2, goud-3.
Bij advertenties heb advertentie aangemaakt, Namen van de sponsors met logo (in mijn geval 133 px breedt). Afbeelding tonen.
Per advertentie ik je nu kiezen of categorie. (tonen in rij 1) goud-1 etc, etc,
Dit alleerst de voorbereidingen. De beheerder van de sponsors maakt nu dus een nieuwe sponor aan in advertentie en hangt deze aan een categorie voor 1e rij, 2e rij of 3e rij.
Op de frontpagina staat ook nog een carousel banner en deze is ook gekoppeld aan de caterogiren. Het staat dus vast bij de juiste keuze van de categorie het logo autatisch in the carousel verschijnt.
(Er zijn de volgende categorien sponsors "Platina', goud, zilver, brons ". Er is nu Platina 1e rij, platina 2e rij, platina 3e rij,,,goud 1e rij, goud 2e rij etc, etc. De bedoeling was om maar 4 categorien aan te houden en dan zo instellen dat de module er meteen 3 kolommen van maakt. Helaas is dit niet mogelijk, maar voor onderhoud zou dit beter zijn.).
En dan het tonen op een pagina. Dat is tenslotte toch de bedoeling.
Ik heb ervoor gekozen om het tonen van al deze modules te doen in een content pagina.
Zet de plugin laad modules aan (als deze al niet aan staat!).
Plaats in een table 1 rij 1 kolom de gewenste tekst met module {loadmodule mod_banners,Sponsors Platina 1} (na de komma is de naam van de module).
Plaats de module na elkaar zonder spatie.
Zo de module staan erin en worden getoond in de pagina als er een verwijzing in je menu is gemaakt.
Maar ze staan nog steeds onder elkaar.
Ik heb in de CSS een module class aangemaakt.
Code:
}
div.jack-1 {
width: auto;
display: inline-block;
float: center;
vertical-align: middle;
}
Ga nu naar de module en ga naar geavanceerd zet de div naam in Module class achtervoegsel met een spatie, in dit geval: jack-1
Let op de spatie.
Wijzig Bootstrap-grootte van 0 naar 3 (in mijn geval)
Doe dit voor alle modules die in de pagina staan.
Nu staan de logo netjes op een rijtje.
Succes voor degene die hier mee zitten.
groet,
Jack
Edit Astrid: Ik heb de code tussen codetags geplaatst, volgende keer graag zelf doen.
Heeft onderwerp gestart
