Hallo Community
Ich habe vor, eine Imageflowgallerie in den Catalog einzubinden, bin mich aber noch in das Grundkonzept von Contao und catalog am einarbeiten.
Als erstes habe ich die Betroffene template-Datei angepasst (Produkt-Bild aus Catalog im erforderlichen Div ausgeben)
Code:
<div id="if37" class="imageflow">
<img src="tl_files/catalog_schmuckkatalog/<?php echo $entry['data']['produktbild']['raw']; ?>" longdesc="URL_1" width="100%" height="100%" alt="<?php echo $entry['data']['produktbild']['raw']; ?>" />
</div>
Dann habe ich das benötigte Javascript per Seitenlayout eingebunden (habs in den mootools-ordner kopiert...)
Script:
Code:
<script type="text/javascript">
//<![CDATA[
window.addEvent('domready', function()
{
new ImageFlow().init({
ImageFlowID: 'if37',
preloadImages: true,
reflections: true,
reflectionP: 0.3,
reflectionPNG: false,
reflectionGET: '&bgc=000000',
imageFocusMax: 4,
startID: 1,
startAnimation: true,
slider: true,
buttons: true,
captions: false,
opacity: true,
onClick: function(el) { Slimbox.open(this.getAttribute('longdesc'), this.getAttribute('alt')); }
});
});
//]]>
</script>
Angepasst auf meine verwendete ID
Ich erreiche aber nicht, dass der Imageflow angezeigt wird, aus meiner Sicht müsste das aber so klappen.
Hat schon jemand von Euch Imageflow auf ähnliche Art und Weise eingebunden?
Die Idee ist, auf der produktübersicht, die Bilder der produkte im Imageflow anzuzeigen, Produkttitel als Untertitel des Bildes - bei klick führt es zum einzelnen Produkt...
ITS ALIIIVE
Es funktioniert soweit, dass ich mir nun den Imageflow in einem einzelnen ProduktEintreg in der Liste anzeigen kann.
Meine Idee:
Es müssten ja nun erst alle Bilder "gesammelt werden", um diese dann in einen Imageflow zu packen, der "ausserhalb des loops" für die einzelnen Artikel ist.
Schema
Status Quo
Produktliste
Listeneintrag1
Listeneintrag2
Listeieintrag3
Imageflow mit Bild vom Listeneintrag 3
gewünschtes resultat
Produktliste
Imageflow mit Bild vom Listeneintrag 1,2,3
Wie erreiche ich, dass ich diese Bilder ausserhalb des Loops aufrufen kann?
Lesezeichen