ThingLink App für den Manor Online-Shop zum beschriften von Bildern mit Tags / Hotspots

Ein weiteres Projekt, das wir für Manor AG umgesetzt haben

  • Home
  • Referenzen
  • ThingLink App für den Manor Online-Shop zum beschriften von Bildern mit Tags / Hotspots

ThingLink App für den Manor Online-Shop zum beschriften von Bildern mit Tags / Hotspots

Ein weiteres Projekt, das wir für Manor AG umgesetzt haben

Mit dem Blog-Magazin #manorlive informiert die Manor AG ihre Kunden ganz ungezwungen über die aktuellsten Fashion-Trends. Um den Besuchern die Möglichkeit zu bieten, die vorgestellten Outfits direkt zu kaufen, werden alle Produkte auf den Bildern der Fotoshootings getaggt und mit einem Produktlink versehen. Takondi programmierte die dafür notwendige ThingLink App.

Der Webservice ThingLink bietet die Möglichkeit, Bilder mit Hotspots / Tags zu versehen. Die Tags werden dabei als Icons dargestellt, die beim Überfahren mit der Maus (Mouseover) weiteren Inhalt anzeigen. Die Manor AG nutzt diesen Service, um auf ihren Fotoshooting-Bildern die gezeigten Fashion-Produkte präsentieren zu können. Ziel dieses Projekts war es, der Manor AG die Möglichkeit zu geben, die Tags mit Produktlinks für ihren Manor Online-Shop zu versehen. Dabei sollten beim Mouseover nicht nur der Link, sondern auch das Produktbild, der Produkttitel und der aktuelle Produktpreis aus dem Manor Online-Shop angezeigt werden.

CSV Import der Produktdaten

Zunächst wurde ein Import-Script programmiert, dass einmal täglich die Produktdaten des Manor Online-Shops abruft und in eine lokale Datenbank speichert. Das war nötig, damit die Produktdaten beim Mouseover so schnell wie möglich angezeigt werden können und nicht erst eine Abfrage im Shop-System erfolgen muss. Der Austausch der Daten läuft über mehrere Megabyte grosse CSV-Dateien, die über FTP eingelesen werden. So werden über 50'000 Produkte je Sprache (Deutsch, Französisch und Italienisch) aktualisiert.

Programmierung der ThingLink App

Damit die automatische Anzeige der Produktdaten in mit ThingLink getaggten Bildern funktioniert, musste eine ThingLink App programmiert werden. Diese App erhält über Parameter den Produktlink, mit dem der jeweilige Tag versehen wurde. Über diesen Link kann die App in der lokalen MySQL Datenbank die aktuellen Produktdaten ermitteln. Diese werden mittels HTML und CSS ausgegeben und dem Benutzer angezeigt.

Fazit

Dank der von Takondi programmierten ThingLink App ist die Manor AG nun in der Lage, ihre Bilder für das #manorlive Blog-Magazin spielend leicht mit Produkt-Tags zu versehen. Dies führt dazu, dass Besucher des #manorlive Blogs die gezeigten Produkte nun direkt im Online-Shop bestellen können.

Auch die Macher von ThingLink waren von unserer App so begeistert, dass sie die App in einem eigenen Blog-Beitrag auf ihrer Website vorgestellt haben.

Das Ergebnis

  • Bild 1 für Referenz ThingLink App für den Manor Online-Shop zum beschriften von Bildern mit Tags / Hotspots
  • Bild 2 für Referenz ThingLink App für den Manor Online-Shop zum beschriften von Bildern mit Tags / Hotspots
  • Bild 3 für Referenz ThingLink App für den Manor Online-Shop zum beschriften von Bildern mit Tags / Hotspots
  • Mit Hilfe von ThingLink werden Bilder mit Tags versehen
  • Die Tags enthalten aktuelle Produktinformationen wie Bild, Titel, Preis und Verfügbarkeit
  • Ausserdem sind die Tag-Inhalte direkt mit der Produktseite im Online-Shop verlinkt
Alle Referenzen anzeigen

Auf einen Blick


Kunde
Manor AG

Sparte
Applikation, Datenbank, E-Commerce, ThingLink App
Technologien
CSS, CSV, HTML5, MySQL, PHP
Branche
E-Commerce

Offizieller Start
Februar 2015

Kontakt

Bitte geben Sie Ihren Namen an.
Bitte geben Sie Ihre E-Mail Adresse an.
Bitte geben Sie eine Nachricht ein.

Anschrift

Takondi AG · Dorfstrasse 27 · 8037 Zürich

welcome@takondi.com - +41 44 512 91 85