Also ich glaube das Modul erzeugt fehlerhaftes HTML.
Ich habe eigentlich zwei Spalten links (grid11 und rechts grid5). Sobald ich ein twentytwenty Element in "links" einbaue rutscht "rechts" in das Element von twentytwenty. Als ob dort ein schließendes DIV fehlt.
Edit:
Fehler gefunden!
In deinem Template ce_twentytwenty.html5 ist das letzte DIV kein schließendes Div sondern ein öffnendes
Code:
<div class="afterbefore-container" id="twentytwenty-id<?=$this->id; ?>">
<div style="width: <?=$this->Before->arrSize[0]; ?>px;" class="twentytwenty-container" data-orientation="horizontal">
<img src="<?= $this->Before->src; ?>" <?= $this->Before->imgSize; ?>>
<img src="<?= $this->After->src; ?>" <?= $this->After->imgSize; ?>>
</div>
<div>
Es wäre auch schön wenn dieses ce_ Element, wie andere Elemente auch, ein ce_inside bekommt
Also quasi:
Code:
<?php $this->extend('block_searchable'); ?>
<?php $this->block('content'); ?>
<div class="ce_inside">
<div class="afterbefore-container" id="twentytwenty-id<?=$this->id; ?>">
<div style="width: <?=$this->Before->arrSize[0]; ?>px;" class="twentytwenty-container" data-orientation="horizontal">
<img src="<?= $this->Before->src; ?>" <?= $this->Before->imgSize; ?>>
<img src="<?= $this->After->src; ?>" <?= $this->After->imgSize; ?>>
</div>
</div>
</div>
<?php $this->endblock(); ?>
Ein Problem bleibt aber nach wie vor. Das Ganze ist nicht responsive...vermutlich deshalb weil im Template nicht das Picture-Element <?php $this->insert('picture_default', $this->picture); ?> sondern ein ganz normales img Tag verwendet wird!?
3 neue Content-Elemente zum ausprobieren | twentytwenty, flip_ce, count_ce
Zitieren
Zitat von Kahmoon
Über den Demolink würde ich mich sehr freuen.
.
Lesezeichen