Hilfe

Ein Hotspot auf einer Zeichnung verweist auf ein Produkt in deinem Shop. Ohne Produkt kann er keinen Namen, keinen Preis und keinen „In den Warenkorb“-Knopf zeigen.

Sind deine Artikel schon in WooCommerce, ist dieser Schritt erledigt. Kommen sie aus deinem ERP, nimm den WooCommerce-eigenen Importer unter Produkte → Importieren: Er liest eine CSV, legt an, was fehlt, und gleicht bestehende Produkte über die SKU ab.

Zwei Dinge entscheiden, ob ein Artikel in deinem Shop kaufbar ist: Er muss veröffentlicht sein, und er braucht einen Preis.

Klick unter „Produkte mit Zeichnungen“ auf „Neue Zeichnung“ und gib ihr einen Namen.

Wähle die Zeichnung: „Zeichnung hochladen“ oder „Aus der Mediathek“. Hier hochgeladen behält eine Zeichnung bis zu 8000 Pixel — WordPress würde sonst jeden Upload auf 2560 verkleinern, und die Positionsnummern werden unscharf, wenn dein Kunde hineinzoomt.

Unter 1600 Pixeln warnt dich der Editor: Zoomen vergrößert dann nur noch das Korn. Eine Vektorzeichnung (SVG) wird in ein Bild mit der Breite umgewandelt, die du wählst.

Doppelklick auf die Zeichnung dort, wo eine Positionsnummer aufgedruckt ist — dort erscheint ein Hotspot. Zieh ihn, um ihn zu verschieben; die Pfeiltasten verschieben ihn fein.

Ordne jedem Hotspot seinen Artikel zu: Suche nach Name oder SKU. Es kann auch eine einzelne Variante eines variablen Produkts sein. Trag dann die Menge ein, die die Maschine braucht.

Bezeichnung und OEM-Nummer sind optional. Die OEM-Nummer ist die Herstellernummer, die dein Kunde in seiner Anleitung findet.

Wähle unter „Platzierung“ das Produkt, zu dem die Zeichnung gehört.

Ein Produkt zeigt eine Zeichnung. Hängst du eine Zeichnung an ein Produkt, das schon eine hat, fragt Techparts nach, bevor es sie ersetzt — die andere Zeichnung bleibt erhalten und steht weiter in der Liste.

Klick auf „Veröffentlichen“. Nur veröffentlichte Zeichnungen erscheinen im Shop — ein Entwurf bleibt unsichtbar, mit Absicht, damit du in Ruhe daran arbeiten kannst.

Öffne die Produktseite: Neben der Beschreibung gibt es einen Reiter mit der Zeichnung. Ein Klick auf einen Punkt muss den Artikel zeigen — mit Name, Preis und „In den Warenkorb“-Knopf.

Zeigt dein Theme keine Produkt-Reiter oder ersetzt ein Page-Builder die Produktseite, binde die Zeichnung selbst ein — siehe unten „Wo erscheint die Zeichnung?“.

Unter „Einstellungen“ wählst du die Startansicht, wo die Teileliste steht, ob Zeigen auf einen Punkt oder ein Klick die Produktkarte öffnet, Größe und Farben der Punkte und woher die OEM-Nummer kommt.

Wenn du fertig bist, mach eine Sicherung: „Sicherung“ → „Sicherung herunterladen“ schreibt alle Zeichnungen, Hotspots und Artikel in eine CSV-Datei.

Auf der Produktseite, als Reiter neben der Beschreibung. Nichts einzurichten: Der Reiter erscheint bei jedem Produkt, das eine veröffentlichte Zeichnung hat.

Manche Themes zeigen keine Produkt-Reiter an, Block-Themes haben eigene Templates, und Page-Builder wie Elementor Pro oder Divi können die Produktseite komplett ersetzen. Und manchmal willst du eine Zeichnung einfach auf einer Landingpage haben. Für all das platzierst du sie selbst.

Im Block-Editor: Füge den Block „Explosionszeichnung“ hinzu. Wähle ein Produkt, und du bekommst seine Zeichnung, genau wie auf der Produktseite. Wähle stattdessen eine einzelne Zeichnung, wenn du die meinst.

Überall sonst — klassischer Editor, Page-Builder, ein Widget — gibt es den Shortcode. Er muss in einen Absatz oder einen Shortcode-Block; ein Code-Block zeigt ihn als Text an.

Ohne etwas zwischen den Klammern zeigt er die Zeichnung des Produkts, das die Seite gerade zeigt — genau das, was du in einer Produktvorlage des Page-Builders brauchst. Auf jeder anderen Seite sag, was du meinst: ein ganzes Produkt über seinen Slug oder seine Artikelnummer (SKU) oder eine einzelne Zeichnung über ihren eigenen Slug.

