ST Cycling – Der Schweizer Onlineshop für Radsport-Fans

Unsere Webagentur wurde beauftragt, für ST Cycling den Onlineshop komplett zu erneuern.
Nach einem sehr spannenden und vielseitigen Projektaufbau wurde der neue Onlineshop, www.stcycling.ch, im Frühjahr 2023 erfolgreich aufgeschaltet.

Der Spezialist für Zubehör rund um Fahrräder und Zubehör

ST Cycling - ST Distribution - Cycling & Bike Components
ST Cycling – ST Distribution – Cycling & Bike Components

Seither steht der neue Onlineshop noch mehr im Zeichen vieler Radsport-Fans.
Es ist alles zu finden, was Radsportfans benötigen, neue Fahrräder, Bekleidung sowie Ersatzteile.

Ausserdem bietet ST Cycling eine einzigartige, professionelle Beratung vor Ort, welche mit grosser Freude genutzt wird.
Der Gründer, Inhaber und ehemalige Radprofi, Stefan Trafelet, steht mit sehr viel Leidenschaft und Freude für eine persönliche Beratung zur Verfügung.

Am besten im Showroom in Uster einen eigenen Eindruck gewinnen.

Offizieller Partner der Tour de Suisse

Mittlerweile wurde sowohl der Onlineshop als auch der Showroom in Uster zu einem beliebten Ziel für Radsportler und Radsportlerinnen.

Deshalb ist ST Cycling seit 2023 offizieller Partner der Tour de Suisse.
Sie finden den offiziellen Stand auf dem Gelände der Tour de Suisse und können so mit dem Team direkt in Kontakt treten.

Wir freuen uns sehr, dass wir auch nach der Fertigstellung des Projekts, weiterhin der Partner für ST Cycling sein dürfen.

Sie finden den Onlineshop unter www.stcycling.ch

 

PrestaShop 9 in Entwicklung

In der letzten PrestaShop Konferenz wurde nicht nur die Vergangenheit, sondern auch die Zukunft und die künftigen Ziele angesprochen.

Das Shopsystem plant einige Neuigkeiten, dies betrifft vor allem Symfony sowie ein neues Theme.
Somit wird es Zeit, PrestaShop 9 näher anzuschauen.

PrestaShop 8 mit Symfony 4 / PHP 8

PrestaShop 8 wurde mit Symfony 4 aufgebaut, dieses ist kompatibel mit PHP 8.
Ein Update auf PHP 8 ist sehr wichtig, denn PHP 7.2, 7.3 sowie 7.4 sind mittlerweile EOL, also End-of-Life.
Viele Hoster stellen diese PHP-Versionen nur noch für einige Monate zur Verfügung, danach werden sie durch PHP 8 abgelöst.

Daneben sind solche Updates auch für die Sicherheit sehr wichtig, da damit Sicherheitslücken geschlossen werden können.
Jedoch rennt die Zeit und es gibt immer neuere Entwicklungen, wodurch auch Symfony 4 sein EOL erreicht.

Damit hat sich auch PrestaShop bereits befasst und deshalb Neuigkeiten angekündigt.

PrestaShop 9 mit Symfony 6.4

Einblick: Hummingbird Theme, PrestaShop 9
Einblick: Hummingbird Theme, PrestaShop 9

An der Konferenz hat PrestaShop mitgeteilt, dass an der PrestaShop Version 9 entwickelt wird.

Diese Entwicklungen begannen mit Symfony 5.4, jedoch hat man sich entschieden, die Entwicklungen mit Symfony 6.4 fortzusetzen.
Das Ziel ist eine längere Zeitspanne, in welcher die Symfony Version verwendet werden kann, da diese erst gerade veröffentlicht wurde.

Für PrestaShop 9 gilt zudem die neue Mindestanforderung mit PHP 8.1.

Den Aufbau, Updates sowie zahlreiche Feedbacks in der Community, kann auf Github verfolgt werden, dort sind auch Changelogs zu finden.

Einführung des Hummingbird Theme

Eine weitere Neuheit ist die Einführung vom Hummingbird Theme.
Dieses soll mit PrestaShop 9 erstmals als 2. Theme eingeführt werden.

