Ich benötige bitte erste Anhaltspunkte wie ich den Bereich wie im Testshop 2 gestallten kann. Siehe Anhang Für einen neuling ist jeder Hinweis willkommen.
Melde Dich einmal als Admin im Testshop 2 an und gehe in den Content-Manager. Suche den Content "Gambio Demo". DA findest Du den Quellcode und kannst ihn übernehmen. Die Bilder musst Du natürlich ändern
Hallo @barbara. Wenn der Code kopiert ist, muss er wo bei mir hinterlegt werden? Ich habe ja (noch) keine Gambio Demo Box. Also,vermute ich,muss ich eine im Content erstellen. Und dann sicherstellen, dass die "Boxen" an der gleichen Stelle wie im Demoshop erscheinen. Oder tun die das automatisch? Nee oder? Man muss ihnen schon den Platz weisen, aber wie? Und auf welche Weise kann ich die Bilder ändern. Muss ich dazu die meinigen irgendwo hochladen? Wenn ja, wo wäre das?
Index Seite gefunden. Soweit sogut. Da hinein gehört der Quellcode bis auf die Bilder. Die müssen geändert werden.Wie nimmt man den so üblicherweise aus so Quellcodes, Bilder heraus und ersetzt diese durch andere. Geht das sagen wir mal "mechanisch" also ich gehe zum Quellcode, finde einen Bereich, klicke auf Schere, Bild ist weg. Aber wie bekomme ich dann mein Bild in den Quellcode? Blöd gefragt: Hat mein Bild auch schon einen Quellcode, ohne dass ich davon weiss, und ich kann den auffindig machen und an die Stelle reinkopieren, wo ich den anderen rausgenommen habe, mit dem Resultat, dass mein Bild im Index zu sehen wäre, oder geht das ganz anders?
Ich habe mir mal den Code für ein bild raus gesucht <div class="col-xs-12 col-md-8 row-xs-2 row-md-2"> - das betrifft die Größe für das Bild je Bildschrimauflösung <a class="home-teaser" href="kinder-babys/"><img alt="" class="img-responsive" src="images/content/index/teaser.jpg" /></a> </div> - das grün geschriebene ist der Bildpfad und der Bildname. In dem Fall liegt das Bild im Verzeichnis images/ content/ index Du könntest jetzt also auch Deine Bilder in i mages/ content7 index/ hochladen und bräuchtest nur den namen (hier teaser.jpg) ändern
Für die Darstellung ist allerdings auch JavaScript notwendig, welches im Testshop-Paket für Shop 2 enthalten ist. Das müsstest du dann unter templates/Honeygrid/usermod/javascript/Global einfügen. Die Testshop-Pakete findest du hier im Forum.
Ich fasse zusammen. Ich lade Bilder hoch per FTP, an mages/ content7 index/ und füge in der Index Seite den oberen Quellcode ein, wobei ich am Ende des grün dargestellten Codes den Namen ändere. Die obere Zeile des Codes macht, dass die Bilder im Shop dann eine vordefinierte Größe erhalten. Dazu ist aber auch ein JavaScript notwendig, welches unter templates/Honeygrid/usermod/javascript/Global eigefügt werden muss. @Torben (Gambio) : Leider Nein. Ich habe keine Ahnung wonach ich suchen soll, alle meine Versuche ich "Suchen" Feld, haben mich nicht weiter gebracht. Kann ich dazu eventuell etwas mehr Anhaltspunkte bekommen? [QUOTE="barbara, post: 267345, member: 2695" <a class="home-teaser" href="kinder-babys/">[/QUOTE] @barbara : kannst du mir bitte sagen, was diese Zeile zu bedeuten hat,( Bzw. für was die gebraucht wird) und vielleicht kannst du mir auch beantworten, ob wenn ich mehrere Bilder hochladen möchte, ich für jedes einen eigenen Pfadcode einfügen müsste.
Hier sind erst mal die Testshops von Gambio, bzw. die Dateien dazu: (Link nur für registrierte Nutzer sichtbar.) In dem gesamten Code sind 3 Bilder, dafür hast Du den Code den ich oben beschrieben habe, 3 mal. Wenn Du auch drei Bilder nutzen möchtest, musst Du für jedes Bild den Pfad, bzw. den Bildnamen ersetzen. <a....href="kinder-babys/"> ist ein Link zur Kategorie
Hallo @barbara , habe verstanden. Vielen Dank wieder einmal für dein geduldiges Erklären! Ich weiss das zu schätzen. Werde nun weiterprobieren und mich gegebenenfalls melden. Auch Danke an @Torben, bis bald in diesen Forum!
Hallo Perry, vielleicht bist Du ja schon am Ziel angekommen. Ich habe nach langer Recherche folgenden Thread von Michael gefunden der mir gut geholfen hat das Design der dynamischen Bildkachel (ich nenne das jetzt einfach mal so) bei mir im Shop mit eigenen Bildern einzubinden: (Link nur für registrierte Nutzer sichtbar.) Im Gambio Admin ist der entsprechende Content mit der ID5 auszuwählen. Im nächsten Schritt versuche ich herauszufinden wie ich den Quellcode im Content/ID5 ergänzen/verändern muß um noch mehr Bilder in einer Bilderkachel zu hinterlegen (ähnlich wie auf der Seite von Silke (Link nur für registrierte Nutzer sichtbar.) ). Viele Grüße, Klaus
Hallo @ Klaus B. Danke der Nachfrage und echt vielen Dank für deinen Beitrag. Nachdem ich bei meinem Versuch total gescheitert bin und plötzlich sowohl unerwartete, als auch verblüfende und unerwünschte Veränderungen an meinem Fronted stattfanden, die ich nicht mehr kontrolieren konnte, habe ich es erstmal sein lassen,mit dem "Designen" Nach dem Durchlesen der von dir genannten Beiträge, habe ich aber wieder Hoffnung erhalten, es vielleicht doch noch hinkriegen zu können! Eines ist mir bei der ganzen Angelegenheit klar geworden, dass ich hier an die weitergeben möchte, die in etwa meinen Kenntnisstand haben, nämmlich plusminusnull! Die Dinge sind gewiss machbar, aber Leute, MAN BRAUCHT GEDULD und gute Nerven um weiter zu kommen. Es hilft nix, man muss sich die Zeit nehmen und sich durcharbeiten, durch Foren und Beiträge, endlos vergebliche Suchbegriffe eingeben ecterapepe. Am Ende wenn du alles Intus hast, kriegst du es hin und dein Shop sieht tadellos aus und funktioniert nahezu fehlerfrei. Dass du aber dann immer noch behaupten kannst, du hättest den Sch....., nicht studiert;.....!!!!. Nichtsdestotrotz, ich habe nicht aufgegeben, sondern habe das einzig richtige getan, was jeder ambitionierte Anfänger tun sollte, ich habe mir einen Testshop eingerichtet, an dem ich in Ruhe experimentieren kann. So vermeide ich unliebsame Überraschungen während des Live Betriebes, ( Bis ich es dank der Hilfe des Forums besser kann) Bleibt der echte Laden unagetastet und es kommen nur vorher erprobte Veränderungen ran.
Bei mir gibt es leider auch ein Problem. Die Bilder sind nach langem Gefummel jetzt endlich in der richtigen Reihenfolge und am richtigen Ort aber sie bewegen sich nicht, wenn ich mit der Maus darüber fahre. Hier ist mal der Code, den wir im CM eingesetzt haben: HTML: <div class="row home-teaser-row space-0"> <div class="col-xs-12 col-md-4 row-xs-2 row-md-3"> <a href="https://perlenwiese.de/Satinbeutel.html" target="_self"><img alt="" class="img-responsive" src="images/image/Feiertagsbilder/Halloween-Rabatt03.jpg" style="width: 488px; height: 349px;" /></a> </div> <div class="col-xs-12 col-md-4 row-xs-2 row-md-2"> <a href="https://perlenwiese.de/Schnullerketten/Ketten-Fussball/" target="_self"><img alt="" class="img-responsive" src="images/image/Werbebilder_Startseite/Schnullerkette-Fussball.jpg" style="width: 488px; height: 349px;" /></a> </div> <div class="col-xs-12 col-md-4 row-xs-2 row-md-1"> <a href="https://perlenwiese.de/info/Versand-Zahlungshinweise.htm" target="_self"><img alt="" class="img-responsive" src="images/image/Werbebilder_Startseite/Datenschutz-Versand-Post.jpg" style="width: 488px; height: 349px;" /></a> </div> </div> Zudem ist mir noch aufgefallen, dass zwischen den Bildern und "Aus unserem Sortiment" ein ziemlich großer Abstand ist. Kann mir vielleicht jemand helfen? Edit: Noch eine wichtige Frage. Ich habe die im Thread angegebenen Dateien hochgeladen. Dabei musste ich feststellen, dass bei mir in der templates/honygrid/usermod/javascript/global das Global gar nicht drin ist. Ich habe also dort ein neues Verzeichnis mit dem Namen "Global" erstellt und dort dann die home-teaser.js hineingeladen. Ich hoffe, dass es richtig war......... LG Anne (Link nur für registrierte Nutzer sichtbar.)
du hast für die Bilder feste Werte (Größe) eingegeben, da kann sich ncihts bewegen. Du musst 2 Bilder haben, ein kleineres, dass man als erstes sieht und ein etwas größeres, das Beim Hovern genommen wird. Schau Dir den Quellcode des Testshops noch einmal genau an, dann siehst Du wie das geht. Übrigens ist es mobil nicht gut. Da wird der Titel verdeckt:
Hallo Barbara, wenn ich dich jetzt richtig verstanden habe, dürfen die Bilder nie gleich groß sein? Und wieso nur 2 Bilder, im Testshop sind doch auch 3 Bilder eingebaut. Edit: Mit dem mobilen Layout habe ich mich noch gar nicht beschäftigt. Danke für den Hinweis
Noch einmal zurück. Das wurde per css gelöst (hat Gambio das irgendwann geändert?) Das ist der Code aus dem Testshop. Was bei dir fehlt ist das: "class="home-teaser" vor dem "href" HTML: <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="kinder-babys/"><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="specials.php"><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"> <a class="home-teaser" href="info/versand-zahlungsbedingungen.html"><img alt="" class="img-responsive" src="images/content/index/service-top.jpg" /></a> </div> </div> Die Vergrößerung kommt dann durch dieses css: Ob das im Shop ist, oder ob Du das hinzufügen musst, kann ich Dir gerade nicht sagen. Code: .home-teaser:hover > div { width: calc(100% + 16px); height: calc(100% + 16px); left: -8px; top: -8px; }
Hallo, was mache ich falsch, es sieht immer so aus. Habe die js Datei in global getan, den HTML Code in den CM und css unter eigenes CSS einfügen eingebaut. Das passiert ???