Eigenen Footer erstellen

Thema wurde von Meyer, 15. Dezember 2011 erstellt.

  1. Meyer
    Meyer Aktives Mitglied
    Registriert seit:
    9. Dezember 2011
    Beiträge:
    27
    Danke erhalten:
    0
    Danke vergeben:
    7
    Hallo,

    ich hätte gerne einen eigenen Footer erstellt, welcher so ähnlich aussieht wie im Mustershop 3.

    Wie muss ich vorgehen?

    MfG

    Meyer
     

    Anhänge:

  2. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    14. Juli 2011
    Beiträge:
    998
    Danke erhalten:
    71
    Danke vergeben:
    131
    Im Testshop anmelden -> Content Manager -> Footer bearbeiten. HTML Quellcode kopieren und in den eigenen Footer einfügen. Bild-URL, Schriftarten und Links abwandeln - fertig!
     
  3. Meyer
    Meyer Aktives Mitglied
    Registriert seit:
    9. Dezember 2011
    Beiträge:
    27
    Danke erhalten:
    0
    Danke vergeben:
    7
    Hallo,

    habe ich gemacht. Bei funktioniert es aber leider nicht. Es wird kein Footerbereich angezeigt. Folgenden Quelltext habe ich im Contenmanger/Footer kopiert:


    <div style="width: 1000px; height: 326px; background-image: url(&quot;images/bg_footer.gif&quot;); background-repeat: repeat-x;">
    <div style="width: 222px; height: 60px; float: right; background-image: url(&quot;images/siegel.png&quot;); margin-right: 20px;">&nbsp;</div>
    <div style="width: 965px; height: 220px; border-bottom: 1px dotted rgb(204, 204, 204); margin-left: 18px; padding-top: 20px; clear: both;">
    <div style="width: 20%; float: left; font-family: arial,helvetica,verdana; color: rgb(248, 248, 248); letter-spacing: 1px; line-height: 20px; padding-left: 40px;">
    <div style="font-size: 14px; font-weight: bold; padding-bottom: 10px;">Information</div>
    <div style="font-size: 12px; color: #E62286;"><a href="shop_content.php?coID=4" style="color: #E62286; text-decoration:none">Impressum</a><br />
    <a href="shop_content.php?coID=9" style="color: #E62286; text-decoration:none;">Widerruf</a><br />
    <a href="shop_content.php?coID=3" style="color: #E62286; text-decoration:none;">AGB</a><br />
    <a href="shop_content.php?coID=1" style="color: #E62286; text-decoration:none;">Versandkosten</a><br />
    <a href="shop_content.php?coID=2" style="color: #E62286; text-decoration:none;">Datenschutz</a><br />
    <a href="shop_content.php?coID=8" style="color: #E62286; text-decoration:none;">Sitemap</a></div>
    </div>
    <div style="width: 1px; height: 60%; float: left; border-right: 1px dotted rgb(204, 204, 204); margin-top: 30px; margin-right: 5px;">&nbsp;</div>
    <div style="width: 20%; float: left; font-family: arial,helvetica,verdana; color: rgb(248, 248, 248); letter-spacing: 1px; line-height: 20px; padding-left: 40px;">
    <div style="font-size: 14px; font-weight: bold; padding-bottom: 10px;">Quick-Links</div>
    <div style="font-size: 12px; color: #E62286; text-decoration:none;"><a href="shopping_cart.php" style="color: #E62286; text-decoration:none;">Warenkorb</a><br />
    <a href="account.php" style="color: #E62286; text-decoration:none;">Mein Konto</a><br />
    <a href="checkout_shipping.php" style="color: #E62286; text-decoration:none;">Zur Kasse</a><br />
    <a href="shop_content.php?coID=7" style="color: #E62286; text-decoration:none;">Kontakt</a></div>
    </div>
    <div style="width: 1px; height: 60%; float: left; border-right: 1px dotted rgb(204, 204, 204); margin-top: 30px; margin-right: 5px;">&nbsp;</div>
    <div style="width: 20%; float: left; font-family: arial,helvetica,verdana; color: rgb(248, 248, 248); letter-spacing: 1px; line-height: 20px; padding-left: 40px;">
    <div style="font-size: 14px; font-weight: bold; padding-bottom: 10px;">H&auml;ufig gesucht</div>
    <div style="font-size: 12px; color: #E62286;"><a href="index.php?cat=c33_Kleidung.html#33" style="color: #E62286; text-decoration:none;">Damenbekleidung</a><br />
    <a href="index.php?cat=c39_Schuhe.html#39" style="color: #E62286; text-decoration:none;">Herrenschuhe</a><br />
    <a href="index.php?cat=c41_Schmuck.html#41" style="color: #E62286; text-decoration:none;">Schmuck</a><br />
    <a href="index.php?cat=c58_Moebel---Wohnen.html" style="color: #E62286; text-decoration:none;">Wohnzimmerm&ouml;bel</a><br />
    <a href="index.php?cat=c47_Uhren.html#47" style="color: #E62286; text-decoration:none;">Herren Uhren</a></div>
    </div>
    <div style="width: 1px; height: 60%; float: left; border-right: 1px dotted rgb(204, 204, 204); margin-top: 30px; margin-right: 5px;">&nbsp;</div>
    <div style="width: 20%; float: left; font-family: arial,helvetica,verdana; color: rgb(248, 248, 248); letter-spacing: 1px; line-height: 20px; padding-left: 35px;">
    <div style="font-size: 14px; font-weight: bold; padding-bottom: 10px; text-align: center;">Share</div>
    <div style="font-size: 12px; color: rgb(0, 166, 203); text-align: center;"><a href="http://www.twitter.com/gambio"><img border="0" align="bottom" width="85" height="82" src="images/logo_twitter.png" alt="Twitter" /></a><br />
    <a href="http://www.facebook.com/"><img border="0" align="bottom" width="85" height="82" src="images/logo_facebook.png" alt="Facebook" /></a></div>
    </div>
    </div>
    <div style="width: 960px; margin-left: 18px; padding: 4px;">
    <div style="font-family: arial,helvetica,verdana; color: rgb(170, 170, 170); font-size: 12px; letter-spacing: 1px;">
    <div style="width: 885px; float: left; overflow: hidden; padding-left: 350px;"><span style="font-size: smaller;">&copy; 2011 - All rights reserved - Testshop AG</span></div>
    <div style="width: 75px; height: 17px; background-image: url(&quot;images/icons_creditcards.gif&quot;); margin-left: 885px;">&nbsp;</div>
    </div>
    </div>
    </div>

    MfG

    Meyer
     
  4. balou...sagt "Auf Wiedersehn"
    balou...sagt "Auf Wiedersehn" Erfahrener Benutzer
    Registriert seit:
    7. Juni 2011
    Beiträge:
    1.766
    Danke erhalten:
    374
    Danke vergeben:
    134
    #4 balou...sagt "Auf Wiedersehn", 15. Dezember 2011
    Zuletzt bearbeitet: 15. Dezember 2011
    dann solltest du als nächstes den styleedit öffnen und unter weiteren Einstellungen den footer aktivieren.

    styleedit / optionen / weitere einstellungen / template konfiguration / footer aktivieren - speichern fertig.
     
  5. Meyer
    Meyer Aktives Mitglied
    Registriert seit:
    9. Dezember 2011
    Beiträge:
    27
    Danke erhalten:
    0
    Danke vergeben:
    7
    Hallo,

    was ich noch anmerken wollte:

    Innerhalb des Content - Manager erschein zwar dann der Footer (wenn man den Quelltext ausblendet), jedoch bzw. aber mit weißen Hintergrund. In der Shopansicht erschein nur ganz unten: "Shopsoftware by Gambio.de © 2011", nicht aber der gewünschte Footer. Den Cache habe ich schon geleert... 2011-12-15_170424.jpg

    Mfg

    Meyer
     
  6. Meyer
    Meyer Aktives Mitglied
    Registriert seit:
    9. Dezember 2011
    Beiträge:
    27
    Danke erhalten:
    0
    Danke vergeben:
    7
    Hallo balou,

    danke für Deine Hilfe! Jetzt funktioniert es. Leider ist der Footer-Hintergrund grau. Ich denke das lieg an dem Standarttemplate, welches ich im Moment verwende.

    Hast du einen Tipp für mich, wie ich die Farben des Footers (Hintergrund, Schrift etc.) am besten ändern könnte?

    MfG

    Meyer
     
  7. balou...sagt "Auf Wiedersehn"
    balou...sagt "Auf Wiedersehn" Erfahrener Benutzer
    Registriert seit:
    7. Juni 2011
    Beiträge:
    1.766
    Danke erhalten:
    374
    Danke vergeben:
    134
    #7 balou...sagt "Auf Wiedersehn", 15. Dezember 2011
    Zuletzt bearbeitet: 15. Dezember 2011
    hintergrund:
    man öffne den styleedit / klicke auf bearbeitung starten und fahre mit der maus über den footer und klicke einmal in das gelbe feld.
    jetzt hast du die styles vom footer. klicke auf hintergrund und ändere die farbe. speichern nicht vergessen!!!

    schrift

    die schriftfarbe änderst du im conten-manager beim footer:

    <div style="width: 20%; float: left; font-family: arial,helvetica,verdana; color: rgb(248, 248, 248); letter-spacing: 1px; line-height: 20px; padding-left: 40px;">
    <div style="font-size: 14px; font-weight: bold; padding-bottom: 10px;">Information</div>
    <div style="font-size: 12px; color: #E62286;"><a href="shop_content.php?coID=4" style="color: #E62286; text-decoration:none">Impressum</a><br />
    <a href="shop_content.php?coID=9" style="color: #E62286; text-decoration:none;">Widerruf</a><br />
    <a href="shop_content.php?coID=3" style="color: #E62286; text-decoration:none;">AGB</a><br />
    <a href="shop_content.php?coID=1" style="color: #E62286; text-decoration:none;">Versandkosten</a><br />
    <a href="shop_content.php?coID=2" style="color: #E62286; text-decoration:none;">Datenschutz</a><br />
    <a href="shop_content.php?coID=8" style="color: #E62286; text-decoration:none;">Sitemap</a></div>
    </div>
     
  8. Meyer
    Meyer Aktives Mitglied
    Registriert seit:
    9. Dezember 2011
    Beiträge:
    27
    Danke erhalten:
    0
    Danke vergeben:
    7
    Hallo balou,

    vielen vielen Dank. Super Sache von dir.

    MfG

    Meyer
     
  9. beprop
    beprop Erfahrener Benutzer
    Registriert seit:
    16. Dezember 2011
    Beiträge:
    56
    Danke erhalten:
    0
    Danke vergeben:
    14
    Hört sich einfach an. Doch wenn ich das mache, dann sehe ich auf meiner Seite, wo der Footer stehen sollte, nur den im Content Manager hineinkopierten Quelltext. Was mache ich falsch?

    http://www.fyue.de/shop
     
  10. Pharma98
    Pharma98 Erfahrener Benutzer
    Registriert seit:
    4. September 2011
    Beiträge:
    165
    Danke erhalten:
    40
    Danke vergeben:
    22
    Du hast den Code im WYSIWYG-Modus eingefügt, gell? :)
    Du musst im Editor auf "Quellcode" klicken und dann den Code einfügen.
     
  11. beprop
    beprop Erfahrener Benutzer
    Registriert seit:
    16. Dezember 2011
    Beiträge:
    56
    Danke erhalten:
    0
    Danke vergeben:
    14
    Danke, das wars auch.
     
  12. Kenan Winter
    Kenan Winter Erfahrener Benutzer
    Registriert seit:
    2. März 2012
    Beiträge:
    129
    Danke erhalten:
    2
    Danke vergeben:
    41
    Ne was habe ich diese Funktion gesucht. Hatte den Fehler das der Footer nicht angezeigt wird ebenfalls. Dachte ok - dann wird es Index unten sein , die wird dann aber nur auf der Startseite angezeigt was ja auch nicht der Sinn der Sache ist. Super - danke !
     
  13. bs
    bs Mitglied
    Registriert seit:
    3. Januar 2012
    Beiträge:
    6
    Danke erhalten:
    5
    Danke vergeben:
    1
    Ich habe auch versucht, den Footer einzubauen. Allerdings scheint es mit dem gambio Template so wie hier beschrieben, nicht zu funktionieren? Gibt es diese Option nur für das eyecandy?
     
  14. C h r i s t i a n
    C h r i s t i a n G-WARD 2012
    Registriert seit:
    26. April 2011
    Beiträge:
    3.456
    Danke erhalten:
    330
    Danke vergeben:
    551
    jeep, nur fürs Eye-Candy. Sollte mann/frau aber mit etwas Geschick hinbekommen...
     
  15. hansi777
    hansi777 Mitglied
    Registriert seit:
    10. Juli 2012
    Beiträge:
    24
    Danke erhalten:
    0
    Danke vergeben:
    6
    #15 hansi777, 12. Juli 2012
    Zuletzt bearbeitet: 12. Juli 2012
    Hallo,

    ich konnte den Quelltext kopieren und einfügen. Wenn ich den Footer aktivieren möchte, gehe ich wie beschreiben vor. Allerdings erscheint bei mir, wenn ich in die Template Konfiguration gehe nur ein Popup-Fenster, welches nur wieder den Bearbeitungsmodus enthält. Woran kann das liegen oder was mache ich falsch? Ich arbeite allerdings auch erst an meinem ersten Projekt mit Gambio...

    Edit: Hab rausgefunden woran es gelegen hat! Ich hatte nicht alle Adminberechtigungen aktiviert, deshalb konnte ich die Template Konfiguration nicht ändern. Habe jetzt den entsprechenden Haken setzen könne. Aber leider wird der Footer nicht angezeigt...
     
  16. Don Alfredo
    Don Alfredo Erfahrener Benutzer
    Registriert seit:
    27. Januar 2012
    Beiträge:
    272
    Danke erhalten:
    5
    Danke vergeben:
    111
    Hallo,
    HTMl Code des Footers eingefügt, aber die Hintergrundfarbe paßt nicht. Wenn ich die Templat Einstellung im Bearbeitungsmode starte und die Farbe ändere wird diese angezeigt, speicher und beenden die Farbe ist wieder die alte Einstellung. Schreiberechte sind auf 750. Wer hat einen Tipp für mich. Danke
     
  17. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.630
    Danke erhalten:
    11.351
    Danke vergeben:
    1.614
    Cache - Optionen von 3600 (Standard) auf 5 setzen wenn Du am Template was veränderst. Sonst kann es sein, dass die Änderungen erst nach einer Stunde übernommen werden.
    Cache leeren, vom Shop und im Browser.
     
  18. Don Alfredo
    Don Alfredo Erfahrener Benutzer
    Registriert seit:
    27. Januar 2012
    Beiträge:
    272
    Danke erhalten:
    5
    Danke vergeben:
    111
    Danke für den Tipp, die Änderung lät sich nicht speichern, wenn ich den Button speichern drücke dann passiert nichts weiter. Normalerweise erscheint dann neben dem Speichern Button ein Undo Pfeil bei diesem Shop aber nicht.
     
  19. Dennis (MotivMonster.de)
    Dennis (MotivMonster.de) G-WARD 2013/14/15/16
    Registriert seit:
    22. September 2011
    Beiträge:
    31.211
    Danke erhalten:
    6.221
    Danke vergeben:
    1.108
    Beruf:
    Mann für alles :)
    Ort:
    Weilburg
    notfalls halt brwoser cache komplett leeren und nicht nur reload oder halt inkoknito fenster / anderen Brwoser nehmen dann siehst es auch schneller.
     
  20. Don Alfredo
    Don Alfredo Erfahrener Benutzer
    Registriert seit:
    27. Januar 2012
    Beiträge:
    272
    Danke erhalten:
    5
    Danke vergeben:
    111
    Danke für den Tipp, habe ich schon alles gemacht. Abgesehen von der Anzeige am Bildschirm, die Änderung wird nicht gespeichert. Rufe ich den Bearbeitungsmode erneut auf, steht wieder die alte Einstellungen drinnen. Und die Bestätigung beim Speichern erscheint nicht. Schreibrechte ? In welche datei css Datei wird das geschrieben ?