Nimm Slugs und Artikelnummern (SKUs), keine IDs. IDs werden neu vergeben, wenn eine Sicherung in einen anderen Shop eingelesen wird; Slugs und SKUs überstehen das.

Alles steht unter „Einstellungen“: die Startansicht und ob deine Kunden die Ansicht wechseln dürfen, wo die Teileliste steht, ob das Zeigen auf einen Punkt oder ein Klick darauf die Produktkarte öffnet — getrennt für die Ansicht mit und ohne Liste —, Zoom sowie Größe und Farben der Punkte.

Die Größe der Punkte lässt sich auch je Zeichnung festlegen, mit „Hotspots“ über der Zeichnung im Editor. Praktisch, wenn eine Zeichnung sehr eng beschriftet ist.

Explosionszeichnungen brauchen kein bestimmtes Format, wohl aber Auflösung — deine Kunden zoomen hinein. Nimm, was der Hersteller liefert; eine kleine Datei hochzuskalieren bringt nichts.

Produktbilder sind die von WooCommerce und brauchen keine Regel von uns. In der Teileliste erscheinen sie als kleines Vorschaubild.

Das legst du unter „Einstellungen“ → „Woher die OEM-Nummer kommt“ fest: der Hotspot selbst, das GTIN-Feld des Produkts, seine Artikelnummer (SKU) oder ein eigenes Produktfeld, dessen Schlüssel du einträgst.

Ist das gewählte Feld bei einem Produkt leer, wird stattdessen die am Hotspot gespeicherte Nummer angezeigt — so verschwindet nichts, nur weil einem Produkt das Feld fehlt.

Öffne eine Zeichnung des Produkts und klick auf „+“ neben den Blatt-Reitern über der Zeichnung. Ein neues Blatt öffnet sich; gib ihm seinen Namen gleich im Reiter.

Klick auf den offenen Reiter, um ihn umzubenennen, zieh einen Reiter, um die Reihenfolge zu ändern — der Shop folgt. „ד löst ein Blatt vom Produkt; die Zeichnung selbst bleibt in der Liste.

Hängst du eine Zeichnung an ein Produkt, das schon eine hat, wird sie ein weiteres Blatt hinter den anderen.

Ja — für Packungsgrößen und Ersatzteile, etwa einen Dichtring einzeln und im Zehnerpack. Im Fenster des Hotspots wählst du mit „+ Weiteren Artikel zuordnen“ mehrere auf einmal. Der erste ist der Hauptartikel; „Nach oben“ ändert das. Jeder Artikel hat seine eigene Menge.

Im Shop zeigt die Teileliste den Hauptartikel mit einem Knopf für die Alternativartikel; die Karte auf der Zeichnung zeigt alle.

Öffne im Fenster des Hotspots „Video & Link“. Ein Video kann eine YouTube- oder Vimeo-Adresse sein oder eine Videodatei (MP4); es öffnet sich in einem Fenster über der Zeichnung. Ein Link mit https:// öffnet einen neuen Tab, einer mit / bleibt im Shop.

Ein Hotspot mit Video oder Link, aber ohne Artikel zeigt kein „Auf Anfrage“. Die Formen „Video-Punkt“, „Info-Punkt“, „Link-Punkt“ und „Location“ zeigen ein Zeichen statt der Nummer.

Für den ganzen Shop unter „Einstellungen“, „Aussehen (PRO)“, Gruppe „Hotspots“ — dort auch Produktkarte, Schriften, Hervorhebung, Positionsfenster, Vollbild und Blatt-Reiter.

Für eine Zeichnung unter „Aussehen dieser Zeichnung“ unter der Zeichnung, für einen Hotspot in seinem Fenster. Die genauere Einstellung gewinnt; leer heißt „wie die Ebene darüber“.

Beide Wege führen zu denselben Zeichnungen, und du kannst sie nebeneinander nutzen.

Der Teilekatalog ist der Weg über eine Hierarchie. Bei Fahrzeugen ist Hersteller → Modell → Baujahr → Baugruppe üblich, bei Maschinen Hersteller → Baureihe → Baugruppe. Wie tief der Baum ist und wie die Ebenen heißen, bestimmst du.

Er lohnt sich, sobald dasselbe Teil in mehreren Modellen vorkommt und dein Kunde nach seiner Maschine sucht statt nach einer Artikelnummer. Sortimente, die für sich verkauft werden, sind als Einzelprodukte besser aufgehoben.

Unter „Teilekatalog“ legt „Neue Kategorie auf oberster Ebene“ die erste Ebene an — zum Beispiel einen Hersteller. Jede Zeile bietet dann „Unterkategorie hinzufügen“ für die nächste Ebene.

Gib den Kategorien ein „Kategoriebild“: Das sind die Kacheln, durch die sich deine Kunden klicken.

