Hallo Zusammen, im Testshop 2 von Gambio (siehe Link https://www.gambio-shop.de/shop2/StyleEdit3/index.php?template=Honeygrid&lang=de) bewegen sich auf der Startseite die Bilder (zum Beispiel das Baby, die neue Kinderkollektion). Wo und was muss ich dazu eingeben, dass sich die Bilder auch bei mir auf meiner Homepage bewegen? Beim Link bitte einfach danach auf Access denied, please authenticate. gehen, damit man die Bilder sieht. Bitte um Rückmeldung. Vielen Dank. LG Lisa
Hallo, also Du musst zuerst mal im Contenmanger unter index dieses einfügen und natürlich zu deinen Bildern verlinken Code: <div class="row home-teaser-row space-0"> <div class="col-xs-12 col-md-8 row-xs-2 row-md-2"><a class="home-teaser" href="/index.php"><img alt="" class="img-responsive" src="images/content/index/teaser.jpg" /></a></div> <div class="col-xs-12 col-md-4 row-xs-2 row-md-1"><a class="home-teaser" href="/shop_content.php?coID=3889891"><img alt="" class="img-responsive" src="images/content/index/sale-top.jpg" /></a></div> <div class="col-xs-12 col-md-4 row-xs-2 row-md-1"><img alt="" class="img-responsive" src="images/content/index/service-top.jpg" /></div> </div> Danach hast Du jedoch das Problem das sich die Bilder nicht bewegen ! Hierzu muss man etwas mehr machen .... Machen wir weiter ! Füge nun die zwei Daten ( _grid_rows.scss und _usermod.scss ) mittels FTP in den Ordner templates/Honeygrid/styles/custom/ ein. Die Datei ( home-teasers.js ) nach templates/Honeygrid/usermod/javascript/Global kopieren. Danach alle Caches leeren und dann muss es gehen ! Gruß Michael
Hallo Michael, vielen Dank für Deine ausführliche Erklärung. Ich habe nun alles gemacht. Leider funktioniert es nicht. Muss ich die Codes auch irgendwo hinterlegen? Ich habe bis jetzt die Bilder im Index eingefügt, die Verlinkung hergestellt und die Dateien im FDP Server hochgeladen. Muss ich im FDP Server dafür andere Dateien löschen? LG Lisa
Schau mal bitte dieses genau an src="images/content/index/teaser.jpg" /></a></div> In jeder Zeile musst Du deinen Bildpfad angeben wo das Bild liegt. Sprich mein Bild liegt im Ordner: images / content / index Daher ist es wichtig das Du deinen Bildpfad nimmst ! Wichtig wie immer alle Caches leeren Gruß Michael
Danke für diese perfekte Anleitung - hat mir als Anfänger sehr geholfen. Ich hätte dazu noch eine weitere Frage: ich möchte diesen Teil bei der Mobilansicht ausblenden. Wie stelle ich das an? Danke liebe Grüße Andreas
Das kann man mittels css ausklammern. Falls es bis heute Nacht nicht gelöst wird. Schreibe Ich Dir den passenden Eintrag für die CSS
man kann das über css machen oder auch in den class="........ hidden-xs" einfügen, dann werden die Bilder auf Smartphones (<758px) nicht mehr angezeigt
Danke für eure Rückmeldungen! Das mit der hidden-xs scheint mir der schnellere Weg zu sein - nur wo gehört das hin? <div class="row home-teaser-row space-0"> <div class="col-xs-12 col-md-4 row-xs-2 row-md-1"><a class="home-teaser" href="/index.html"><img alt="" class="img-responsive" src="images/content/index/teaser.jpg" /></a></div> oder ist die css Lösung die bessere?
das kommt dahin: <div class="col-xs-12 col-md-4 row-xs-2 row-md-1 hidden-xs">.. (das sind bootstrap-Hilfsklassen) Interessant und lehrreich: http://holdirbootstrap.de/css/#helper-classes