BOX: Versand- und Zahlungs-Logos automatisch in Info-Box anzeigen

[lithoverlag]

So weil ich denke so etwas sollte ein Shop automatisch machen und dass man im Code rum basteln muss ein erster Schritt dazu für das tpl_modified. Damit werden Logos der Paketanbieter und Logos der Zahlungsmöglichkeiten automatisch je nach dem was im Backend aktiviert wird eingeschaltet.

Ich habe mich aber auf die gängigsten Anbieter begrenzt, wer mehr oder spezielle haben möchten kann sich gerne bei mir melden.

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

Neue Version mit Fonts anstelle von Grafiken:

Neue Schriftart

Wer kennt sie nicht, die Schriftart "Font Awesome", welche es erlaubt, mit einem i-Tag und einer/mehrerer Klassenangabe(n) ein Symbol darzustellen, z. B.

Code: PHP  [Auswählen]

<i class="fas fa-home"></i>

für das kleine Häuschen-/Home-Symbol?!

Ich habe mir die Mühe gemacht und die ganz eigene Schriftart mit Namen "awidsModuleIcons" nach dem selben Schema kreiert.

Nur werden mit meiner Schriftart einheitliche Zahlungs- und Versandlogos ausgegeben, wenn man nachstehendes Schema anwendet:

Code: PHP  [Auswählen]

<i class="ami ami-pp-classic"></i>

Der obige Code fügt ein PayPal-Zahlungs-Icon ein.

Aber warum poste ich das hier in einem Modul-Thread?

Ganz einfach: Ich habe das Modul hier mit meiner Schriftart kombiniert und über ein PHP-Array festgelegt, welches Icon zu welcher Zahlungs-/Versandweise angezeigt werden soll. (Die Datei ist natürlich editierbar, falls man hier etwas austauschen möchte.)

Ich präsentiere also ein großes Update auf Version 2 für das vorliegende Modul!

Unterschiede zu vorherigen Versionen:

• vollständiger Verzicht auf Bilder/Image-Icons
• Integration meiner Icon-Font awidsModuleIcons
• Icons mit deutschem Schriftzug (z. B.: "Rechnung") haben ein englischsprachiges Alternativ-Icon, welches abhängig von der verwendeten Sprache automatisch ausgetauscht wird
• Berücksichtigung von Kundengruppen, d. h. es werden nur für die jeweilige Kundengruppe erlaubte Zahlungs- und Versandweisen angezeigt

Damit die Zahlungs- und Versand-Icons angezeigt werden können, muss nur noch die im Paket enthaltene CSS-Datei in der general_bottom.css.php "angemeldet" werden.

Hierzu in besagter Datei nach:

Code: PHP  [Auswählen]

    DIR_TMPL_CSS.'fontawesome-all.css',

folgendes einfügen:

Code: PHP  [Auswählen]

    DIR_TMPL_CSS.'awidsModuleIcons.css',

Die zur Box gehörenden Dateien können einfach überschrieben werden, sofern sie nicht weiteren Änderungen durch euch unterliegen, die dann natürlich in der neuen Dateiversion nachgepflegt werden müssen.

Für Fremdtemplates müssen die enthaltenen Dateien natürlich auf die Template-Gegebenheiten angepasst werden.

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

[EDIT Tomcraft 28.04.2017: Paket aktualisiert.]
[EDIT Tomcraft 28.04.2017: Icons in Paket ergänzt.]
[EDIT Tomcraft 28.04.2017: Icon in Paket ergänzt.]
[EDIT Tomcraft 28.04.2017: Icons in Paket ergänzt.]
[EDIT Tomcraft 28.04.2017: Paket aktualisiert.]
[EDIT Tomcraft 29.04.2017: Paket aktualisiert auf Version 1.0.0.]
[EDIT Tomcraft 30.04.2017: Icons in Paket 1.0.0 ergänzt.]
[EDIT Tomcraft 30.04.2017: Icon in Paket 1.0.0 ergänzt.]
[EDIT Tomcraft 01.05.2017: Icons in Paket 1.0.0 ergänzt.]
[EDIT Tomcraft 04.05.2017: Screenshot & Paket aktualisiert auf Version 1.0.1.]
[EDIT Tomcraft 04.02.2020: Paket aktualisiert auf Version 1.0.2.]
[EDIT Tomcraft 02.05.2021: Neues Modul für Shopversion 2.x mit Fonts anstelle von Grafiken ergänzt, Danke an awids.]
[EDIT Tomcraft 02.05.2021: Screenshots ergänzt, Danke an awids.]
[EDIT Tomcraft 02.05.2021: woff2 font in Paket für Shopversion 2.x ergänzt.]
[EDIT Tomcraft 07.05.2021: Modul für Shopversion 2.x aktualisiert, Danke an awids.]

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

