Neuigkeiten
  • Die modified eCommerce Shopsoftware ist kostenlos, aber nicht umsonst.
    Spenden
  • Damit wir die modified eCommerce Shopsoftware auch zukünftig kostenlos anbieten können:
    Spenden
  • Thema: Banner neben Content

    Onlineshopper

    • Fördermitglied
    • Beiträge: 942
    • Geschlecht:
    Banner neben Content
    am: 04. August 2021, 11:38:17
    Moin moin,

    kann mir jemand sagen, wie ich so einen Banner neben dem Content unterbringen kann, wie auf folgender Seite?
    https://www.alternate.de/

    PS: Benutze das Bootstrap4 Template.

    LG
    Nils

    Linkback: https://www.modified-shop.org/forum/index.php?topic=41986.0
    Shop Hosting

    noRiddle (revilonetz)

    • Experte
    • Beiträge: 13.707
    • Geschlecht:
    Re: Banner neben Content
    Antwort #1 am: 07. August 2021, 15:52:47
    Soll das, wenn genügend Platz vorhanden, neben dem Haupt-Container des Shops erscheinen oder immer ?
    Wenn neben dem Shop-Container baue es in die index.html des Templates außerhalb es Shop-Haupt-Containers ein und positioniere es absolute.

    Besser dürfte sein es in eine Box in der linken oder rechten Spalte (je nach Template) einzubauen, damit es auch auf schmalen Bildschirmen darstellbar ist (in deinem Beispiel-Link wird das Banner ja ausgeblendet sobald man unter 1902px  Bildschirmbreite kommt, wo sollte es auch hin).
    Dafür kannst du dir eine eigene Box generieren (Anleitung siehe Wiki).
    Alternativ kanmn ich dir ein freeBoxes-Modul anbieten mit welchem man beliebige Boxen mittels des Content-Managers generieren und in diese Boxen beliebigen Inhalt setzen kann.

    Gruß,
    noRiddle

    Onlineshopper

    • Fördermitglied
    • Beiträge: 942
    • Geschlecht:
    Re: Banner neben Content
    Antwort #2 am: 07. August 2021, 19:37:21
    Servus noRiddle,

    was kostet denn das freeBoxes Modul?

    LG
    Nils

    noRiddle (revilonetz)

    • Experte
    • Beiträge: 13.707
    • Geschlecht:
    Re: Banner neben Content
    Antwort #3 am: 07. August 2021, 19:46:39
    Na, so etwas besprechen wir nicht hier im Forum.
    Aber, wie gesagt kannst du das ja auch hiermit machen: Tutorial: Erstellung Box

    Gruß,
    noRiddle

    Onlineshopper

    • Fördermitglied
    • Beiträge: 942
    • Geschlecht:
    Re: Banner neben Content
    Antwort #4 am: 07. August 2021, 23:21:28
    Die Boxen helfen mir aber nicht weiter, wie im Tutorial angegeben.
    Ich nutze das Bootstrap4 als Fullcontent ohne Spalten links und rechts.

    LG
    Nils

    noRiddle (revilonetz)

    • Experte
    • Beiträge: 13.707
    • Geschlecht:
    Re: Banner neben Content
    Antwort #5 am: 07. August 2021, 23:28:39
    Wo willst du denn dann das Banner anzeigen lassen ?
    Wie ich bereits andeutete würde das Banner wenn es außerhalb des Haupt-Shop-Containers angeziegt würde lediglich auf Bildschirmen in Desktop-Größe angezeigt werden können, bzw. sichtbar sein.
    Wenn es nur ein einziges Banner sein soll und es sich nicht zu oft ändert kannst du es ja, wie ich gesgt habe, in der index.html des Templates machen.

    Gruß,
    noRiddle

    Onlineshopper

    • Fördermitglied
    • Beiträge: 942
    • Geschlecht:
    Re: Banner neben Content
    Antwort #6 am: 08. August 2021, 11:06:15
    Das Banner soll rechts neben dem Slider erscheinen (wie im Anhang zu sehen). Da wir noch einen 2. Shop haben, muss ich irgendwo eine Grafik einbauen, die immer sichtbar ist und nicht im Content stört, trotzdem aber ins Auge fällt. Slider und Banner in der Mitte kommt da nicht in Frage, da hier viele Produktbanner rein kommen sollen.

    Der Banner bleibt immer bestehen, wird nie ausgetauscht.

    LG
    Nils

    noRiddle (revilonetz)

    • Experte
    • Beiträge: 13.707
    • Geschlecht:
    Re: Banner neben Content
    Antwort #7 am: 08. August 2021, 19:08:20
    Ich kenne dein Template ja nicht, der Screenshot bringt nur bedingt weiter.
    Hast du Kenntnisse in CSS ?, ansonsten kannst du mit meinen Aussagen "absolute positionieren" ja nichts anfangen.

    Ich habe in deinem jetzigen Template mal im Browser-Tool gespielt (siehe Screenshot):
    Dafür habe ich einen Container innerhalb des div id="layout_content" mit dem Bild generiert.
    Z.B.
    Code: XML  [Auswählen]
    <div id="testimg">
      <img alt="test werbebanner" src="DIE_URL_DES_BILDES">
    </div>

    und im CSS das angegeben:
    Code: CSS  [Auswählen]
    #layout_content {
      ...
      position:relative;
    }

    #testimg {
        position: absolute;
        right: -180px;
        top: 60px;
        width: 160px;
    }

    Damit kannst du ja mal spielen.

    Gruß,
    noRiddle

    Onlineshopper

    • Fördermitglied
    • Beiträge: 942
    • Geschlecht:
    Re: Banner neben Content
    Antwort #8 am: 08. August 2021, 20:33:35
    Ich kenne dein Template ja nicht,
    Benutze das Bootstrap4 Template, wie oben angegeben  ;-)

    Wenn ich das so im Bootstrap4 einbaue, wie Du das geschrieben hast, dann passiert da nicht viel.
    Hab nun 1000 Variationen probiert aber nichts funktioniert :-/

    LG
    Nils

    Onlineshopper

    • Fördermitglied
    • Beiträge: 942
    • Geschlecht:
    Re: Banner neben Content
    Antwort #9 am: 08. August 2021, 21:45:55
    Jetzt hab ich es ansatzweise hinbekommen.
    Im Vollbildmodus passt alles, wie es soll.

    Wenn ich den Browser verkleinere, dann rutscht mir der Banner allerdings direkt in die Mitte.

    LG
    Nils

    noRiddle (revilonetz)

    • Experte
    • Beiträge: 13.707
    • Geschlecht:
    Re: Banner neben Content
    Antwort #10 am: 09. August 2021, 01:02:55
    Okay, ich sehe dir fehlt da das Grundwissen. Ich hatte schon mitbekommen, daß du das das Bootstrap4-Template benutzt. Ich habe deshalb jedoch nicht auswendig parat wie das im HTML alles genau aussieht.
    Wenn der Bildschirm kleiner wird/ist als
    dein Haupt-Container + die Breite des Banners + der Abstand des Banners zum Haupt-Container
    mußt du entscheiden was dann passieren soll.
    In deinem Beispiel-Link wird das Banner mittels einer Media Query einfach ausgeblendet (display:none;).

    Wenn wir uns die Seite nicht online anschauen können und du andererseits nicht weißt wie man mit den Entwickler-Tools im Browser umgeht (rechte Maustatste => Untersuchen), wird es schwer dir weiterzuhelfen.

    Gruß,
    noRiddle

    Onlineshopper

    • Fördermitglied
    • Beiträge: 942
    • Geschlecht:
    Re: Banner neben Content
    Antwort #11 am: 09. August 2021, 12:24:26
    Hm ja ist halt blöd, weil ich das erstmal offline alles zusammenbaue.

    Ich hänge mal die index.html und die css Datei an. Vielleicht hilft das ja weiter.

    LG
    Nils
    5 Antworten
    3296 Aufrufe
    14. Januar 2014, 21:10:22 von sicalord
    4 Antworten
    2850 Aufrufe
    16. Dezember 2014, 11:55:19 von SwissDelightful
    4 Antworten
    2789 Aufrufe
    21. Mai 2011, 16:25:25 von Tomcraft
    8 Antworten
    3029 Aufrufe
    13. Juli 2010, 20:31:22 von smoker
               
    anything