Configurator — Μορφοποίηση (παράμετροι URL)

Μορφοποίηση με παραμέτρους URL

Οι παράμετροι URL επιτρέπουν την προσαρμογή της εμφάνισης και της συμπεριφοράς του Configurator χωρίς αλλαγή κώδικα. Οι παράμετροι ρυθμίζονται απευθείας στην εφαρμογή, π.χ. στην καρτέλα «Κοινή χρήση» ή μέσα στο Configurator, και ελέγχουν τη λειτουργία φόντου, τα εφέ εικόνων φόντου, τον φωτισμό περιβάλλοντος 3D, την ορατότητα της διεπαφής και της προσθήκης στο καλάθι. Προεπιλογή παραλλαγής (χαρακτηριστικά WooCommerce): Μπορείτε επίσης να προεπιλέξετε συγκεκριμένη παραλλαγή προϊόντος με παραμέτρους ερωτήματος, όπως attribute_pa_color, pa_size ή size. Αυτές επιλύονται μέσω της αντιστοίχισης χαρακτηριστικών/όρων του καταστήματος και ανοίγουν το Configurator με επιλεγμένο χρώμα, μέγεθος, υλικό, μέθοδο εκτύπωσης ή προσαρμοσμένο χρώμα.

Λίστα διαθέσιμων παραμέτρων URL

ΠαράμετροςΤύποςΠεριγραφήΠροεπιλεγμένη τιμή
nav0 / 1Αποκρύπτει (0) ή εμφανίζει (1) την πλοήγηση. Διαθέσιμο μόνο στο Business.1
add_to_cart0 / 1Αποκρύπτει (0) ή εμφανίζει (1) το κουμπί «Προσθήκη στο καλάθι».0
bcgstringΛειτουργία φόντου σκηνής: grad_f6f7fb_e8fff6, app_img_123, uploaded, theme ή env.Κατάστημα/προεπιλογή
envintID περιβάλλοντος HDRI για τον φωτισμό της σκηνής. Με bcg=env, το περιβάλλον χρησιμοποιείται και ως ορατό φόντο σκηνής.1
light_intensity0 - 2Ένταση φωτισμού της σκηνής 3D.0.6
bcg_blur0 - 100Θόλωση εικόνων φόντου που επιλέγονται με bcg=app_img_*, bcg=uploaded ή bcg=theme.0
bcg_brightness0 - 3Επίπεδο φωτεινότητας/εκπομπής φωτός των εικόνων φόντου.1
bcg_underlaystringΥπόστρωμα πίσω από τις εικόνες φόντου. Χρησιμοποιήστε grad_ffffff_f5f7fb για διαβάθμιση ή none για αφαίρεση.Προεπιλογή φόντου
attribute_pa_*stringΠροεπιλέγει όρο χαρακτηριστικού προϊόντος WooCommerce. Οι αποδεκτές μορφές κλειδιού περιλαμβάνουν attribute_pa_color, pa_color και color· υποστηρίζονται ψευδώνυμα για μέγεθος, χρώμα, υλικό, τύπο εκτύπωσης και μοτίβο.
custom_color0 / 1 / trueΖητά την παραλλαγή προσαρμοσμένου χρώματος, εφόσον την υποστηρίζει το προϊόν. Το ίδιο ενεργοποιείται με color=custom.0
picked_colorsstringΑντικαταστάσεις προσαρμοσμένων χρωμάτων χωρισμένες με κόμμα στη μορφή detailKey:%23hex, π.χ. front:%23ff6b6b,back:%2300ff88. Ο χαρακτήρας # πρέπει να κωδικοποιείται στο URL ως %23.

Παράδειγμα

URL: https://alterproduct.com/app/configurator/1?bcg=grad_f6f7fb_e8fff6&env=8&light_intensity=1.2&bcg_underlay=none&add_to_cart=1&nav=0&attribute_pa_color=white&attribute_pa_size=m

<iframe
  loading="lazy"
  title="Product Configurator"
  src="https://alterproduct.com/app/configurator/1?bcg=grad_f6f7fb_e8fff6&env=8&light_intensity=1.2&bcg_underlay=none&add_to_cart=1&nav=0&attribute_pa_color=white&attribute_pa_size=m"
  width="100%"
  height="100%"
  frameBorder="0"
  allowFullScreen
></iframe>