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: TEMPLATE: Bootstrap4 für Shop 2.x - freies responsive Template

    Karl1

    • Experte
    • Beiträge: 1.749
    Re: TEMPLATE: Bootstrap4 für Shop 2.x - freies responsive Template
    Antwort #1410 am: 31. August 2021, 10:36:21
    Hallo Nils,
    das kannst du nur mittels CSS lösen.
    Wenn du die Navigation mit den Entwicklertools deines Browsers untersuchst solltest du auf diesen Eintrag stoßen.
    Code: CSS  [Auswählen]
    .navbar-dark .navbar-nav .nav-link {
        color: rgba(255, 255, 255, 0.5);
    }
    Erstelle, falls noch nicht vorhanden, eine Datei templates/bootstrap4/custom.css und schreib dort hinein
    Code: CSS  [Auswählen]
    .navbar-dark .navbar-nav .nav-link {
        color: red;
    }
    Die Schrift sollte jetzt gestochen scharf rot sein.

    Gruß Karl

    woeppel

    • Mitglied
    • Beiträge: 224
    Re: TEMPLATE: Bootstrap4 für Shop 2.x - freies responsive Template
    Antwort #1411 am: 01. September 2021, 15:25:04
    Paypal Plus Wall ladet nicht.

    Template Wechsel von Bootstrap3 zu Bootstrap4. Bei Bootstrap3 lädt die Paypal Wall, in Bootstrap4 leider nicht. Es werden keine Zahlungsarten dargestellt.

    In der Konsole bekomme ich die Meldung:
    Uncaught ReferenceError: $ is not defined
        <anonymous> https://www.xxxxxxxx.de/checkout_payment.php:361

    Kann mir jemand helfen.
    Vielen Dank
    Markus

    modified eCommerce Shopssoftware v2.0.4.2 rev 11374

    Karl1

    • Experte
    • Beiträge: 1.749
    Re: TEMPLATE: Bootstrap4 für Shop 2.x - freies responsive Template
    Antwort #1412 am: 01. September 2021, 16:31:58
    Hallo Markus,
    die Konsolenmeldung sagt aus, dass versucht wird eine jQuery-Funktion zu nutzen - jQuery aber noch nicht geladen ist.

    In älteren Shopversionen, egal ob Standardtemplates oder meine Bootstraptemplates wurde die jQuery-Datei noch im Head  des Shops geladen - was für die Ladezeit des Shops negativ ist.
    Seit Shopversion 2.0.5.0 wird jQuery generell am Ende des Body-Tags geladen.

    Wenn du also Shopdateien aus 2.0.4.2 mit Templatedateien nutzt, die für neuere Shopversionen entwickelt sind, dann führt das zu Problemen.

    Gruß Karl

    karsta.de

    • Experte
    • Beiträge: 3.056
    Re: TEMPLATE: Bootstrap4 für Shop 2.x - freies responsive Template
    Antwort #1413 am: 02. September 2021, 13:15:47
    Hallo Karl,

    ich habe einen einfachen Link zu einer PDF-Datei und möchte diese in der Modalbox anzeigen. Gibt es da einen Trick oder muss dafür das Javascript erweitert werden?
    Mein Link sieht so aus:
    Code: PHP  [Auswählen]
    <a class="iframe" href="/media/products/meine-pdf-datei.pdf" title="meine-pdf-datei" target="_blank">
    Eigentlich öffnet sich das Dokument schon in der Modalbox, doch es werden nur Hieroglyphen angezeigt. Verwende ich den Link ganz normal ohne "iframe", wird das Dokument korrekt angezeigt.

    Was muss ich tun, dass das PDF in der Modalbox korrekt angezeigt wird?

    BG Karsta

    noRiddle (revilonetz)

    • Experte
    • Beiträge: 13.707
    • Geschlecht:
    Re: TEMPLATE: Bootstrap4 für Shop 2.x - freies responsive Template
    Antwort #1414 am: 02. September 2021, 13:26:11
    Der Browser selbst benutzt seine eigene Implementation für die Anzeige von PDFs, und das auch nur je nach Einstellung im Browser. Man kann nämlich auch einstellen PDFs sollen mit einem Programm auf dem eigenen Rechner geöffnet werden.
    In einer Modal-Box, oder überhaupt in einem iFrame, bzw. innerhalb von HTML kann man PDFs nur mithilfe einer speziellen Implementation anzeigen. Dazu gibt es "Plugins".
    Hier auf Stackoverflow wird z.B. eines vorgeschlagen: https://stackoverflow.com/questions/35286303/pdf-file-to-be-displayed-on-the-dialog-modal-via-bootstrap#answer-35290998

    Gruß,
    noRiddle

    Karl1

    • Experte
    • Beiträge: 1.749
    Re: TEMPLATE: Bootstrap4 für Shop 2.x - freies responsive Template
    Antwort #1415 am: 02. September 2021, 17:25:17
    Hallo Karsta,
    wie noRiddle schon schrieb ist vieles von den Browsereinstellungen abhängig.

    Du kannst es aber mal mit dem embed-Tag probieren, ist aber wieder Browserabhängig.
    Setze dazu am einfachsten deine eigene Modal-Box in den Shop.

    Code: PHP  [Auswählen]
            <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#karstas_modal">
            Karstas PDF
            </button>
            <div id="karstas_modal" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
                    <div class="modal-dialog src">
                            <div class="modal-content">
                                    <div class="modal-header">
                                            <h4 class="modal-title text-center">Karstas PDF</h4>
                                            <button type="button" class="close" data-dismiss="modal" aria-label="{#BS4_close#}"><span aria-hidden="true">&times;</span><span class="sr-only">{#BS4_close#}</span></button>
                                    </div>
                                    <div class="modal-body">
                            <embed src="https://mein_shop.de/media/products/meine-pdf-datei.pdf" type="application/pdf" width="100%" height="650">
                                    </div>
                                    <div class="modal-footer">
                                            {#BS4_close#|bs4button:'modal_close':'data-dismiss="modal"':'true'|replace:'submit':'button'}
                                    </div>
                    </div>
                </div>
            </div>

    Gruß Karl

    karsta.de

    • Experte
    • Beiträge: 3.056
    Re: TEMPLATE: Bootstrap4 für Shop 2.x - freies responsive Template
    Antwort #1416 am: 02. September 2021, 18:29:38
    Vielen Dank euch beiden.

    BG Karsta

    andi

    • Neu im Forum
    • Beiträge: 39
    Re: TEMPLATE: Bootstrap4 für Shop 2.x - freies responsive Template
    Antwort #1417 am: 08. September 2021, 19:43:16
    Moinsen,
    gibt es bei diesem Theme eigentlich die Möglichkeit Produktvideos einzubinden, also Videos die auf dem eigenen Server liegen? Ich hatte in der Suche da nichts gefunden, oder falsch gesucht?

    LG Andi

    Karl1

    • Experte
    • Beiträge: 1.749
    Re: TEMPLATE: Bootstrap4 für Shop 2.x - freies responsive Template
    Antwort #1418 am: 09. September 2021, 09:51:36
    Hallo Andi,
    darüber wurde schon geschrieben:

    Gruß Karl

    andi

    • Neu im Forum
    • Beiträge: 39
    Re: TEMPLATE: Bootstrap4 für Shop 2.x - freies responsive Template
    Antwort #1419 am: 09. September 2021, 10:42:22
    Hi Karl,
    Danke für die schnelle Antwort.
    Da geht es aber um die Einbindung von youtube bzw. vimeo.
    Für eine direkte Einbindung vom eigenen Server gibt es keine vorbereiteten Möglichkeiten bzw. Player?
    Zu flash-Zeiten war das ja noch recht simpel machbar, aber nun?
    Ist youtube wirklich die einfachste Methode?

    LG Andi

    Karl1

    • Experte
    • Beiträge: 1.749
    Re: TEMPLATE: Bootstrap4 für Shop 2.x - freies responsive Template
    Antwort #1420 am: 09. September 2021, 10:55:38
    Hallo Andi,
    da kann ich dir leider nicht weiterhelfen.

    Gruß Karl

    andi

    • Neu im Forum
    • Beiträge: 39
    Re: TEMPLATE: Bootstrap4 für Shop 2.x - freies responsive Template
    Antwort #1421 am: 09. September 2021, 11:05:18
    ok, also dürfte es da so, out of box, wohl nicht geben und es wäre eine individuelle Anpassung?

    hpzeller

    • Experte
    • Beiträge: 4.130
    • Geschlecht:
    Re: TEMPLATE: Bootstrap4 für Shop 2.x - freies responsive Template
    Antwort #1422 am: 09. September 2021, 13:20:55
    [...]
    Für eine direkte Einbindung vom eigenen Server gibt es keine vorbereiteten Möglichkeiten bzw. Player?
    [...]

    Doch gibt es, schau mal hier ->  https://wiki.selfhtml.org/wiki/HTML/Tutorials/Multimedia/video
    und hier -> https://www.w3schools.com/html/html5_video.asp

    Einfaches Beispiel:
    Code: XML  [Auswählen]
    <video controls style="width: 100%; height: auto;">
      <source src="https://mdbootstrap.com/img/video/Sail-Away.mp4" type="video/mp4" />
    </video>

    Gruss
    Hanspeter

    noRiddle (revilonetz)

    • Experte
    • Beiträge: 13.707
    • Geschlecht:
    Re: TEMPLATE: Bootstrap4 für Shop 2.x - freies responsive Template
    Antwort #1423 am: 11. September 2021, 12:43:05
    Auch heute noch stößt man traurigerweise immer wieder auf Webseiten die Videos enthalten die das eigene System nicht abspielt. Das möchte man selbst jedoch vermeiden wenn man Vids anbietet und sollte deshalb Folgendes beachten:
    Man muß die von den Browsern auf den verschiedenen Betriebssystemen unterstützten Codecs berücksichtigen.
    Wikipedia hat dazu eine ganz gute Übersicht: Wikipedia: HTML5 video.
    mp4 als H.264 (aka Advanced Video Coding) ist dabei das am weitesten unterstützte Format.
    Auf Linux-Systemen allerdings eingeschränkt bzw. mithilfe von Progamm-Libraries die das Streaming ermöglichen.
    Fazit:
    Bis auf die Browser Konquerer und GNOME Web auf Linux-Systemen, die eigene Codecs auf OS-Level benötigen, würde man mit den Formaten *.ogg und *.mp4 alles abdecken.

    Gruß,
    noRiddle

    andi

    • Neu im Forum
    • Beiträge: 39
    Re: TEMPLATE: Bootstrap4 für Shop 2.x - freies responsive Template
    Antwort #1424 am: 18. September 2021, 21:12:51
    Modulshop - Eine große Auswahl an neuen und hilfreichen Modulen für die modified eCommerce Shopsoftware
    1266 Antworten
    403661 Aufrufe
    12. Dezember 2023, 07:46:30 von Karl1
    1228 Antworten
    633862 Aufrufe
    11. März 2020, 16:11:33 von Baschtl
    1 Antworten
    3085 Aufrufe
    24. April 2018, 09:36:44 von lukass