Hallo zuammen, wir sind gerade am "basteln" für eine neue Produktbeschreibung die auch responsive ist. Da es bei unseren Produkten viele technische Infos gibt wollte wir diese als Bilder gleich mit in die Gallerie einfügen. Leider werden die Bilder nur sehr klein angezeigt. Ich habe leider keine Möglichkeit gefunden die Bilder größer erscheinen zu lassen. Es geht um dieses Produkt: http://muenchen-solar.de/muv27/prod...-hygienespeicher-2-wt--sofort-verfuegbar.html Mit der Lupenfunktion erkennt man zwar was, aber das ist extrem unhandlich und auf Handy und Co nicht zu erkennen. Des Weiteren wollte ich fragen wie die Bilder in der Produktbeschreibung automatisch skalieren also "responsive" werden. Mir wurde gesagt ich soll class=img-responsive einstellen.. Aber wo stelle ich das ein? Das ist viel Neuland für mich dabei...
Hallo, in deinem Fall bietet es sich an das Bild mit dem Text mit in die Artikelbeschreibung aufzunehmen. Grundsätzlich solltest du deine Bilder noch anpassen, dass die responsiv dargestellt werden, also bei kleinerem Display kleiner werden. Hier ist erklärt, was zu tun ist, um Bilder responsiv zu machen: http://www.gambio.de/forum/threads/bilder-im-content-responsive.25569/#post-213677
beim Bearbeiten hat sich eine weitere Frage ergeben: ist es möglich neben ein Bild einen Fliestext zu schreiben ohne dafür eine Tabelle zu erstellen? Mit einer Tabelle wird das mit dem Bild nix, da es zu klein angezeigt wird, wenn es responsiv ist.
Das müsste eigentlich gehen. Vlt funktioniert dieses simple Beispiel hier ja schon: HTML: <div class="row"> <div class="col-xs-6"> <img class="img-responsive" src="Pfad/zu/deinem/Bild" /> </div> <div class="col-xs-6"> <p>Lorem ispum dolor sit amet</p> </div> </div> Das müsste man dann über den Quelltextmodus eingeben, damit das funktioniert.
Danke für den Tip ich habe das Bild nun einfach Links oder Rechtsbündig gesetz so klappt das sogar richtig gut, da gefällt mir das neue Design sehr sieht dann so aus: http://muenchen-solar.de/muv27/prod...tor-flachkollektor-2-02-qm-basicx-2-0-4c.html und ist so auch perfekt responsiv