Weiterhin wird das Theme classic verfügbar sein, jedoch kann neu auch Hummingbird verwendet werden.

Geplant ist zudem, dass Hummingbird Theme spätestens mit PrestaShop 10 als neuen Standard einzuführen.

 

2024: PrestaShop QR Rechnung – PrestaShop 8 / PHP 8

Unser PrestaShop QR-Modul erweitert Ihre PDF-Rechnung mit einem praktischen QR-Code.
Installieren Sie unser QR-Modul und bieten Sie Ihren Kundinnen und Kunden ab sofort einen QR-Code für die Bezahlung an.

PrestaShop QR-Modul

PrestaShop QR Rechnung
PrestaShop QR Rechnung

Nach der Installation des Moduls, tragen Sie Ihre IBAN-Nummer sowie Ihre Anschrift ein.

Sie bestimmen, bei welcher Zahlungsart der QR-Code generiert wird.
Wenn beispielsweise die Bezahlung per Banküberweisung (Rechnung) ausgewählt wurde, dann wird automatisch eine zusätzliche Seite in der PDF-Rechnung mit einem QR-Code generiert (siehe Bild).

 

Kompatibilität PrestaShop QR-Rechnung:

Das Modul mit der QR-Rechnung ist kompatibel mit PrestaShop 8.x und PHP 8.
Selbstverständlich aber auch abwärts kompatibel mit PrestaShop 1.7.8.x / PHP 7.4.

Haben Sie Fragen zum QR-Modul oder möchten Sie eine Lizenz?
Kontaktieren Sie uns, wir stehen Ihnen gerne zur Verfügung.

 

Ab 2024: PostFinance Pay für PrestaShop & WooCommerce

Die PostFinance hat bereits alle Kunden informiert, dass PostFinance Checkout abgelöst wird.

Wir erklären Ihnen, was dies genau bedeutet und wie Sie vorgehen müssen.

Postfinance Pay ersetzt PostFinance Checkout

Ab 2024: PostFinance Pay für PrestaShop & WooCommerce
PostFinance Pay für PrestaShop & WooCommerce

Das bisherige PostFinance Checkout wird durch PostFinance Pay abgelöst.
Damit werden in Zukunft keine Zahlungen mehr mit E-Finance oder Postcard in Onlineshops möglich sein.

Neu wird eine Zahlung nur noch mit der PostFinance App möglich sein.

Bestehende Kunden vom Checkout können bereits im Voraus, bis Ende 2023, die App als Zahlungsart zusätzlich aufschalten.
Dazu ist jedoch eine Bestätigung notwendig, welche alle Kunden per E-Mail erhalten haben.

> PostFinance Pay

Kreditkarten & Twint

Sie können weiterhin Ihren Kundinnen und Kunden zusätzliche Zahlungsmöglichkeiten im PrestaShop und WooCommerce anbieten.

Kreditkarten wie MasterCard, Visa sowie auch AMEX sind ebenfalls weiterhin möglich.
Dasselbe gilt auch für Twint, welches sehr einfach angebunden und integriert werden kann.

Für Kreditkarten sind weitere Verträge mit Worldline (ehemals SIX) oder Concardis notwendig.
Twint können Sie ganz einfach im Händlerportal anmelden, aktivieren und bei PostFinance hinzufügen.

> Twint

PrestaShop Hackerangriff mit Megecart

Bei Onlineshops gibt es immer wieder Hackerangriffe, betroffen sind viele Shopsysteme, darunter auch PrestaShop und WooCommerce.
Das Ziel sind meistens Zahlungs- oder Kundendaten, besonders häufig ist PayPal betroffen.

In diesem Artikel befassen wir uns mit Megecart, welcher beispielsweise bei PrestaShop auftreten kann.

Megecart bei PrestaShop

PrestaShop Hackerangriff mit Megecart
Megecart Hackerangriff

Immer wieder sind Onlineshops, darunter PrestaShop vom sogenannten Megecart betroffen.
Ist ein solcher Angriff erfolgreich, wird der Onlineshop kompromittiert, das heisst, es wird Fremdcode eingeschleust, oftmals unbemerkt im Hintergrund.

