myshop-html ist ein Fashion-Shop-Paket für kleine Mode- oder Schuh-Geschäfte. Anders als bei großen E-Commerce-Systemen ist simplecart-js (die Shop-Software) mit ca. 10 KB ein Zwerg, nicht aber was die Leistung betrifft. Bei myshop-html kommt auch Flexbox zum Einsatz, welches die Produktdarstellung und den Genderfilter sauber regelt. Die Bezahlfunktion kommt von PayPal.

myshop-html Demo-Video:

Am Schluss des Videos, bei Klick auf den "Jetzt kaufen-Button" wird man direkt zur Bezahlplattform PayPal weitergeleitet.

Gedacht ist myshop-html für Fashion-Startups, die wenig Geld, dafür aber Eigenleistung in den Webshop investieren wollen und noch keine Homepage haben. Wenn die Homepage bereits existiert, kann simplecart-js (oder andere Systeme) nachträglich in bestehende Seiten eingebaut werden um so das Online-Angebot zu ergänzen.

Kein CMS, nur html:

„html, da kenn ich mich aber überhaupt nicht aus“, werden Sie sagen. Meine Gegenfrage: „Kennen Sie sich zB mit Wordpress, einem CMS (Content Management Systeme) und dem dazupassenden Shop-Plugin WooCommerce aus?“ Die Antwort wird wohl eher „Nein“ sein. Aber gerade ein Mode-Shop braucht laufende Anpassungen an saisonale Gegebenheiten, an Produkte die neu ins Sortiment aufgenommen werden, und und und. Für Anfänger ist das eine steile Lernkurve um CMS-Software zu administrieren, einmal gelerntes kann bald wieder in Vergessenheit geraten.

html bearbeiten ...

html ist demgegenüber sehr übersichtlich und – auch für Anfänger – relativ gut nachvollziehbar, da die html-Syntax immer gleich aufgebaut ist. html besteht aus Blocks, wie einzelne Bausteine auf dem Weg zur fertigen Homepage. Hier ein Beispiel eines typischen html-Blocks, gelb eingefärbt sind jene Bereiche, die bearbeitet werden können:

Image

Dieser html-Schnipsel (für ein Produkt) beinhaltet alle für den Shop benötigten Produktinfos. In der zweiten Zeile die Bezeichnung "item frau" (oder "item mann") ist für den Genderfilter (siehe weiter unten) relevant.

... und das Resultat (Sneakers in der Mitte)

Image

Wer mit dieser Vorgehensweise html zu aktualisieren klar kommt, der kann sich eine Menge Geld sparen.

Von Profis oder selber machen:

Im Idealfall werden Fachleute wie Werbeagenturen oder Webdesigner beauftragt, um mit einem Shop-System zu starten oder die laufenden Änderungen in myshop-html durchzuführen. html ist eine Auszeichnungssprache, keine Programmiersprache, möglicherweise erleichtert das den Erstkontakt für html-Neulinge. Mit html-Dateien können viele Menschen umgehen, vielleicht sogar in Ihrer näheren Umgebung.

Der Genderfilter:

Werden auf einer Seite "zB Sale" Produkte für Damen und Herren angeboten, zeigt der Genderfilter Produkte zB nur für Damen (siehe Video ganz oben). Die Artikel für Herren werden ausgeblendet. Die Unterscheidung wird im html-Quellcode mit "frau" oder "mann" definiert. Ob im Gender-Quellcode (siehe Bild unterhalb) jetzt "Für Damen", oder bei Kindermode zB "Für Mädchen" steht, ist für die Funktion belanglos.

Image

Schnell geändert am Beispiel "ausverkauft"

Ein einziges Wort "soldout" reicht aus, um ein Produkt als "ausverkauft" zu kennzeichnen. Sinnvollerweise ist es dann für Besucher der Wesite nicht mehr möglich den Artikel zu kaufen. Ob man die Ware löschen oder als "ausverkauft" markieren möchte, bleibt dem Shopbetreiber überlassen.

Image

Ist simplecart-js sicher?:

simplecart-js ist die Shop-Treibersoftware zu myshop-html und basiert auf Javascript, einer clientseitigen Anwendung. Im Vergleich zu serverseitigen Anwendungen wie php gilt Javascript (clientseitig) als weniger sicher. Sofern keine sensiblen Daten übermittelt werden, ist der Unterschied zwischen clientseitig und serverseitig vernachlässigbar. simplecart-js speichert lediglich die vom Benutzer ausgewählten Produkte und stellt sie im Warenkorb dar, der Bezahlvorgang selbst wird über einen Link auf PayPal eingeleitet und ausschließlich dort abgewickelt. Eine Ausnahme ist die script.js, wo die E-Mail-Adresse des Shopbetreibers zur Bezahlabwicklung hinterlegt wird. Sicherheit steht bei Shop-Betreibern ganz oben auf der Agenda. Dazu gehört eine https-Verschlüsselung (Hypertext Transfer Protocoll Secure) zur sicheren Kommunikation zwischen Webserver und Browser. Achten Sie darauf, dass die Shop-Homepage über https://... erreichbar ist, der Browser belohnt Sie mit einem grünen "Sicher".

Funktionsweise:

Zur Funktion des Shops erfordert simplecart-js keine besondere Aufmerksamkeit. Ausnahme ist der html-Quellcode (Screenshot weiter oben), wo mehrere rot geschriebenen Texte in Bezug zu simplecart-js stehen und großteils nicht überschrieben werden dürfen. Wenige Einstellungen sind in der Datei "script.js" zu erledigen, damit der Zahlungsdienstleister PayPal den Kauf abwickeln kann und zur Festlegung der Versandkosten.

Image

Die "script.js-Datei" mit der E-Mail-Adresse, mit der man bei PayPal als Shopbetreiber angemeldet ist.

Was ist simplecart-js nicht:

  • simplecart-js kann nicht Ihre Auftragsverwaltung abwickeln
  • simplecart-js kann nicht Ihren Produkt- und Lagerbestand verwalten
  • simplecart-js kann eingegangene Bestellungen nicht auf Richtigkeit überprüfen

Wo bekomm ich simplecart-js

Die Software ist gratis. Link: Zum simplecart-js Download


Das myshop-html Paket:

Falls Sie Interesse am myshop-html-Paket haben, schicken Sie mir eine E-Mail an contact@banana.at mit dem Betreff "myshop-html". Preis einmalig: € 50,-.