TEMPLATE: Bootstrap4 für Shop 2.x - freies responsive Template

[Timm]

Stimmt, wurde ja schon behoben.

Dann hat @scubi aber auch nicht das neueste Paket.

Gruß Timm

[Scubi]

Hmm,
habe mir eben die aktuelle Version gezogen und werde die mal auf dem Testshop machen.

Ein anderes Problem habe ich gerade festgestellt.

Wenn man einen Gutscheincode nutzt, dann erscheint dieser unter dem Warenkorb. Einige meiner Kunden scrollen nicht so weit runter und klicken gleich auf Kasse. Danach bekomme ich dann eine Beschwerde, dass man den Code nirgends eingeben kann.
Somit wäre das Feld wahrscheinlich besser über dem Warenkorb angesiedelt.
Wie seht Ihr das?

Gruß Alois

[Karl1]

Hallo Alois,

Suche in templates/bootstrap4/module/shopping_cart.html nach dieser Zeile

Code: PHP  [Auswählen]

                {if isset($ACTIVATE_EXPRESS_LINK)}<div class="col-sm-6 col-md-4 mb-2">...

und füge dahinter diese Zeile ein

Code: PHP  [Auswählen]

        {if isset($MODULE_gift_cart)}{assign "dummy" ""}<div class="col-sm-6 col-md-4 mb-2"><a id="gift_link" href="#gift_coupon">{$dummy|bs4button:'gift_link'}</a></div>{/if}

In templates/bootstrap4/source/inc/css_button.inc.php füge nach

