Footer bearbeiten

Thema wurde von katharina_patzelt, 11. November 2016 erstellt.

  1. katharina_patzelt
    katharina_patzelt Erfahrener Benutzer
    Registriert seit:
    9. November 2016
    Beiträge:
    77
    Danke erhalten:
    0
    Danke vergeben:
    27
    Hallo Ihr Lieben,

    ich möchte gerne in die Footer Spalten so Icons von Paypal oder Sofort Überwesiung bringen oder Versandarten wie UPS DHL aber ich weiß nicht wie ich diese Bilder da hin laden kann.
    Kennt sich jemand damit aus?
     
  2. Hallo Katharina,

    geh einfach in den Content Manager und dann suchst Du Dir die Footerspalte raus die Du bearbeiten möchtest.
    Wenn Du dann drinne bist hast Du ja das Textfeld wo Du sachen reinschreiben kannst.
    Oben in der ersten Zeile ziemlich mittig ist ein kleines Kästen mit so Art Berge mit Sonne, wenn Du hier drüber fährst erscheint das Wort Bild. Hier klicken und dan kannst Du das Bild hochladen und speichern.
    Wichtig ist dann folgendes

    upload_2016-11-11_15-32-24.png

    Breite 0
    Höhe 0

    Danach gehst Du auf Erweitert

    upload_2016-11-11_15-33-51.png

    Wichtig ist hier bei der Formatvorlagen img-responsive reinschreiben.
    Somit wird das Bild automatisch auf das jeweilige Format vom Monitor, Teblett oder Handy angepasst.

    Gruß Michael
     
  3. katharina_patzelt
    katharina_patzelt Erfahrener Benutzer
    Registriert seit:
    9. November 2016
    Beiträge:
    77
    Danke erhalten:
    0
    Danke vergeben:
    27
    Super Danke das habe ich geschafft aber ich möchte die Icons nun neben einander haben das macht er mir nicht, was muss ich beachten?
     
  4. Kai Schoelzke
    Kai Schoelzke Beta-Held
    Registriert seit:
    30. März 2016
    Beiträge:
    4.077
    Danke erhalten:
    646
    Danke vergeben:
    307
    kommt darauf an wie viele du nebeneinander haben möchtest. Beispiel für 2 nebeneinander:
    schreibe nach img-responsive mit einem Leerzeichen col-md-6 bei allen Bildern, dann hast du in der Desktop Ansicht 2 nebeneinander, auf dem Handy sind die dann untereinander, Möglichkeiten gibt es da viele, welche für dich am besten ist, kann ich leider nicht beurteilen.
     
  5. Geh wie folgt vor:

    Geh wieder in den Content den Du bearbeiten möchtest.
    Danach lscht Du alles wieder raus.
    Dann stell auf Quellcode um und mach folgenden Eintrag

    <div class="row">
    <div class="col-md-4 col-xs-12">
    <a href="">
    <img class="img-responsive" src=""/>
    </a>
    </div>

    <div class="col-md-4 col-xs-12">
    <a href="">
    <img class="img-responsive" src=""/>
    </a>
    </div>

    <div class="col-md-4 col-xs-12">
    <a href="">
    <img class="img-responsive" src=""/>
    </a>
    </div>
    </div>


    Bei src=" musst Du den Bildpfad auf deinem Server angeben wo die Bilder liegen

    Das ist nun für 3 Bilder
     
  6. bt012ss
    bt012ss Erfahrener Benutzer
    Registriert seit:
    18. März 2012
    Beiträge:
    984
    Danke erhalten:
    281
    Danke vergeben:
    156
    Moin, gerade mal durchgespielt. Wo liegt der Fehler?


    gambio44.jpg
     
  7. Also das ist wenn man ein einzelnes Bild hat das man Responsive anzeigen möchte.
    Dann die Breite 0 und die Höhe auf 0
    Danach im gleichen Fenster auf Bildeigenschaften und unter Formatvorlagenklassen img-responsive eintragen danach Speichern. Das Bild zeigt es Dir nicht in der vorschau an.
     
  8. bt012ss
    bt012ss Erfahrener Benutzer
    Registriert seit:
    18. März 2012
    Beiträge:
    984
    Danke erhalten:
    281
    Danke vergeben:
    156
    Hatte ich so verstanden. Nur lässt mich das Ding die Werte nicht auf 0 stellen, egal ob responsive oder nicht.
    Mit der 0 kann ich nix speichern.
    Den responsive Befehl habe ich bisher manuell in den Code eingetragen, wollte nur mal deine Variante durchspielen.
    Mach dir also weiter keinen Kopp. ;)
     
  9. Dennis (MotivMonster.de)
    Dennis (MotivMonster.de) G-WARD 2013/14/15/16
    Registriert seit:
    22. September 2011
    Beiträge:
    31.303
    Danke erhalten:
    6.268
    Danke vergeben:
    1.118
    Beruf:
    Mann für alles :)
    Ort:
    Weilburg
    Also Bild muss min. 1pixel sein oder Feld leer lassen.
     
  10. @bt012ss

    grrrr sorry wie komm Ich auf 0 ??? Die Höhe und die Breite müssen komplett leer bleiben ! Also keine Werte rein und dann im gleichen Fenster auf Bildeigenschaften und unter Formatvorlagenklassen img-responsive eintragen danach Speichern. Das Bild zeigt es Dir in der Vorschau doch an
     
  11. Steffen (indiv-style.de)
    Steffen (indiv-style.de) G-WARD 2013/14/15/16
    Registriert seit:
    30. Juni 2011
    Beiträge:
    5.143
    Danke erhalten:
    1.466
    Danke vergeben:
    452
    Beruf:
    Systemadmin, Webentwickler bei Indiv-Style
    Ort:
    PhpStorm
    Für sehr viele Icons kannst du auch den im Honeygrid verfügbaren Font fontawesome nutzen!

    Auf http://fontawesome.io/icons/ kannst du die sehr vielen Icons die ansehen!

    Das wäre z.B. das Facebook-Icon:
    <i class="fa fa-facebook-official" aria-hidden="true"></i>
     
  12. bt012ss
    bt012ss Erfahrener Benutzer
    Registriert seit:
    18. März 2012
    Beiträge:
    984
    Danke erhalten:
    281
    Danke vergeben:
    156
    So klappts besser :D:D
     
  13. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    20. Februar 2017
    Beiträge:
    420
    Danke erhalten:
    96
    Danke vergeben:
    127
    Klasse Thread! Hat viel geholfen, Danke!
    Frage dazu: Die Icons im Footer sind im Prinzip so klein, dass sie problemlos auch auf einem kleinen Smartphone gut angezeigt werden. Müssen sie deshalb zwingend als Responsive eingetragen werden oder reicht in dem Falle schnödes HTML?
     
  14. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    20. Februar 2017
    Beiträge:
    420
    Danke erhalten:
    96
    Danke vergeben:
    127
    Ich schubs das mal :)
     
  15. Anonymous
    Anonymous Beta-Held
    Registriert seit:
    22. März 2015
    Beiträge:
    2.381
    Danke erhalten:
    640
    Danke vergeben:
    414
    Wenn du der Meinung bist es passt dann nimm nur html. Ohne Link zum Shop kann man wenig sagen