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

Autor Thema: TEMPLATE: Bootstrap4 für Shop 2.x - freies responsive Template  (Gelesen 15903 mal)

Offline noRiddle

  • Experte
  • *****
  • Beiträge: 10.079
  • Geschlecht: Männlich
    • Teile Beitrag
    • Webdesign Bonn - Köln
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

Offline elakki

  • Neu im Forum
  • *
  • Beiträge: 18
  • Geschlecht: Männlich
    • Teile Beitrag
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

Offline Karl1

  • Viel Schreiber
  • *****
  • Beiträge: 549
    • Teile Beitrag
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

Offline sb_cbo-do

  • Schreiberling
  • ****
  • Beiträge: 282
    • Teile Beitrag
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

Online uptrender

  • Neu im Forum
  • *
  • Beiträge: 4
    • Teile Beitrag
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

Offline hpzeller

  • Experte
  • *****
  • Beiträge: 3.088
  • Geschlecht: Männlich
    • Teile Beitrag
    • xos-shop.com | XOS-Shop ist ein umfangreiches "Open Source Webshop-System", welches per Webinterface administriert wird und an die Bedürfnisse des Betreibers angepasst werden kann.
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

Offline Karl1

  • Viel Schreiber
  • *****
  • Beiträge: 549
    • Teile Beitrag
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

Offline Scubi

  • Frisch an Board
  • **
  • Beiträge: 92
    • Teile Beitrag
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.

Offline Karl1

  • Viel Schreiber
  • *****
  • Beiträge: 549
    • Teile Beitrag
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

Offline hpzeller

  • Experte
  • *****
  • Beiträge: 3.088
  • Geschlecht: Männlich
    • Teile Beitrag
    • xos-shop.com | XOS-Shop ist ein umfangreiches "Open Source Webshop-System", welches per Webinterface administriert wird und an die Bedürfnisse des Betreibers angepasst werden kann.
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

Online uptrender

  • Neu im Forum
  • *
  • Beiträge: 4
    • Teile Beitrag
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

Offline Karl1

  • Viel Schreiber
  • *****
  • Beiträge: 549
    • Teile Beitrag
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.

Offline mannoo

  • Neu im Forum
  • *
  • Beiträge: 36
  • Geschlecht: Männlich
    • Teile Beitrag
    • Reinsalz- Salz und Gewürze
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

Offline hpzeller

  • Experte
  • *****
  • Beiträge: 3.088
  • Geschlecht: Männlich
    • Teile Beitrag
    • xos-shop.com | XOS-Shop ist ein umfangreiches "Open Source Webshop-System", welches per Webinterface administriert wird und an die Bedürfnisse des Betreibers angepasst werden kann.
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

Offline mannoo

  • Neu im Forum
  • *
  • Beiträge: 36
  • Geschlecht: Männlich
    • Teile Beitrag
    • Reinsalz- Salz und Gewürze
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

600x250

Teile per facebook Teile per linkedin Teile per twitter

 


             
anything