Template für Gambio Shop - Bildgröße ändern

    • Template für Gambio Shop - Bildgröße ändern

      Hi,

      Ich habe mir ein Fertiges Template für meinen Gambio Shop gekauft und soweit auch alles ok, außer die Produktbilder sind etwas zu Klein sind glaube ich 250px u. 220px
      würde diese gerne auf 350px u. 350px ändern.
      Mein Problem ist das ich die Datei nicht finde bzw die HTML datei wo die Bilder abgespeichert sind.
      Kann da jemand behilflich sein?
    • Der HTML-Anweisung für Bilder sieht in etwa so aus:

      <img src="Bild-URL" border="0">

      Die Bilder müssen vorher in der gewünschten Größe per FTP-Client (z.B. FileZilla) auf eigenem Webspace hochgeladen werden.
      "Und wenn du lange in einen Abgrund blickst, blickt der Abgrund auch in dich hinein." (Friedrich Nietzsche)


    • Wo genau im Quelltext die HTML-Attribute "width" = Breite und "height" = Höhe für die Bilder sind, kann ich dir nicht sagen, denn ich kenne dein Template nicht.
      So wie es bei dir ausschaut, könnte es sich aber auch um Java-Script handeln.

      Falls du möchtest, würde ich mir das mal anschauen. Dazu müsstest du den Quelltext deines Templates hier einfügen:

      practicewriter.com/

      Anschließend klickst du auf "Save" und schickst mir den Link per PN.
      "Und wenn du lange in einen Abgrund blickst, blickt der Abgrund auch in dich hinein." (Friedrich Nietzsche)


    • Hab mir dein Template angeschaut und bin zu folgendem Ergebnis gekommen:

      Die großen Bilder werden in einem DIV-Element intergriert, dessen Größe per CSS definiert ist.

      Diese CSS-Datei (oder auch Stylesheet genannt) liegt extern auf dem Server von bestbuy24h.de und kann somit nicht so ohne weiteres geändert werden.
      Es gäbe nur die Möglichkeit, diese Datei herunterzuladen, entsprechend zu ändern und anschließend im HTML-Quelltext zwischen <head> und </head> einzufügen.

      Allerdings möchte ich dabei nicht unerwähnt lassen, dass so eine Änderung evtl. nicht ganz unproblematisch ist, denn sie könnte u.U. die gesamte Struktur eines Templates bzw. einer Website zerstören.

      Habe mal temporär die CSS-Einträge für Höhe und Breite des DIV-Elements geändert, um dir das zu verdeutlichen:

      img4.bilder-hochladen.tv/egRknrQl.jpg

      Wie du siehst, wurde (durch die Vergrößerung des DIV-Elements und damit des Bildes) der Hinweis über die Lieferzeit (rechts oben, neben dem Bild) teilweise abgeschnitten.


      Nun ein paar allgemeine Worte zu deinem Template:

      Das Template ist sehr komplex und entsprechend monströs ist die Größe der HTML- und CSS-Dateien. Auch die Strukur des Templates gestaltet sich dadurch äußerst unübersichtlich. Selbst ein Profi-Webdesigner hätte wahrscheinlich Schwierigkeiten, da richtig durchzublicken.
      Denke auch, dass du nur ein Bruchteil der integrierten Funktionen deines Templates nutzen wirst.

      Mein Tipp:
      Lass dir von einem Webdesigner deines Vertrauens ein maßgeschneidertes und individuelles Template, entsprechend deiner Wünsche und Bedürfnisse, erstellen.
      "Und wenn du lange in einen Abgrund blickst, blickt der Abgrund auch in dich hinein." (Friedrich Nietzsche)


      Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von Uhrologe ()

    • Danke für deine Hilfe.

      Ich habe das Template hier tempteria.de/ gekauft und musste es einfach nur installieren.

      dann werde ich mich an die wenden müssen und schauen was die verlagen um dies umzuändern da sie auch inviduelle anpassungen vornehmen.

      es würde mich auch nicht ganz stören wenn das bild komplett erscheinen würde auch wenn ich ein bild in der größe 220px einfüge wird es nicht ganz dargestellt oder ich mache hier einen fehler :wallbash
    • Dirk26 schrieb:

      es würde mich auch nicht ganz stören wenn das bild komplett erscheinen würde auch wenn ich ein bild in der größe 220px einfüge wird es nicht ganz dargestellt oder ich mache hier einen fehler :wallbash
      Das Bild habe ich mal mit PhotoShop auf genau 220 x 220px skaliert und mit einem roten Rahmen versehen.
      Anschließend habe ich das Bild auf meinem Webspace hochgeladen und die Bild-URL in dem HTML-Quelltext deines Templates eingefügt.

      Das Bild wird hier vollständig dargestellt:

      img4.bilder-hochladen.tv/zoIH8WKz.jpg

      Keine Ahnung, was da bei dir falsch läuft. Auf welchem Server lädtst du denn deine Bilder hoch?
      "Und wenn du lange in einen Abgrund blickst, blickt der Abgrund auch in dich hinein." (Friedrich Nietzsche)


      Dieser Beitrag wurde bereits 2 mal editiert, zuletzt von Uhrologe ()

    • Dazu habe ich folgende Vermutung:

      Wenn man das Bild in dem Template anklickt, erscheint außerhalb des Templates ein vergrößerte Variante in den Maßen von 500 x 500px.
      Das ist sicher so beabsichtigt.

      bestbuy24h.de/images/product_i…images/iphone5-275b-1.jpg

      Wahrscheinlich wird jedes Bild, dass man zu Gambio hochlädt, automatisch auf dieses Maß skaliert.
      Wenn das Bild größer ist als 500 x 500 px wird es herunter skaliert - falls es kleiner ist, wird es hoch skaliert.

      Innerhalb des Templates ist aber eine Bildgröße von 200 x 220px vorgesehen.

      Der HTML-Quelltext für das Bild sieht nun wie folgt aus:

      <img id="gallery_inside_main_1" src="images/product_images/info_images/iphone5-275b-1.jpg" alt="iPhone 5 / 5S Flip Case Hülle" title="iPhone 5 / 5S Flip Case Hülle">


      Das [id="gallery_inside_main_1"] bedeutet, dass es irgendwo eine CSS-Anweisung mit dem Namen "gallery_inside_main_1" geben muss, die die Größe des Bildes innerhalb des Templates auf 220 x 220px skaliert.

      Diese CSS-Anweisung hab ich aber nirgendwo gefunden. Sie wurde wahrscheinlich schlichtweg vergessen.

      Man hat jedoch die Möglichkeit, diese CSS-Anweisung direkt ins HTML einzugeben.

      <img style="width: 220px; height: 220px;" src="images/product_images/info_images/iphone5-275b-1.jpg" alt="iPhone 5 / 5S Flip Case Hülle" title="iPhone 5 / 5S Flip Case Hülle">
      "Und wenn du lange in einen Abgrund blickst, blickt der Abgrund auch in dich hinein." (Friedrich Nietzsche)


    • Hallo Uhrologe,

      habe hier eine Beschreibung für den Aufbau der Templates gefunden, könntest du mal einen Blick darauf werfen vlt könnte die Lösung für das Problem mit der Bildgröße darin stecken.

      s1.directupload.net/images/140715/pqe72znc.jpg

      Hier werden die Module Beschrieben.

      Es würde mir auch schon reichen wenn das Bild "Lieferzeiten" bedeckt und man nur den Grünen Punkt mit der Tagesanzahl sieht das würde mich nicht stören.

      Danke
    • Ich Nochmal :D

      Habe es jetzt hinbekommen im Template sind 2 Template abgelegt warscheinlich habe jetzt eine andere Datei also CSS vom Template mit Microsoft Expression geöffnet und da war dann die datei in HTML abgelegt musste nur noch die px zahl ändern und auf den Server laden.

      Das enzige vlt noch wo ich hilfe gebrauchen könnte ist wie bekomme ich die Schrift "Lieferzeiten" weiter nach Rechts damit Sie wieder neben dem Grünen Punkt erscheint ??