Sichtbar wird Megecart direkt im Warenkorb, meist sind Codezeilen vorhanden, welche im Quellcode sichtbar sind (siehe Screenshot).

Sobald ein Kunde seine Daten einträgt, werden diese an die Angreifer übermittelt, der Kunde bemerkt nichts davon.

 

Megecart Ursache

Meistens erfolgt der Zugriff für den Hacker über eine Schwachstelle in den Onlineshop.
In der Regel unbemerkt, so dass der Code möglichst lange Daten sammeln und an eine externe Seite übertragen kann.

Die Sicherheitslücken sind:

  • Module welche lange Zeit nicht aktualisiert wurden
  • Ältere Shopversionen
  • jQuery-Files mit anfälligen Sicherheitslücken
  • Unsichere FTP-Zugangsdaten

 

Behebung und Onlineshop Erneuerung

Ist der Schaden bereits vorhanden, dann muss der Onlineshop komplett überarbeitet und erneuert werden. Dabei wird auch der Schadcode vollständig entfernt.
Oftmals kann die Datenbank mit allen Bestellungen, Kundendaten sowie Produkten gerettet werden.
Eine Garantie dafür gibt es aber erst, wenn wir den Onlineshop überprüfen konnten.

Die Bereinigung von Megecart erfolgt in 4 Schritten:

  • Überprüfung des Schadens und Sicherung der SQL-Daten (sofern möglich)
  • Im Anschluss überarbeiten wir die Daten und führen ein Shop-Update durch
  • Der Onlineshop kann danach wieder mit einem neuen Shopdesign verwendet werden

Hinweis: Eine Cyberversicherung kann beim Megecart hilfreich sein.
Wie hoch die Kostenübernahme ausfallen kann, muss mit der Versicherung geprüft werden.

 

Haben Sie Fragen zu Hackerangriffen oder sind Sie selber vom Megecart betroffen?
Wir unterstützen Sie gerne, kontaktieren Sie uns.

 

Bugfix: PrestaShop Passwort anfordern

Gerade nach einem PrestaShop Update kommt es häufig vor, dass es innerhalb der Version 1.7.8.x einen Fehler gibt.
Das Passwort für registrierte Kunden kann nicht zurückgesetzt und neu angefordert werden.

PrestaShop Passwort anfordern

PrestaShop Onlineshop
PrestaShop Onlineshop

Das Problem zeigt sich nach dem Update, sobald ein registrierter Kunde sein Passwort ändern möchte.
Es gibt dauerhaft eine Fehlermeldung, egal wie oft das Passwort angefordert wird.

Die Lösung ist ein kleiner Bugfix, mit welchem das Problem mit dem Passwort anfordern sofort gelöst werden kann.

 

Bugfix PrestaShop Passwort-Reset

Öffnen Sie folgende PrestaShop Pfade via FTP und fügen Sie den Code direkt in die Zeilen ein.

Wichtig: Erstellen Sie zuerst ein Backup der Files, bevor Sie Änderungen durchführen.

controllers/front/PasswordController.php (ab Zeile 175)

Fügen Sie folgende Textzeile in Fettschrift hinzu:

$this->context->smarty->assign([
‚customer_email‘ => $customer->email,
‚customer_token‘ => $token,
‚id_customer‘ => $id_customer,
‚id_customer_ok‘ => $id_customer,
‚reset_token‘ => Tools::getValue(‚reset_token‘),
]);

 

themes/classic/templates/customer/password-new.tpl

Einfach die folgende Zeile (72) austauschen:
<input type=“hidden“ name=“id_customer“ id=“id_customer“ value=“{$id_customer}“>

Neu einfügen:
<input type=“hidden“ name=“id_customer“ id=“id_customer“ value=“{$id_customer_ok}“>

 

Danach können beide Files gespeichert werden, im Anschluss sollte der Passwort-Reset im PrestaShop wieder funktionieren.

PrestaShop mit Webpack (scss) – Installation & Updates 2023