[awids]

Danke, dass du unsere indirekt gemeinsam erarbeitete Template-Verbesserung allgemein zur Verfügung stellst. 

Weitere Verbesserungen wären,

- die alt-Texte als Variablen zu integrieren, sodass sie mehrsprachsprachig angegeben werden können.
- das Template im Bilderpfad als {$smarty.const.CURRENT_TEMPLATE} anzugeben, damit bei einer Umbenennung des Template-Ordners hier nichts verändert werden muss.
- die p-Tags mit in die if-Abfrage zu setzen, da hier sonst lauter leere Zeilen generiert werden.

Liebe Grüße

Alex

[lithoverlag]

Ok Alex, ich erkläre mich mehr für die Grafik zuständig als für das coden... (Ist nicht so meine Welt).
Und sorry ich vergaß, dass es ohne Dich erst gar nicht soweit gekommen wäre...

Aber wegen der Mehrsprachigkeit wäre es auch schön wenn man einen Länderfaktor einbeziehen könnte. Z.B.  verkaufe ich nicht auf Rechnung ins Ausland und Lastschrift ins Ausland ist zwar theoretisch machbar, aber bei Widerruf wird's blöd, und ich benutze nur bestimmte Paketdienste für bestimmte Länder. Nachnahme geht z.B. mit der Post gar nicht mehr in die Niederlande. usw...

Man sieht also, dass viele Bezahl- und Versandmöglichkeiten in der Praxis keine Anwendung finden weil zu umständlich oder rechtlich problematisch ist...

By the way: Die Zahlungsmodule von Klarna, Sofort Überweisung und Skrill sind doch jetzt ein Laden oder? Weiß wer darüber was genaueres?

[awids]

Hast du sicher nicht vergessen und ist auch nicht wirklich relevant. Wenn ich dir da nicht weiter geholfen hätte, dann jemand anderes. Hab mich nur gefreut, dass du was daraus gemacht hast.

Deine weiteren Einwände kann man bei einem zukünftigen Update der Template-Erweiterung ja auch irgendwie mit einbringen.

[Modulfux]

Ich würde es noch ein wenig eleganter lösen, in dem man das ganze dynamisch angeht.

Meine Idee sähe wie folgt aus. In der templates/tpl_modified/source/boxes/miscellaneous.php

Code: PHP  [Auswählen]

if (!$box_smarty->is_cached(CURRENT_TEMPLATE . '/boxes/box_miscellaneous.html', $cache_id) || !$cache) {
  $payment_modules = explode(';', MODULE_PAYMENT_INSTALLED);
  $payment_modules = str_replace('.php', '', $payment_modules);
  foreach ($payment_modules as $payment_module) {
    if (constant(strtoupper('MODULE_PAYMENT_' . $payment_module . '_STATUS')) == 'True') {
      include_once DIR_WS_LANGUAGES . $_SESSION['language'] . '/modules/payment/' . $payment_module . '.php';
      $payments[] = [
        'NAME' => constant(strtoupper('MODULE_PAYMENT_' . $payment_module . '_TEXT_TITLE')),
        'IMG'  => (strpos($payment_module, 'paypal') !== false ? 'paypal' : $payment_module),
      ];
    }
  }
  $box_smarty->assign('payments', $payments);
}

Und dann in der Templatedatei als Schleife durchlaufen lassen

Code: PHP  [Auswählen]

{foreach name=aussen item=box_data from=$payments}
   <p><img src="{$tpl_path}img/img_{$box_data.IMG}.png" alt="{$box_data.NAME}" /></p>
{/foreach}

Damit werden die Bezahllogos abhängig von der Installation und Modulstatus angezeigt. Gleichzeitig hat man für die alt-Attribute auch gleich das Problem der Mehrsprachigkeit gelöst und

Gruß
Ronny

[awids]

Ich saß auch gerade an dieser vereinfachten Methode.

[Timm]

Finde die Idee gut, weil man beim Wechsel von Zahlungs- oder Versandarten, oder wenn sich die Logos vom Anbieter ändern, nicht jedesmal ein neues eigenes Bild erstellen muss. Vor allem, wenn man das grafisch selbst nicht umsetzen kann.

Mir persönlich wäre nur der footer zu lang, solange die Zahlungsmöglichkeiten immer untereinander stehen. Oder positionieren die sich auch nebeneinander, wenn man Logos ohne Text einfügt, oder sie kleiner wären, wie es bei den Versanddienstleistern der Fall ist? Beim EC Zeichen und Mastercard zb reicht m.M. nach doch das Logo.

[lithoverlag]

Ich liebe euch (hard) coder... Das Programmieren lernen muss ich leider aber auf mein nächsten Leben verschieben.
Ich werde Euren (@Ronny @alex) weg mal "um/- einbauen" und testen.

