Flexy-Produktdesigner für WooCommerce
Flexy Product Designer ist ein professionelles WooCommerce-Produktanpassungs-Plugin, das einen voll ausgestatteten Canvas-Designer direkt auf Ihren Produktseiten platziert. Kunden können Text hinzufügen, Bilder hochladen, Millionen lizenzfreier Fotos über Pixabay durchsuchen, QR-Codes generieren, vorgefertigte Designvorlagen anwenden und ihre Arbeit speichern – und das alles, ohne Ihren Shop zu verlassen. Basierend auf Fabric.js und so codiert, dass es den Envato/WordPress-Standards entspricht.
Live-Vorschaufunktionen
- Fabric.js 5 HTML5-Canvas – reibungslose Objektmanipulation in Echtzeit
- Ziehen, skalieren, drehen und spiegeln Sie beliebige Text- oder Bildelemente
- Rückgängig-/Wiederholen-Verlauf (bis zu 50 Zustände)
- Horizontale und vertikale Lineale mit Schnappführungen
- Ebenenverwaltungsfenster – Ebenen neu anordnen, sperren und löschen
- Objektausrichtung – oben, in der Mitte, unten, links, in der Mitte, rechts
- Zoom- und Vollbild-Vorschau modal
- Laden Sie das fertige Design mit einem Klick herunter und drucken Sie es aus
Textanpassung
- Fügen Sie ein- oder mehrzeiligen Text mit vollständiger Schriftartenkontrolle hinzu
- 17 gebündelte Schriftarten, darunter Google Fonts (Roboto, Montserrat, Pacifico, Dancing Script und mehr)
- Formatierung: Fett, Kursiv, Unterstrichen, Durchgestrichen
- Textausrichtung links, zentriert und rechts
- Schieberegler für Zeilenhöhe und Zeichenabstand
- Gebogener/bogenförmiger Text mit einstellbarem Radius
- Farbauswahl pro Zeichen mit Hex-Eingabe und Schatteneditor
- Vom Administrator definierte Textvorlagen, die Kunden mit einem Klick einfügen können
- Optionaler Preisaufschlag pro Textelement
Bildwerkzeuge
- Hochladen von Bildern per Drag-and-Drop oder Durchsuchen (PNG, JPG, SVG, GIF)
- Vom Administrator konfigurierbare maximale Dateigröße (Standard 5 MB)
- Integration der Pixabay-Bibliothek – durchsuchen Sie Millionen kostenloser Stockfotos direkt im Designer
- QR-Code-Generator – Geben Sie eine beliebige URL oder einen beliebigen Text ein, wählen Sie Vordergrund- und Hintergrundfarben und platzieren Sie den QR-Code sofort auf der Leinwand
- Optionaler Preisaufschlag pro hochgeladenem oder Pixabay-Bild
- Skalieren, drehen, spiegeln (horizontal und vertikal) und passen Sie die Deckkraft jedes Bildes an
Gespeicherte Designs und Warenkorbintegration
- Kunden können ihre Designs von jeder Produktseite aus speichern, umbenennen, laden und löschen
- Miniaturansicht des gespeicherten Designs wird auf der Produktseite mit Hover-Zoom-Vorschau angezeigt
- „Mit diesem Design in den Warenkorb legen“ und „Dieses Design bearbeiten“ sind Ein-Klick-Aktionen
- Design-Miniaturansicht, die im WooCommerce-Warenkorb, Mini-Warenkorb und Block-Warenkorb angezeigt wird
- Design JSON und Miniaturansicht werden bei jeder Bestellung als Referenz für die Erfüllung gespeichert
- Bearbeiten Sie ein Design direkt auf der Warenkorbseite erneut
Designkategorien
- Vom Administrator verwaltete Designbibliothek mit unbegrenzten Kategorien und Artikeln
- Kategorie-Miniaturansicht, Artikelbilder, Artikelnamen und individuelle Preise
- Kunden durchsuchen nach Kategorien und klicken dann, um ein beliebiges Design auf der Leinwand zu platzieren
- Enthält 6 integrierte Demo-Kategorien (Tiere, Sport, Formen, Natur, Flaggen, Zitate)
- WP Media Library-Auswahl für alle Kategorie- und Artikelbilder
Admin-Kontrollfeld
Allgemeine Einstellungen
- Benutzerdefinierte Designer-Schaltflächenbeschriftung und Seitenposition (vor dem Warenkorb, nach dem Warenkorb, nach der Zusammenfassung)
- Fordern Sie ein Design an, bevor der Kunde es in den Warenkorb legen kann
- Der globale Anpassungszuschlag wird beim Bezahlvorgang automatisch hinzugefügt
- Benutzerdefinierte Infomeldung, die im Menü „Datei“ des Designers angezeigt wird
- Option zum Löschen aller Plugin-Daten bei der Deinstallation
Einstellungen für den Schaltflächenstil
- Hintergrund und Textfarbe der primären Schaltfläche (Live-WordPress-Farbauswahl)
- Hintergrund und Textfarbe der sekundären Schaltfläche
- Schriftgröße für alle Schaltflächen auf der Produktseite
- Stile gelten für die Schaltflächen „Produkt anpassen“, „Mit diesem Design in den Warenkorb legen“ und „Dieses Design bearbeiten“.
Canvas-Einstellungen
- Konfigurierbare Leinwandbreite und -höhe in Pixel
- Druckbereich pro Produkt definiert als prozentualer Versatz (oben, links, Breite, Höhe)
Pixabay-Einstellungen
- Aktivieren oder deaktivieren Sie die Registerkarte Pixabay
- Geben Sie Ihren kostenlosen Pixabay-API-Schlüssel ein
- Legen Sie optional einen Aufpreis pro verwendetem Pixabay-Bild fest
- API-Ergebnisse werden über WordPress-Transienten 1 Stunde lang zwischengespeichert
Pro Produkt umschalten
- Aktivieren oder deaktivieren Sie den Designer für jedes einzelne WooCommerce-Produkt in der Produktbearbeitungsseitenleiste
Entwickler- und Leistungsmerkmale
- Minimierte Assets, die in der Produktion bereitgestellt werden (designer.min.js, designer.min.css) – vollständige Quelle enthalten
- Assets wechseln automatisch zur vollständigen Quelle, wenn SCRIPT_DEBUG aktiviert ist
- Alle Skripte und Stile werden über wp_enqueue_script / wp_enqueue_style geladen – kein direktes Laden von Dateien
- Alle AJAX-Endpunkte sind mit WordPress-Nonces geschützt
- Alle Datenbankabfragen verwenden $wpdb->prepare für den SQL-Injection-Schutz
- Alle Ausgaben wurden mit esc_html, esc_attr, esc_url maskiert
- Alle Benutzereingaben werden mit den sanitize_*-Funktionen von WordPress bereinigt
- Benutzerdefinierte DB-Tabelle für gespeicherte Designs sowie benutzerdefinierter Beitragstyp für Miniaturansichten der Medienbibliothek
- Übersetzungsbereit mit vollständiger .pot-Datei im Lieferumfang
- Kein jQuery abgemeldet; Kein Laden doppelter Bibliotheken
- Getestet mit WordPress 6.x und WooCommerce 8.x
Anforderungen
- WordPress 5.8 oder höher
- WooCommerce 6.0 oder höher
- PHP 7.4 oder höher
- Ein moderner Browser (Chrome, Firefox, Safari, Edge)
- Kostenloser Pixabay-API-Schlüssel (optional, nur für die Bildregisterkarte Pixabay erforderlich)
Was ist enthalten
- Vollständig dokumentierte Plugin-Dateien
- Umfassende HTML-Dokumentation (Getting Started, Admin Guide, Front-End Guide, FAQ, Changelog)
- Übersetzungsvorlagendatei (flexyproductdesigner.pot)
- Minimierte und nicht minimierte CSS- und JavaScript-Assets
- 6 Demo-Designkategorien mit Beispielartikeln
- 6 Monate Artikelsupport
Unterstützung
Support wird über die CodeCanyon-Registerkarte „Kommentare und Support“ bereitgestellt. Die Reaktionszeit beträgt 2 Werktage. Bitte lesen Sie die beigefügte Dokumentation, bevor Sie eine Supportanfrage einreichen, da dort die häufigsten Fragen beantwortet werden.
Bewertung: 0
Verkäufe bisher: 3
{{ reviewsOverall }} / 5
Users
(0 votes)
Rating0
What people say...
Leave your rating
Show more
Order by:
Be the first to leave a review.
{{ pageNumber+1 }}
HINWEIS IN EIGENER SACHE