Will man bei PrestaShop bestimmte CSS-Files erweitern, sind viele Anpassungen nur im SCSS-Format möglich.
SCSS Files werden über Webpack verarbeitet, somit muss das CSS-File mit Webpack kompiliert werden.

Webpack für PrestaShop installieren

PrestaShop mit Webpack (scss) - Installation & Updates 2023
PrestaShop Updates mit Webpack (SCSS)

Installiert wird die kostenlose Anwendung direkt auf dem Webserver, die meisten Webhoster bieten diese Erweiterung per Klick ebenfalls an.
Falls dies nicht der Fall sein sollte, kontaktieren Sie zuerst den Hoster, ob es in Ihrem Paket eingerichtet werden kann.

Via FTP-Zugriff kann Webpack gestartet und ausgeführt werden, öffnen Sie dazu den folgenden Ordner:
PrestaShop/themes/classic/_dev/

Nun können Sie die Pakete installieren, welche benötigt werden und zwar via Befehlszeile, siehe Screenshot.

PrestaShop mit Webpack (scss) - Installation & Updates 2023
Webpack Befehle

Sobald dieser Befehl erfolgreich ausgeführt wurde, ist der Ordner ’node_modules‘ im _dev Ordner sichtbar.

PrestaShop CSS-Updates mit Webpack speichern

Will man neue Updates als SCSS-File speichern, dann kann das CSS-File angepasst und gespeichert werden.
Im Anschluss einfach den _dev/ Ordner im PrestaShop öffnen und über die Kommandozeile im FTP-Programm folgende Befehle ausführen:

Eigene CSS-Files über Webpack erstellen:

npm run build

Für Updates an bestehenden CSS-Files:

npm run watch

 

Weitere Informationen zu Webpack: https://webpack.js.org/
Informationen zu Node.js: https://nodejs.org/

 

PrestaShop Update 2023 – PHP 7.2 end of life

Einige Hoster haben bereits 2021 / 2022 die PHP-Version 7.2 eingestellt.
Höchste Zeit, sich ein Prestashop + PHP-Update einzuplanen!

PHP 7.2 – end of life

PrestaShop ist ebenfalls wie alle anderen CMS von der PHP-Version betroffen.
Sie sollten unbedingt rechtzeitig noch an ein fehlerfreies Update denken.

Sehr viele Hoster haben bereits PHP 7.2 eingestellt, andere stellen schrittweise per Ende 2022 bzw. 2023 ab, da es keine Updates für die Version mehr gibt (end of life).

Deshalb ist es sehr wichtig, auf die PHP-Version 7.4 aufzurüsten.

 

Übersicht PrestaShop PHP-Versionen

PrestaShop Update 2023 - PHP 7.2 end of life
PrestaShop Update – PHP 7.2 end of life

Ein Überblick über die Versionen ist sehr wichtig, damit eine Einschätzung möglich wird.

Versionen:

  • PHP 7.2 ist bei PrestaShop bis zur Version 1.7.6 kompatibel
  • Für PHP 7.4 wird jedoch mind. PrestaShop 1.7.8.x benötigt
  • Generell ist die PrestaShop Version 1.6.x leider veraltet, deshalb ist ein grösseres Update für diese Version zwingend notwendig.

Um Fehler und Schwierigkeiten mit der Kompatibilität zu vermeiden, sollten Sie rechtzeitig ein PrestaShop und PHP Update vorbereiten.

 

PrestaShop Update – Vorgehensweise

 

Wir empfehlen zwingend einen Testshop einzurichten, um das Update durchzuführen.
So stellen Sie sicher, dass Ihr Liveshop weiterhin zugänglich bleibt, bis das Update vollständig abgeschlossen und migriert werden konnte.

Sehr wichtig ist, dass aus der Datenbank sämtliche Kundendaten, Bestellungen sowie Artikeldaten übernommen werden, damit Sie keine Daten verlieren.

Kenntnisse rund um PrestaShop und MySQL sind sehr empfehlenswert, da Fehler nie ganz auszuschliessen sind.

Haben Sie Fragen oder treten Fehler auf?
Kontaktieren Sie uns unverbindlich, wir freuen uns auf Ihre Kontaktaufnahme!