Customizer - स्टाइलिंग (URL पैरामीटर)

URL पैरामीटर से स्टाइलिंग

URL पैरामीटर से आप एम्बेड कोड बदले बिना Customizer को पहले से तय विज़ुअल सेटिंग और उत्पाद विकल्पों के साथ खोल सकते हैं। Customizer लोड होते समय इन्हें पढ़ता है और कार्यक्षेत्र की पृष्ठभूमि, 3D परिवेश, प्रकाश तीव्रता और वेरिएंट चयन पर लागू करता है। URL से चुने गए वेरिएंट WooCommerce की एट्रिब्यूट और टर्म मैपिंग से तय होते हैं। कस्टम रंग: कस्टम-रंग वेरिएंट वाले उत्पादों के लिए आप कस्टम रंग माँग सकते हैं और चुने गए रंगों के मान सीधे URL में दे सकते हैं। क्वेरी मानों में # को %23 के रूप में एन्कोड करें।

उपलब्ध URL पैरामीटर की सूची

पैरामीटरप्रकारविवरणडिफ़ॉल्ट मान
bcgstringCustomizer पृष्ठभूमि मोड: grad_f6f7fb_e8fff6, app_img_123 या env। env मोड चुने हुए परिवेश के प्रीव्यू को कार्यक्षेत्र की पृष्ठभूमि बनाता है।डिज़ाइन/थीम का डिफ़ॉल्ट
envintरनटाइम परिवेश ID। यह 3D कैनवस के लिए HDRI परिवेश चुनता है और bcg=env के साथ परिवेश का प्रीव्यू पृष्ठभूमि भी बनाता है।डिज़ाइन/डिफ़ॉल्ट
light_intensity0 - 23D कैनवस के परिवेश की प्रकाश तीव्रता। सीमा से बाहर के मान निकटतम सीमा तक सीमित किए जाते हैं।डिज़ाइन/डिफ़ॉल्ट
bcg_blur0 - 100Customizer की चित्र-आधारित पृष्ठभूमि पर लागू धुंधलापन, जिसमें app_img_* और bcg=env प्रीव्यू पृष्ठभूमि शामिल हैं।0
bcg_brightness0 - 3Customizer की चित्र-आधारित पृष्ठभूमि की चमक।1
bcg_underlaystringचित्र-आधारित पृष्ठभूमि के पीछे ग्रेडिएंट परत, जैसे grad_ffffff_f5f7fb।डिज़ाइन/थीम का डिफ़ॉल्ट
attribute_pa_*stringWooCommerce उत्पाद एट्रिब्यूट का टर्म पहले से चुनता है। स्वीकार्य कुंजी रूपों में attribute_pa_color, pa_color और color शामिल हैं; समर्थित उपनाम आकार, रंग, सामग्री, प्रिंट प्रकार और पैटर्न के लिए हैं।
custom_color0 / 1 / trueउत्पाद समर्थन करता हो तो कस्टम-रंग वेरिएंट माँगता है। यही काम color=custom से भी हो सकता है।0
picked_colorsstringdetailKey:%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>