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

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

URL पैरामीटर से आप कोड बदले बिना Viewer का रूप और व्यवहार कस्टमाइज़ कर सकते हैं। पैरामीटर सीधे ऐप में (जैसे “साझा करें” टैब या Viewer के भीतर) कॉन्फ़िगर किए जा सकते हैं। इनसे पृष्ठभूमि मोड, चित्र पृष्ठभूमि के प्रभाव, 3D परिवेश की रोशनी, UI और कार्ट में जोड़ने के बटन की दृश्यता नियंत्रित होती है। वेरिएंट का पूर्वचयन (WooCommerce एट्रिब्यूट): आप attribute_pa_color, pa_size या size जैसे क्वेरी पैरामीटर से खास उत्पाद वेरिएंट पहले से चुन सकते हैं। इन्हें आपके स्टोर की एट्रिब्यूट/टर्म मैपिंग के आधार पर समझा जाता है, जिससे Viewer किसी निश्चित रंग, आकार, सामग्री, प्रिंट विधि या कस्टम रंग के साथ खुल सकता है।

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

पैरामीटरप्रकारविवरणडिफ़ॉल्ट मान
nav0 / 1नेविगेशन छिपाता (0) या दिखाता (1) है। केवल Business में उपलब्ध।1
add_to_cart0 / 1“कार्ट में जोड़ें” बटन छिपाता (0) या दिखाता (1) है।0
bcgstringसीन पृष्ठभूमि मोड: grad_f6f7fb_e8fff6, app_img_123, uploaded, theme या env।स्टोर/डिफ़ॉल्ट
envintसीन की रोशनी के लिए HDRI परिवेश ID। bcg=env होने पर परिवेश सीन की दिखाई देने वाली पृष्ठभूमि भी बनता है।1
light_intensity0 - 23D सीन की प्रकाश तीव्रता।0.6
bcg_blur0 - 100bcg=app_img_*, bcg=uploaded या bcg=theme से चुनी गई चित्र पृष्ठभूमि पर लागू धुंधलापन।0
bcg_brightness0 - 3चित्र पृष्ठभूमि की चमक/उत्सर्जन का स्तर।1
bcg_underlaystringचित्र पृष्ठभूमि के पीछे की परत। ग्रेडिएंट के लिए grad_ffffff_f5f7fb या परत हटाने के लिए none इस्तेमाल करें।पृष्ठभूमि का डिफ़ॉल्ट
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/viewer/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 Viewer"
  src="https://alterproduct.com/app/viewer/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>