Wähle in der Maske der untersten Kategorie — der Baugruppe — „Zeichnung hinzufügen“, such dir die Zeichnung aus und setze die Hotspots genau wie bei einem Produkt.

Eine Zeichnung, die es schon gibt — an einem Produkt oder anderswo im Katalog —, lässt sich stattdessen mit „Zeichnungen zuordnen“ anhängen.

Unter Einstellungen → Teilekatalog → „Angezeigt auf“ wählst du, wo er steht: „Eigene Adresse (/catalog/)“ oder eine deiner Seiten. Für Page-Builder gibt es daneben einen Shortcode.

Nimm dann diese Seite oder Adresse in dein Menü auf. Das Dashboard hakt diesen Schritt ab, sobald eines deiner Menüs auf den Katalog zeigt.

Öffne den Katalog und klick dich bis zu einer Zeichnung durch. Ein Klick auf einen Punkt muss den Artikel zeigen — mit Name, Preis und „In den Warenkorb“-Knopf.

Es gibt keinen Schritt zum Veröffentlichen: Was du änderst, steht sofort im Shop. Solange du noch an einem Ast arbeitest, stell ihn auf „Entwurf“.

Öffne die Datei unter „PDF-Parser“, umrahme die Zeichnung auf der Seite und dann ihre Stückliste. Der Parser liest die Positionsnummern, ordnet die Artikelnummern deinen Produkten zu und legt die Baugruppe an.

Die Stückliste darf über mehrere Seiten gehen — umrahme jeden Teil einzeln, sie werden zusammengeführt. Zum Schluss wählst du Ebene für Ebene, wohin im Katalog die Baugruppen kommen, und übernimmst sie.

Ja. Umrahme trotzdem Zeichnung und Stückliste in der PDF — der Rahmen sagt, welchen Ausschnitt dein Bild zeigt. Lade dann das aufbereitete Bild dazu.

Die Hotspots kommen dann aus dem Text der PDF und werden gelesen statt erkannt. Wichtig ist nur, dass Bild und Rahmen denselben Ausschnitt zeigen; „Ausschnitt herunterladen“ gibt dir genau das Blatt, das du bearbeitest.

XML ist der Weg, wenn dein Lieferant einen Katalog als ZIP mit Zeichnungen liefert — unter „XML-Import“ entstehen Artikel, Baum und Baugruppen in einem Lauf.

„Beispiel-ZIP herunterladen“ auf dieser Seite gibt dir einen kleinen Katalog, mit dem du einen kompletten Lauf ausprobieren kannst, bevor du deinen echten einliest.

Mit dem eigenen Importer von WooCommerce unter Produkte → Importieren. Er ordnet die Spalten deiner Datei einmal zu, legt fehlende Produkte an und gleicht vorhandene über die Artikelnummer (SKU) ab. Techparts findet die Produkte danach über ihre Artikelnummer.

Unter „Sicherung“ speichert „Teilekatalog — Export (Download)“ einen Ast oder den ganzen Katalog — mit Bildern als ZIP, das den Quellshop nicht mehr braucht.

„Teilekatalog — Import“ liest ihn in diesen oder einen anderen Shop ein, unter eine Kategorie deiner Wahl. Vorhandene Kategorien werden benutzt, nie überschrieben, und ein zweiter Lauf legt nichts doppelt an.

Ja — häng sie mit „Zeichnungen zuordnen“ in der Kategoriemaske an. Dann zeigt jede Stelle dieselbe Zeichnung, und eine Änderung an ihren Hotspots gilt überall zugleich. Das ist der Vorteil — und das, was man wissen muss.

Kopieren, wenn die beiden auseinanderlaufen werden. Verknüpfen, wenn sie für immer gleich bleiben sollen.

Kopieren ist der Normalfall: Der Rahmen von Modell A ähnelt dem von Modell B, aber ein paar Teilenummern weichen ab. „Zeichnung kopieren“ an der Zeile, dann am Zielmodell einfügen oder mit „Auf oberster Ebene einfügen“. Die Kopie hat eigene Hotspots — änderst du sie, bleibt das Original unangetastet.

Hake die Zeilen an und wähle die Aktion: aktiv, Entwurf, verschieben, kopieren oder löschen. Beim Verschieben geht der Ast darunter mit; nichts geht verloren.

Kopieren kopiert die angehakten Kategorien selbst, nicht was darunter hängt — jede mit einer unabhängigen Kopie ihrer Zeichnungen. Ein Entwurf bleibt ein Entwurf.

Ja. Auf der Ergebnisseite der Suche deines Shops zeigt ein Block „Im Teilekatalog“ die passenden Teile und Kategorien, jeweils mit ihrem Weg. Abschalten kannst du ihn unter Einstellungen → Teilekatalog („Katalogtreffer auch auf der Suchergebnisseite der Website zeigen“).

