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

    noRiddle (revilonetz)

    • Experte
    • Beiträge: 13.707
    • Geschlecht:
    Re: TEMPLATE: Bootstrap4 für Shop 2.x - freies responsive Template
    Antwort #285 am: 10. September 2019, 19:47:05
    @elakki
    Du willst einfach nicht jemanden draufschauen lassen, oder ?
    Nach meiner Meinung spammst du hier langsam den Thread zu.
    Wenn ich überlege wie lange du gebraucht hast herauszufinden was ich gleich anfangs gesagt habe, nämlich mal testweise die Top-Menu-Box auszukommentieren und das Ergebnis zu begutachten...

    Das ist hier kein Forum für seitenweises Kurz-Argumente-Austauschen.
    Ich wette, daß du irgend etwas verändert hast. Hier benutzen noch mehr Karl1s Template und nur du hast Probleme, seltsam oder nicht ?

    So jedenfalls führt das hier zu nichts.

    Gruß,
    noRiddle

    elakki

    • Neu im Forum
    • Beiträge: 3
    • Geschlecht:
    Re: TEMPLATE: Bootstrap4 für Shop 2.x - freies responsive Template
    Antwort #286 am: 10. September 2019, 20:42:26
    @noRiddle: Es hat durchaus etwas gebracht. Das es hier etwas länger wurde ist leider einem Fehler geschuldet. Die Lösung ist nah und ein weitere Nutzer hat selbiges Problem. Da ich bis auf die Index.html nichts angepackt habe außer natürlich die jetzigen Fixes in die betreffenden Dateien einzufügen, gehe ich nicht davon aus, dass es an meinen Ânderungen liegt. Wenn im Template keine Fehler gefunden worden wäre, was nicht der Fall ist würde ich gerne jemanden über den Shop selber drüber schauen lassen.

    LG Axel

    Karl1

    • Experte
    • Beiträge: 1.749
    Re: TEMPLATE: Bootstrap4 für Shop 2.x - freies responsive Template
    Antwort #287 am: 11. September 2019, 08:13:49
    Hallo Axel,
    schau dir mal deine Beiträge an.
    Zitat
    ... wenn man in die mobile Ansicht geht, bleibt das linke Menu leer, wenn man sich nicht in einer Kategorie befindet.
    Zitat
    ...Da ich bis auf die Index.html nichts angepackt habe ...

    Problem betrifft nicht Kategorie- oder Produktansicht, sondern Startseite.
    Index.html beeinflußt Startseite.
    Andere Nutzer scheinen das Problem nicht zu haben.

    Wo könnte der Fehler liegen?

    Gruß Karl

    sb_cbo-do

    • Fördermitglied
    • Beiträge: 464
    Re: TEMPLATE: Bootstrap4 für Shop 2.x - freies responsive Template
    Antwort #288 am: 11. September 2019, 08:59:08
    Hallo,

    @Karl
    Danke für deinen Hinweis bezüglich des responsiven Menüs.
    Ich habe das Superfishmenü aber eh deaktiviert, weil der Shop mit dem Superfishmenü zu langsam war. Wir haben  zu viele Kategorien und es sah mit dem Superfishmenü etwas unübersichtlich aus.

    Ich habe im übrigen in der index.html die {* $top_CATEGORIES *} für die Responsiven Ansicht ausdokumentiert, weil es die einzige Möglichkeit für mich war, wie ich die DOM Elemente reduzieren konnte (von über 4000 auf ca 800 DOM-Elemente). Das Javascript wurde durch diese Änderung bei uns auch deutlich schneller, von ca. 4-5 Sekunden auf unter 0,1 Sekunden.

    In der Responsivenansicht finde ich das rechte Menü (die Seitenleiste) eigentlich auch ausreichend um durch den Shop zu navigieren.

    @noRiddel
    Danke für deine weiten Erklärungen und Codes, ich habe deine beiden Code Änderungen bei uns eingefügt und der Shop läuft erst einmal ohne Probleme.

    Vielen dank für eure Hilfe und endlich ist auch unser Shop mit diesem Design schön schnell.

    Gruß,

    Sven

    uptrender

    • Frisch an Board
    • Beiträge: 77
    Re: TEMPLATE: Bootstrap4 für Shop 2.x - freies responsive Template
    Antwort #289 am: 11. September 2019, 12:26:57
    Hallo,

    erstmal vielen, vielen Dank für das Template! Allerdings ärgere ich mich seit Tagen mit einem kleinen Problem herum und finde es einfach nicht:

    Wo und was muß im CSS geändert werden um in den Artikellisten (Kategorie-Listing) im "card-body" das Artikelbild sowie Artikelname nach unten und nicht nach oben ausgerichtet werden?

    Gruß

    Mike

    hpzeller

    • Experte
    • Beiträge: 4.130
    • Geschlecht:
    Re: TEMPLATE: Bootstrap4 für Shop 2.x - freies responsive Template
    Antwort #290 am: 11. September 2019, 14:48:49
    Hallo Mike,

    bei mir funktioniert es wie folgt.

    In der Datei templates\bootstrap4\module\includes\product_listing_include.html

    Zeile 8

    Code: XML  [Auswählen]
    <a class="card-body h-100 pb-2 text-center" href="{$module_data.PRODUCTS_LINK}">

    ersetzt mit

    Code: XML  [Auswählen]
    <a class="card-body h-100 pb-2 text-center d-flex flex-column" href="{$module_data.PRODUCTS_LINK}">

    Zeile 12

    Code: XML  [Auswählen]
    <div class="lb_image mb-2">

    ersetzt mit

    Code: XML  [Auswählen]
    <div class="lb_image mb-2 mt-auto">

    Zeile 20

    Code: XML  [Auswählen]
    <div class="lb_title lead text-secondary mb-1">{$module_data.PRODUCTS_NAME}</div>

    ersetzt mit

    Code: XML  [Auswählen]
    <div class="lb_title lead text-secondary mb-1 mt-auto">{$module_data.PRODUCTS_NAME}</div>

    Quelle -> https://stackoverflow.com/questions/49385263/bootstrap-4-cards-align-content-at-the-bottom

    Vorher:
    [ Für Gäste sind keine Dateianhänge sichtbar ]

    Nachher:
    [ Für Gäste sind keine Dateianhänge sichtbar ]

    Gruss
    Hanspeter

    Karl1

    • Experte
    • Beiträge: 1.749
    Re: TEMPLATE: Bootstrap4 für Shop 2.x - freies responsive Template
    Antwort #291 am: 11. September 2019, 14:59:40
    Hallo Hanspeter,
    das klappt super.

    Die Änderung sollte dann auch in der Datei templates/bootstrap4/module/includes/product_info_include.html gemacht werden.

    Gruß Karl

    Scubi

    • Mitglied
    • Beiträge: 220
    Re: TEMPLATE: Bootstrap4 für Shop 2.x - freies responsive Template
    Antwort #292 am: 11. September 2019, 22:07:45
    Karl, gibt es mal wieder ein Update? Ich versuche zwar, mich auf dem laufenden zu halten, aber ich vermute ich und einige User verlieren den Überblick.

    Besteht eigentlich interesse an Input, was Seo Tools an Fehlern so ausspucken?
    Ich habe da so einige Meldungen die ich nicht nachvollziehen kann. Da gibt es dann zwei Möglichkeiten. Entweder die Seo Tools geben etwas verkehrtes aus oder aber am Template gibt es Lücken.

    Um nur mal eine Hinweis zu geben. Mein Seotool gibt immer die Fehlermeldung aus, das es doppelte Links gibt. Ich vermute, das es mit der Navigation Mobile Desktop zusammen hängt. Kann aber auch an dem Superfish Menü liegen.

    Wenn Du da Interesse dran hast, kann ich Dir die Informationen auch gerne per PN senden, weil es hier evtl. nicht jeden interessiert.

    Karl1

    • Experte
    • Beiträge: 1.749
    Re: TEMPLATE: Bootstrap4 für Shop 2.x - freies responsive Template
    Antwort #293 am: 12. September 2019, 08:34:04
    Hallo Alois,
    es gibt noch keine entscheidenden Änderungen, deshalb noch kein Update.

    SEO-Meldungen kannst du mir gerne senden, aber bitte per Mail.

    Gruß Karl

    hpzeller

    • Experte
    • Beiträge: 4.130
    • Geschlecht:
    Re: TEMPLATE: Bootstrap4 für Shop 2.x - freies responsive Template
    Antwort #294 am: 12. September 2019, 12:00:56
    Hallo Karl

    Vorschlag: Richte bei GitHub ein Repository -> https://github.com/ für dein Bootstrap4 Template ein, das geht ganz fix, und mit GitHub Desktop -> https://desktop.github.com/ kannst du es ganz unkompliziert mit der Version auf deinem PC synchronisieren. So könnte jeder der das Template nutzt oder daran interessiert ist die Änderungen mitverfolgen und sich die Masterversion oder die aktuelle Releasversion runter laden.

    Gruss
    Hanspeter

    uptrender

    • Frisch an Board
    • Beiträge: 77
    Re: TEMPLATE: Bootstrap4 für Shop 2.x - freies responsive Template
    Antwort #295 am: 17. September 2019, 16:00:52
    Hallo Mike,

    bei mir funktioniert es wie folgt.

    In der Datei templates\bootstrap4\module\includes\product_listing_include.html

    Zeile 8

    Code: XML  [Auswählen]
    <a class="card-body h-100 pb-2 text-center" href="{$module_data.PRODUCTS_LINK}">

    ersetzt mit

    Code: XML  [Auswählen]
    <a class="card-body h-100 pb-2 text-center d-flex flex-column" href="{$module_data.PRODUCTS_LINK}">

    Zeile 12

    Code: XML  [Auswählen]
    <div class="lb_image mb-2">

    ersetzt mit

    Code: XML  [Auswählen]
    <div class="lb_image mb-2 mt-auto">

    Zeile 20

    Code: XML  [Auswählen]
    <div class="lb_title lead text-secondary mb-1">{$module_data.PRODUCTS_NAME}</div>

    ersetzt mit

    Code: XML  [Auswählen]
    <div class="lb_title lead text-secondary mb-1 mt-auto">{$module_data.PRODUCTS_NAME}</div>

    Quelle -> https://stackoverflow.com/questions/49385263/bootstrap-4-cards-align-content-at-the-bottom

    Vorher:
    (Dateianhang Link)

    Nachher:
    (Dateianhang Link)

    Gruss
    Hanspeter

    Hallo Hanspeter,

    vielen Dank. Das funktioniert super in allen Browsern, jedoch leider mit Ausnahme des aktuellen Chrome. Sowohl der Desktop-, als auch der Mobil-Browser schneiden (oder "flexen" ;-)) unten den Card-Footer ab.

    Auf einem älteren Mac habe ich eine zwei Jahre alte Chrome-Version - dort funktioniert es.

    Gruß,

    Mike

    Karl1

    • Experte
    • Beiträge: 1.749
    Re: TEMPLATE: Bootstrap4 für Shop 2.x - freies responsive Template
    Antwort #296 am: 17. September 2019, 16:54:55
    Hallo Mike,
    probiere mal folgendes, das sollte funktionieren.

    Ändere in den Dateien
    templates/bootstrap4/module/includes/product_listing_include.html
    templates/bootstrap4/module/includes/product_info_include.html
    diese Zeilen
    Code: PHP  [Auswählen]
                    <a class="card-body h-100 pb-2 text-center" href="{$module_data.PRODUCTS_LINK}">
                    {if $smarty.const.BS4_FLAG_SPECIAL_SHOW == 'true' && $module_data.PRODUCTS_PRICE_SAVE_PERCENT != ''}<div class="ribbon bg-danger text-white shadow-sm">{#BS4_special#}</div>
                    {elseif $smarty.const.BS4_FLAG_TOP_SHOW == 'true' && $module_data.PRODUCTS_STARTPAGE == '1'}<div class="ribbon bg-primary text-white shadow-sm">{#BS4_top#}</div>
                    {elseif $smarty.const.BS4_FLAG_NEW_SHOW == 'true' && $module_data.PRODUCTS_OLDNEW == '1'}<div class="ribbon bg-success text-white shadow-sm">{#BS4_new#}</div>{/if}
                            <div class="lb_image mb-2">
                                    {if $module_data.PRODUCTS_IMAGE != ''}
                                    <img class="img-fluid unveil" src="{$tpl_path}css/images/loading.gif" data-src="{$module_data.PRODUCTS_IMAGE}" alt="{$module_data.PRODUCTS_NAME|onlytext}" />
                                    <noscript><img class="img-fluid" src="{$module_data.PRODUCTS_IMAGE}" alt="{$module_data.PRODUCTS_NAME|onlytext}" /></noscript>
                                    {else}
                                    &nbsp;
                                    {/if}
                            </div>
                            <h2 class="lb_title lead text-secondary mb-1">{$module_data.PRODUCTS_NAME}</h2>
                    </a>

    in
    Code: PHP  [Auswählen]
                                    <a class="card-body h-100 pb-2 text-center" href="{$module_data.PRODUCTS_LINK}">
                            {if $smarty.const.BS4_FLAG_SPECIAL_SHOW == 'true' && $module_data.PRODUCTS_PRICE_SAVE_PERCENT != ''}<div class="ribbon bg-danger text-white shadow-sm">{#BS4_special#}</div>
                            {elseif $smarty.const.BS4_FLAG_TOP_SHOW == 'true' && $module_data.PRODUCTS_STARTPAGE == '1'}<div class="ribbon bg-primary text-white shadow-sm">{#BS4_top#}</div>
                            {elseif $smarty.const.BS4_FLAG_NEW_SHOW == 'true' && $module_data.PRODUCTS_OLDNEW == '1'}<div class="ribbon bg-success text-white shadow-sm">{#BS4_new#}</div>{/if}
                                            <div class="lb_image">
                                                    {if $module_data.PRODUCTS_IMAGE != ''}
                                                    <img class="img-fluid unveil" src="{$tpl_path}css/images/loading.gif" data-src="{$module_data.PRODUCTS_IMAGE}" alt="{$module_data.PRODUCTS_NAME|onlytext}" />
                                                    <noscript><img class="img-fluid" src="{$module_data.PRODUCTS_IMAGE}" alt="{$module_data.PRODUCTS_NAME|onlytext}" /></noscript>
                                                    {else}
                                                    &nbsp;
                                                    {/if}
                                            </div>
                                    </a>
                                    <a class="card-body p-2 text-center" href="{$module_data.PRODUCTS_LINK}">
                                            <h2 class="lb_title lead text-secondary mb-1">{$module_data.PRODUCTS_NAME}</h2>
                                    </a>

    Gruß Karl

    P.S.: Für den Top-Artikel- und Bestseller-Slider müssten die Dateien module/new_products_default.html und boxes/box_best_sellers.html sinngemäß angepasst werden.

    mannoo

    • Frisch an Board
    • Beiträge: 76
    • Geschlecht:
    Re: TEMPLATE: Bootstrap4 für Shop 2.x - freies responsive Template
    Antwort #297 am: 17. September 2019, 17:08:55
    Hallo,

    ich bingerade dabei die Checkoutbuttons einheitlicher zu Gestalten und habe daher auch den PayPal-Button in einen normalen Button umwandeln lassen.

    Alle meine Versuche aus dem Font "Fontawesome" das PayPal-Icon anzuzeigen schlagen leider fehl.

    Was mache ich Falsch?

    In der Datei fontawesome.min.css sind  fa-paypal und fa-cc-paypal enthalten.

     fa-paypal
    Code: PHP  [Auswählen]
    <span class="fa fa-paypal" ></span>&nbsp;

    fa-cc-paypal
    Code: PHP  [Auswählen]
    <span class="fa fa-cc-paypal" ></span>&nbsp;

    Gruß,

    Mannoo

    hpzeller

    • Experte
    • Beiträge: 4.130
    • Geschlecht:
    Re: TEMPLATE: Bootstrap4 für Shop 2.x - freies responsive Template
    Antwort #298 am: 17. September 2019, 22:26:54
    Hallo Mannoo,

    die Brand-Icons musst du erst wie folgt aktivieren.

    In der Datei templates\bootstrap4\css\general.css.php Zeile 31

    Code: PHP  [Auswählen]
        //$css_array[] = DIR_TMPL_CSS.'brands.min.css';

    so ändern.

    Code: PHP  [Auswählen]
        $css_array[] = DIR_TMPL_CSS.'brands.min.css';

    Danach kannst du sie wie folgt nutzen.

    Code: XML  [Auswählen]
    <span class="fab fa-cc-paypal"></span>
    <span class="fab fa-paypal"></span>
     

    Gruss
    Hanspeter

    mannoo

    • Frisch an Board
    • Beiträge: 76
    • Geschlecht:
    Re: TEMPLATE: Bootstrap4 für Shop 2.x - freies responsive Template
    Antwort #299 am: 18. September 2019, 12:25:09
    Hallo Hanspeter,

    vielen Dank, hat geklappt!

    Gruß,

    Mannoo
    1266 Antworten
    403662 Aufrufe
    12. Dezember 2023, 07:46:30 von Karl1
    75 Antworten
    2529 Aufrufe
    Heute um 22:58:42 von Rocket3
    1228 Antworten
    633864 Aufrufe
    11. März 2020, 16:11:33 von Baschtl
    1 Antworten
    3085 Aufrufe
    24. April 2018, 09:36:44 von lukass