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

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

Οι παράμετροι URL επιτρέπουν το άνοιγμα του Customizer με προκαθορισμένες οπτικές ρυθμίσεις και επιλογές προϊόντος, χωρίς αλλαγή του κώδικα ενσωμάτωσης. Το Customizer διαβάζει αυτές τις παραμέτρους κατά τη φόρτωση και τις εφαρμόζει στο φόντο εργασίας, το περιβάλλον 3D, την ένταση φωτισμού και την επιλογή παραλλαγής. Οι παραλλαγές που επιλέγονται μέσω URL επιλύονται με τις αντιστοιχίσεις χαρακτηριστικών και όρων WooCommerce. Προσαρμοσμένα χρώματα: Για προϊόντα με παραλλαγές προσαρμοσμένου χρώματος, μπορείτε να ζητήσετε την αντίστοιχη παραλλαγή και να περάσετε τις επιλεγμένες τιμές χρωμάτων απευθείας στο URL. Κωδικοποιήστε το # ως %23 μέσα στις τιμές ερωτήματος.

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

ΠαράμετροςΤύποςΠεριγραφήΠροεπιλεγμένη τιμή
bcgstringΛειτουργία φόντου Customizer: grad_f6f7fb_e8fff6, app_img_123 ή env. Η λειτουργία env χρησιμοποιεί την προεπισκόπηση του επιλεγμένου περιβάλλοντος ως φόντο εργασίας.Προεπιλογή σχεδίου/θέματος
envintID περιβάλλοντος εκτέλεσης. Επιλέγει το περιβάλλον HDRI για τον καμβά 3D και, με bcg=env, το φόντο προεπισκόπησης περιβάλλοντος.Σχέδιο/προεπιλογή
light_intensity0 - 2Ένταση φωτισμού περιβάλλοντος για τον καμβά 3D. Οι τιμές εκτός εύρους περιορίζονται στα όριά του.Σχέδιο/προεπιλογή
bcg_blur0 - 100Θόλωση φόντων εικόνας του Customizer, συμπεριλαμβανομένων των app_img_* και των φόντων προεπισκόπησης bcg=env.0
bcg_brightness0 - 3Φωτεινότητα των φόντων εικόνας του Customizer.1
bcg_underlaystringΥπόστρωμα διαβάθμισης πίσω από φόντα εικόνας, π.χ. grad_ffffff_f5f7fb.Προεπιλογή σχεδίου/θέματος
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/customizer/1?bcg=grad_f6f7fb_e8fff6&env=8&light_intensity=1.2&bcg_blur=0&bcg_brightness=1&bcg_underlay=grad_ffffff_f5f7fb&custom_color=1&picked_colors=front:%23ff6b6b

<iframe
  loading="lazy"
  title="Product Customizer"
  src="https://alterproduct.com/app/customizer/1?bcg=grad_f6f7fb_e8fff6&env=8&light_intensity=1.2&bcg_blur=0&bcg_brightness=1&bcg_underlay=grad_ffffff_f5f7fb&custom_color=1&picked_colors=front:%23ff6b6b"
  width="100%"
  height="100%"
  frameBorder="0"
  allowFullScreen
></iframe>