Zeigt die Suche in deiner Kopfzeile Produkte wie Blogbeiträge an — das Suchformular von Elementor tut das —, nimm stattdessen den Shortcode

Wenig Platz im Kopf?

Nein. „Artikel ersetzen“ findet einen Artikel in jeder Zeichnung — über das Produkt oder die OEM-Nummer — und ersetzt ihn oder ergänzt den neuen daneben. Einzelne Zeichnungen kannst du vorher ausschließen.

Techparts PRO ergänzt jede Zeichnung um mehrere Blätter je Produkt, mehrere Artikel je Hotspot, Video und Link am Hotspot, 32 Hotspot-Formen mit Farbe und Größe je Zeichnung und je Hotspot sowie 25 weitere Aussehen-Einstellungen.

Dazu kommen der Teilekatalog — samt Suche über den ganzen Katalog —, Zeichnungen auf Produktkategorieseiten und das Ersetzen von Artikeln an Hotspots.

Techparts MAX ergänzt den XML-Import, den PDF-Parser und Sicherung & Umzug des Katalogs.

Es wird nichts gelöscht. Deine Zeichnungen an Produkten funktionieren weiter.

Pausieren: der Teilekatalog (seine Seite im Shop zeigt „Seite nicht gefunden“, nimm sie also am besten aus dem Menü), die Katalogsuche, die Zeichnungen auf Produktkategorieseiten, Artikel ersetzen, die Importe sowie Sicherung & Umzug.

Im Shop zeigen die Zeichnungen runde Hotspots in der Farbe der Einstellungen, nur den Hauptartikel eines Hotspots, keine Video- und Link-Knöpfe und das Standard-Aussehen. Weitere Blätter bleiben sichtbar. Alles, was du eingetragen hast, bleibt erhalten.

Sobald unter „Lizenz“ ein gültiger Schlüssel eingetragen ist, ist alles wie vorher.

Fast immer der Status: Die Zeichnung ist noch ein Entwurf. Öffne sie und klick auf „Veröffentlichen“. Der zweite Kandidat ist ein Produkt, das nie gespeichert wurde — die Liste zeigt dann „Produkt nicht veröffentlicht“.

Der dritte: Dein Theme zeigt keine Produkt-Reiter. Dann platziere die Zeichnung mit dem Block oder dem Shortcode, siehe „Wo erscheint die Zeichnung?“.

Das Produkt dahinter ist nicht veröffentlicht, hat keinen Preis, oder der Hotspot hat überhaupt keinen Artikel. Das Dashboard zählt „Hotspots ohne Artikel“ und führt dich direkt zu den betroffenen Zeichnungen.

Das passiert, wenn die Zeichnung gegen eine mit anderem Ausschnitt getauscht wurde. Hotspots werden als Prozentwerte des Bildes gespeichert; andere Ränder verschieben jeden Punkt, und zwar in Breite und Höhe unterschiedlich.

Die Lösung: Nimm dasselbe Seitenverhältnis und denselben Ausschnitt wie vorher.

Herstellerzeichnungen sind oft gescannt: Jede scheinbar graue Fläche besteht aus einzelnen Punkten, und die werden beim Vergrößern sichtbar. Schärfer wird es nur mit einer größeren Vorlage oder einer neu gezeichneten Grafik.

Meldet der Editor, dass WordPress die Zeichnung verkleinert hat, lade sie noch einmal über den Editor hoch — dort behält sie bis zu 8000 Pixel.

Schau zuerst unter Werkzeuge → Website-Zustand. Liegt der PHP-Speicher unter 256 MB, ist das die übliche Ursache, und der Fehler im Log nennt das Plugin, das zuletzt Speicher angefordert hat — selten das schuldige.

Dein Cache. Techparts hängt seine Version an die Adresse des Stylesheets, damit Browser ein neues holen, aber ein Caching-Plugin, das CSS zusammenfasst und minimiert, verwirft diese Adresse — und liefert dann weiter die alte Datei aus. Leere den Seiten-Cache und den CSS-Cache und lade die Seite dann mit Strg+F5 neu.

Die Zeichnungen liegen in eigenen Datenbanktabellen, die ein WordPress-Export nicht mitnimmt. Nutze „Sicherung“: Sie schreibt eine CSV mit den Zeichnungen, ihren Hotspots und den Artikeln dahinter, zugeordnet über die Artikelnummer (SKU). Lies diese Datei in den anderen Shop ein — nachdem dort Mediathek und Produkte vorhanden sind.

Die CSV enthält Bildadressen, keine Bilddateien. Der Import gleicht sie mit der Mediathek des Ziel-Shops ab und lädt nichts herunter — kopiere also zuerst die Mediathek hinüber. Was sich nicht zuordnen lässt, steht im Importbericht.