Hallo, Und zwar geht es mir um folgendes: Ist ein sogenannter Partfinder wie in diesem Shop zu sehen realisierbar: http://www.freakware.de/shop/partlist.php Also ein Tool, um Artikel direkt aus einer Explosionszeichnung auszuwählen und in den Warenkorb zu legen, ohne dabei finanziell komplett den Rahmen zu sprengen? Natürlich würde ich die Arbeit übernehmen und alle Zonen und Artikel erstellen/verlinken. Es geht rein um die Programmierung. Meine Kenntnisse beschränken sich darauf, einen HTML Code für eine solche Explosionszeichnung zu erstellen welcher dann beim daraufklicken auf das jeweile Teil einen neuen Tab/Fenster öffnet. Das ist natürlich etwas ungeschickt, da das Fenster offen bleibt auch wenn der Artikel in den Warenkorb gelegt wurde, außerdem gibt es im Ursprungstab keine Aktualisierung des Warenkorbs.
Erster Gedanke: Image-Map wie wir sie z.B. beim Slider haben. Für mehr reicht die Zeit gerade nicht, aber hier findet sich sicherlich noch jemand der da weiterhelfen kann.
Ne Image map kann ich erstellen das ist kein Problem. Alles was danach kommt da hakts dann. Es soll eben möglichst nur ein kleines weiteres Fenster geöffnet werden, optimal wär wenn sich das nachdem ein Artikel in den Warenkorb gelegt wurde wieder schließt und sich der Warenkorb im Urspungsfenster auch aktualisiert.
Das ist auch über eine Imagemap gelöst.... Über jQuery wird dann ein Modul gestartet, das diese Box anzeigt,,, Und daraus dann per submit an den Shop übergeben. Ist eigentlich eine recht überschaubare Lösung....
Fragt sich, in welchem finanziellen Rahmen man sich für die Programmierung und Einbindung eines solchen Moduls bewegt. Wie gesagt, die Imagemap und zuweisung der Artikel etc. würde ich selbst übernehmen.
Vorbehaltlich einer genaueren Analyse must Du schon mit so um die 1000 €+ rechnen... Wie sehen denn Deine Grafiken aus? Wie werden diese Grafiken Artikeln zugewiesen...
Danke Atmoshpere, mit einem Jahr Aktualisierung die man zwingend wählen muss kommt man auch auf über 500Eur. Aber immer noch besser als über 1000Eur, da könnte ich sinnvolleres anstellen. Wegen der Sync4 Lösung muss ich mich nochmal schlau machen, zuviel verrät die Seite ja nicht. Evtl. werd ich dann doch vorrübergehend nur Imagemaps verwenden und die Artikelseite als Popup einblenden lassen. So muss man zwar das Popup nach dem einfügen des Artikels in den Warenkorb wieder schließen aber besser wie nix.
"Zusätzlich benötigt wird die entsprechende sync4® Schnittstelle " D.h., da braucht man zusätzlich noch das sync 4 Basisimodul, dieses Ersatzteilmodul funktioniert ja nur damit.... Und mit Imagemaps alleine wird das auch nichts, da braucht es noch einiges an Javascript- und PHP-Moduln.
Mir würde es schon reichen eine Imagemap responsiv eingebunden zu bekommen. Das i-Tüpfelchen wäre es, wenn man in die responsiv eingebundene Grafik dann auch noch zoomen könnte, damit bei den teilweise kleinen Zeichnungen einzelne Details besser zu treffen sind. Gerade auf dem Handy ist das nicht ganz einfach. Hier die Baustelle: https://www.redozone.de/Tornador-Ersatzteile/Z-010-Tornador-Classic/ Über die Imagemap möchte ich dann einfach die jeweiligen Artikel direkt aufrufen.
Das Bild könnte man ja als Medium dem Artikel zuordnen, und eine Imagemap z.B. als CMS-Datei. Da müsste man natürlich noch etwas entwickeln, um das auch sauber zu verwalten, was aber sicher machbar ist.... Mit dem Zoomen ist das so ein Sache... Wobei mir im Moment nicht klar ist, was mobile Browser standardmäßig mit einer Imagemap machen, wenn man das Bild zoomt. Eigentlich müssten die das ja schon automatisch anpassen.. Da hat sich schon mal einer Gedanken zu einer Javascript-Lösung gemacht.... http://stackoverflow.com/questions/13321067/dynamically-resizing-image-maps-and-images
Auch ein interessanter Ansatz: http://thenewcode.com/760/Create-A-Responsive-Imagemap-With-SVG Allerdings mühsam zu bearbeiten, weil es dafür wohl keinen Editor gibt, wie für Imagemaps. Edit: Ich habe da einen schönen freien Editor für gefunden: Inkscape Gibt es für Windows, Linux und Mac Hier gibt es ein schönes Video-Tutorial, wie man damit SVG-Imagemaps erzeugt:
Ich habe nun mal den Ansatz mit den SVG-Dateien ausprobiert, indem ich ein JPEG mit mehreren Poligonen überzogen habe, die wiederum verlinkt sind und das als SVG-Datei abgespeichert habe. Das ist eigentlich nicht schwierig, wenn man das prinzip einmal verstanden hat. Wenn ich die SVG-Datei einzeln aufrufe, dann funktioniert das auch. Binde ich sie aber im Shop als Bild im Kategorietext ein, funktionieren die Links nicht mehr: Hier die Kategorie: http://www.redozone.de/Tornador-Ersatzteile/Z-010-Tornador-Classic/ Hier der Bildlink: http://testshop.topchem.de/images/Z-10-Zeichnung2.svg Testet das mal mit den Trichtern auf der linken Bildseite. Warum geht das nicht?
Ich bin jetzt wieder einen Schritt weiter: Wenn man den SVG-Code direkt im HTML einfügt, dann funktionierts. Man muss nur die Bitmap als externe Datei laden. Warum das nicht in einer Datei funktioniert, ist mir allerdings noch nicht klar, http://testshop.topchem.de/Tornador-Ersatzteile/Z-010-Tornador-Classic/ funktioniert jedenfalls schonmal als skalierbare Imagemap (noch unvollständig, ist aber auch nur ein Test). Man könnte nun noch mit Javascript andere nette Effekte draufbauen, da SVG ja auch onmouseover, onclick etc. beherrscht... Ich habe es einfach mal mit einem Style für mouseover versucht, damit die aktivierbaren Flächen auch angezeigt werden.
hallo, ich stehe vor dem gleichen Problem. Es gibt in Gambio das Slider-Tool, mit dem man Image-Maps erstellen kann... siehe z.B. hier http://www.schlauchboote-aussenborder.de/ .... wenn du über den Slider fährst gehen beliebige Fenster auf. Das sind alles gambio Bordmittel.... Ich kann so einen "Slider" auch einer Kategorie zuordnen. Ein Slider mit einem Bild slidet einfach nur nicht, sondern steht als Banner. Damit wäre die hälfte des Problems schon erschlagen!!!! Was es jetzt nur noch bräuchte wäre eine Erweiterung der Slider Imagemap-Funktion, bei der mir eine auf kategorien basierte Liste mit Produkten rein geladen wird. Jedesmal den Link zum Ersatzteil reinkopieren ist doof!! Das ausgewählte Produkt müsste wie in der kategorie-liste mit Bild, kurzbeschreibung und Warenkorb-Button in den Hover geschrieben werden. Der Code ist in anderer Stelle ja vorhanden.... Glaube nicht, dass das mehr als 3-4 Std. Programmierzeit ist. Oder???? grüße Martin
http://www.hess-solar.de/ auf dem 2. Slider habe ich eine Imagemap mit Links zu den Produkten. Gut Idee so einen kleinen Partfinder zu machen!
cool! Ich muss nur einen Warenkorb-button eingebunden bekommen und es automatisieren!! mag tatsächlich tausende Ersatzteile zu Kellerei-Bedarf anbieten .... bsp. Reiter Seitenmitte "Fruit Shark Ersatzteile" http://www.fischer-lahr.de/Weinvera...Edelstahl-Obstmuser-mit-Auffangbehaelter.html bzw. http://www.fischer-lahr.de/Weinverarbeitung/Obstmuehlen/Ersatzteile-Obst-und-Beerenmuehlen/ ich stelle mir das vor wie oben bei freakware..... Habe bei gambio einen Entwicklungsauftrag angefragt - falls noch jemand Interesse hat, bitte bei mir melden!!!
Hätte ich schon. Allerdings ist das bei Freakware nur auf dem Desktop gut gelöst. Der Shop ist nicht responsiv, deshalb artet das auf dem Handy zu Zoomorgien aus. Wobei Zoomfähigkeit bei Ersatzteilzeichnungen durchaus wünschenswert ist, denn bei großen Zeichnungen gerät das Bild teilweise zu klein um noch das richtige Teil zu treffen. Gerade bei Geräten, die mit den Fingern bedient werden.
ja, das ist richtig Ich würde es aber als Kategorie-Bild in der Slider-Position machen. Darunter sind dann immer noch die jeweiligen Ersatteile in der Kategorie.... So z.B. http://www.fischer-lahr.de/Weinverarbeitung/Obstmuehlen/Ersatzteile-Obst-und-Beerenmuehlen/ Das Problem mit dem kleinen Bildschirm habe ich bei jeder Explosionszeichnung. Ich habe hier einen unserer Shops responsiv in Gambio 3 aufgesetzt. http://www.gartendeko-direkt.de/ In der niedrigsten Skalierung verschwindet der Slider ganz!!!! Was aber noch bliebe wären die Produkte in der Kategorie - auch für Suchmaschinen zum crawlen. Für Tablet, Subnotebook oder Desktop ist die Explosionszeichnung aber ein gute, zusätzliche Hilfe.... würde deshalb wegen Handy nit gern auf die Zeichnung für ALLE verzichten. Viele Grüße aus Lahr! Martin Wehrle
Hast Du Dir meins mal angesehen? http://www.redozone.de/Tornador-Ersatzteile/Z-010-Tornador-Classic/ Das ist auch responsiv. Aber leider nicht zoombar.