Code: PHP  [Auswählen]

    'gift_cart'                                         => array('Text' => $alt,  ...

diese Zeilen ein

Code: PHP  [Auswählen]

        // Warenkorb Link zum Guthabenkonto
    'gift_link'                                         => array('Text' => IMAGE_REDEEM_GIFT,                                   'icon' => 'fa fa-asterisk',                     'iconposition' => 'left',               'Class' => 'btn btn-outline-secondary btn-block'),

In templates/bootstrap4/javascript/bs4.js füge nach Zeile 8 ($(document).ready...) diese Zeilen ein

Code: PHP  [Auswählen]

                $('#gift_link').on('click', function(event) {
                        var target = $('#gift_coupon');
                        event.preventDefault();
                        $('html, body').stop().animate({scrollTop: target.offset().top -20}, 1000);
                        target.find('input').focus();
                });

Dadurch wird, falls das Gutscheinmodul aktiviert ist, vor dem Button "Kasse" ein Gutscheinlink hinzugefügt.
Wird dieser Button gedrückt scrollt der Bildschirm zum Guthabenkonto.

Falls das okay ist, würde ich das Template entsprechend erweitern.

Gruß Karl

[Scubi]

Hallo Karl,

ich habe das eben eingefügt. Es funktioniert wunderbar. Ich werde jetzt einen Newsletter an meine Kunden Senden, in der Hoffnung, dass die Damen danach den Button finden.
Ich würde mich dann heute Abend nochmal melden, ob die Kunden noch Probleme hatten.

Vielen Dank für die Umsetzung. Denke, das wird auch vielen anderen helfen.

Gruß Alois

[alex3536]

Hi Karl,
habe auch noch ein kleines Fehlerchen entdeckt.

Die Buttons "Artikeldatenblatt drucken" und "Rezension schreiben" werden ganz klein, wenn man das Modul "Ratenzahlung Powered by PayPal" unter Zahlungsweise aktiv hat.

Für mich nicht relevant, hatte es nur beim rumspielen gesehen.

Besten Dank für dieses Template.

[Scubi]

Hallo Karl,
ich denke Du kannst es einbauen.
Die Kunden haben jetzt alle den Code eingegeben.

Gruß Alois

[jumpM]

Hi ,

Vielleicht bin ich einfach nur blind, blöd oder vergesslich...

Wo oder wie erstelle ich zusätzliche Tabs?

Robert

[noRiddle (revilonetz)]

Wenn du in der Produkt-Ansicht meinst:
Seit wann kann der Shop so etwas ?
...gibt's aber als update-sicheres Modul, sicherlich nicht nur bei mir...

Gruß,
noRiddle

[finalT]

Moin mitnander,
erstmal vielen, vielen Dank für diese Arbeit. Top.

Mein Anliegen
benutze die Version 2.0.4.2 rev 11374 mit BS4
wollte die PayPal Ratenzahlung (testweise) mit aktivieren, jedoch presst der Banner die 'Artikeldatenblatt drucken' und 'Rezession schreiben' Buttons unschön nach links und werden 'gekappt'.
siehe screenshots 15" Lappy und mobil

Gibt es da eine Lösung für?

BG
Gerd

[crossblade]

Hallo Karl,

danke für das tolle Template und Deine Energie die du hier investierst.

Problem:
Der Slider zeigt keine Bilder an.

Bis jetzt ohne Erfolg ausprobiert:
Cache aus, DB Cache aus, Cache + Templatecache geleert, komplette Kompromierung aus, Beispieldateien nochmal neu installiert. In der Bootstrap 4 Template Konfiguration die versch. Anzeigeoptionen durchprobiert.

Es sind im Moment nur Deine Beispieldateien installiert. Der Viewcounter im Bannermanager der Slider steigt mit jedem Reload der Indexseite. Stelle ich im Bannermanager den Eintrag "Slider" auf "Banner" wird zwar kein Bild aber wenigstens der HTML Text ausgegeben.

Hast Du vielleicht einen Tipp für mich was ich noch versuchen könnte?

Viele Grüße
Tobias

[AGI]

@Gerd

kurzfristig hilft womöglich folgender Eintrag in der stylesheet.css deines Templates:

Code: CSS  [Auswählen]

#product_details .paypal_short_container {float:none};

Viele Grüße
Andreas

[compdirk]

Hallo Karl,

vielen Dank für dieses klasse Template.

Bin dabei es für einen Shopumbau zu testen, bis jetzt läuft es ziemlich gut.

Im Slider werden ja diese Striche (s.h. Beispiel) für die Bildabfolge angezeigt.
Leider befinden sich diese im Bild, wo ich sie nicht haben möchte.

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

Wo kann ich in der bs4.css (falls dies die richtige Datei ist?) diese Striche ausschalten bzw. unsichtbar machen?

Gruß
Dirk

[hpzeller]

Hallo Dirk

Vorschlag:
In die Datei templates/bootstrap4/stylesheet.css folgende Regel einfügen um die Indikatoren (Striche) zu verstecken,

Code: CSS  [Auswählen]

/* Karussellindikatoren nicht anzeigen */
.carousel-indicators {
  display: none;
}

oder folgende Regeln einfügen, um die Indikatoren unterhalb des Karussells anzuzeigen, siehe Bild.

Code: CSS  [Auswählen]

/* Indikatoren unter dem Karussell platzieren */
.carousel-indicators {
  bottom: auto;
  top: 100%;
}
.carousel-indicators li {
  border-color: transparent;
  background-color: #666;
}
.carousel-indicators .active {
  background-color: red;
}

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

Gruss
Hanspeter

[compdirk]

Hallo Hanspeter,

danke für den Code funktioniert wunderbar.

Gruß Dirk

[manne35]

Hallo,
ich bin glücklicher Nutzer des bootstrap 3 Templates, - nochmal ein Danke für die Arbeit Karl.

Jetzt habe ich gesucht nach Finger Verschiebemöglichkeit für die Produktbilder, so mit dem Finger nach links oder rechts wegschieben, aber find i nix. (products_info, bei bootstrap 3 und 4)

Und ich denke,dass heutzutage eigentlich die meisten User, die die standardmäßige Anzahl Finger unter Kontrolle haben, versuchen Bilder seitlich wegzuschieben.

Wenn ich eine Lösung finde melde ich mich - beim Bestseller Slider gehts auch - falls schon jemand es laufen hat wäre ich für einen Tipp dankbar.