@FräuleinGarn
sicher ist ne lange liste, aber seien wir ehrlich "sind die alle in einem Shop aktiv?" Das war nur ein Bild um mal alle darzustellen. In der Realität ist es bei mir nur DPD und DHL, und 2 oder 3 Zahlungsmodule.
Wer Paypal plus hat würde ja nicht noch Paypal classic aktiv schalten oder?

[awids]

Ich habe Ronny's Vorschlag mal für beide Modul-Bereiche zusammengefasst und einen Denkfehler bei den PayPal-Modulen korrigiert, der auf alle PayPal-Module übergriff, weswegen die unterschiedlichen PayPal-Logos nicht gemeinsam angezeigt werden konnten. (Wir bieten z. B. PayPal Classic und PayPal Plus parallel an.)

Da man sich die Icons ja erst mit den entsprechenden Dateinamen anlegen muss (was in meinem Paket nicht mit drin ist), kann man sich ja z. B. auch für einfache Logo-Icons ohne ausgeschriebenen Text entscheiden. Dann weiß ein Kunde vielleicht nicht, was das Logo bedeutet, also habe ich es um einen Title-Tag ergänzt.

Es müsste natürlich noch die Text-Variable heading_miscellaneous1 angelegt werden.

[EDIT Tomcraft 28.04.2017: Paket in Beitrag 1 aktualisiert.]

[Timm]

Mir gings ja nur darum, ob die Zahlungsanbieter in eine Reihe gerückt werden könnten, wie bei den Versandlogos, wenn man den Text hinter den Logos entfernt. Die meißten Leute kennen doch die Logos.

Paypal classic kostet weniger gebühren als paypal plus. Deshalb nutzen das wahrscheinlich schon mehrere parallel.

Ich hab fast genauso viele Anbieter wie du in deinem ersten Bild und die schließen mit der letzten Zeile von "mehr über" ab.

Vielleicht kann man das ja grafisch in diese Richtung lösen. Bitte als konstruktive Kritik werten. Ich finds toll, dass sich jemand in die Richtung Gedanken macht.

[awids]

Lithos 1. Version enthält ja bereits Grafiken für Versandmethoden - hier ist das ganz schön mit den kleinen Kacheln gelöst. Wenn man das auch für die Zahlungsweise so macht, kann man jeweils 3 Zahlungsarten nebeneinander darstellen. Das würde die Ansicht verkleinern.

[lithoverlag]

Ja die kleinen Kachel sind 70 px breit in Summe 210. Die Logos der Zahlungsabieter sind 220 px breit.
Hatte versucht die Versandlogos mit 5px abstand darzustellen, aber dann hätte ich noch ein css anlegen müssen Das war mir dann ein wenig zu viel... Dann hätte es aber auf die volle breite besser ausgesehen oder?

[Modulfux]

und einen Denkfehler bei den PayPal-Modulen korrigiert, der auf alle PayPal-Module übergriff, weswegen die unterschiedlichen PayPal-Logos nicht gemeinsam angezeigt werden konnten.

Stimmt, aber in deiner Version hast du jetzt noch das Problem mit paypalcart. Daher war meine Idee, dass ich Paypal komplett abdecke.

[Timm]

Lithos 1. Version enthält ja bereits Grafiken für Versandmethoden - hier ist das ganz schön mit den kleinen Kacheln gelöst. Wenn man das auch für die Zahlungsweise so macht, kann man jeweils 3 Zahlungsarten nebeneinander darstellen. Das würde die Ansicht verkleinern.

Ja die kleinen Kachel sind 70 px breit in Summe 210. Die Logos der Zahlungsabieter sind 220 px breit.
Hatte versucht die Versandlogos mit 5px abstand darzustellen, aber dann hätte ich noch ein css anlegen müssen Das war mir dann ein wenig zu viel... Dann hätte es aber auf die volle breite besser ausgesehen oder?

 

[lithoverlag]

Ich hab fast genauso viele Anbieter wie du in deinem ersten Bild und die schließen mit der letzten Zeile von "mehr über" ab.

Vielleicht kann man das ja grafisch in diese Richtung lösen. Bitte als konstruktive Kritik werten. Ich finds toll, dass sich jemand in die Richtung Gedanken macht.

Ja aber du hast allein mit Paypal und pp plus und die Kreditkarten drei Anbieter "zusammengefasst" Wenn wir den Automatismus wollen, das Anbieter ein und ausgeschaltet werden können muss jeder auf einer eigenen Kachel platziert werden.
Ich werde mir nochmals Gedanken machen ob ich die Zahlungsanbieter auch auf die 70x60 Kacheln bekomme und wie das ausschaut.