Verschillende div's in template

[mgeene]

Hallo,

Hoe maak je in een template verschillende blokken onder elkaar met de bedoeling dat de klant in de backend op een pagina steeds een nieuwe sectieblokken kan plaatsen. Ik heb nu dit:

Code: [Select]

<?php if ($page_content_1 != '') {
echo '<div class="col-xs-12 col-sm-12 col-md-2  sidenav-left">'.$page_content_1.'</div><div class="clearcontent"></div>';
} else {
echo '<div class="col-xs-12 col-sm-12 col-md-2"></div>';
} 
?>

Maar dan word de tekst van de verschillende secties netjes in de div onder elkaar geplaatst, maar ik wil dat elke tekst in een apart div wordt gezet waar ruimte tussen zit.

Kan iemand mij hier in helpen?
Alvast bedankt!

[Hans]

Ik snap de vraag niet helemaal denk ik, maar zouden meerdere Blocks in de template (en (al dan niet) aan te roepen in de backend) je kunnen helpen?
De Blocks kun je dan in een <p> zetten 9dat is er ruimte tussen de div's  of in de template div's zetten met <br> ertussen.
Hopelijk slaat het ergens op voor je.

[Ruud]

Als je WB283 SP7 gebruikt wordt er bij iedere sectie standaard een div met de class "section" omheen gezet.
Persoonlijk vind ik dat erg vervelend maar in dit geval kan je er je voordeel mee doen.

[mgeene]

Hey Ruud,

Dus eigenlijk moet ik dan de div aanpassen naar een section en deze de css geven?

[Ruud]

Nee, de div wordt om de output van iedere sectie geplaatst, en heeft o.a. een class genaamd "section".

Voorbeeld:

Code: [Select]

<div id="Sec175" class="section m_wysiwyg" >
Als je dus iets doet als:

Code: [Select]

.section {
    background: #eeeeee;
    padding: 20px;
    margin-bottom: 20px;
}
zou dat al moeten werken.

[mgeene]

Hoi Ruud,

Ik krijg het niet voor elkaar in mijn template.
Nu heb ik dit staan:

Code: [Select]

<div class="container-fluid text-center">
<div class="row content">

<?php if ($page_content_1 != '') {
echo '<div class="col-xs-12 col-sm-12 col-md-2 section sidenav-left">'.$page_content_1.'</div>';
} else {
echo '<div class="col-xs-12 col-sm-12 col-md-2"></div>';
} 
?>
</div>
</div>

En de CSS:

Code: [Select]

.container-fluid {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.row.content {
    height: 450px;
    margin-top: 160px;
}
.row {
    margin-left: -15px;
    margin-right: -15px;
}
.sidenav-left {
    background: rgba(0, 0, 0, 0) linear-gradient(#e20400, #8e0200) repeat scroll 0 0;
    color: #fff;
    height: auto;
    margin-bottom: 15px;
    padding: 20px 10px;
    text-align: left;
}
.col-md-2 {
    width: 16.6667%;
}

Kan ik in het aanroepen van de "$page_content_1" niet iets maken wat elke sectie van $page_content_1 in een aparte div zet? Als ik aparte div's heb kan ik deze gewoon stylen en plaatsen waar ik ze wil.
Ik begrijp van jou dat dit met section moet, maar ik heb geen idee hoe dit te doen.

[Ruud]

De truuk is nu juist dat WB die class al bij iedere sectie zelf toevoegt.
Daar hoef je verder niets voor te doen.
(Het werkt wel alleen op WB283 SP7)

Je kan geen aparte secties ophalen in je template. Dus je kan daar zelf niets aan veranderen.

[mgeene]

Ok helaas maar deze is nog voor Version 2.8.3 SP1 vanwege bakery.