प्रोडक्ट जानकारी सेक्शन आपके प्रोडक्ट पेज का मुख्य हिस्सा है। यह एक तरफ़ प्रोडक्ट की इमेज और दूसरी तरफ़ प्रोडक्ट का विवरण (नाम, विवरण और ऑर्डर फ़ॉर्म) दिखाता है। यह प्रोडक्ट पेज पर ज़रूरी है, इसलिए आप इसकी स्टाइल बदल सकते हैं लेकिन इसे हटा नहीं सकते।
यह कहाँ मिलेगा
- बिल्डर खोलें और पेज टैब में प्रोडक्ट पेज चुनें।
- प्रीव्यू के लिए कोई प्रोडक्ट चुनें। इससे सिर्फ़ प्रीव्यू में दिखने वाली चीज़ बदलती है: आपका डिज़ाइन एक साथ सभी प्रोडक्ट्स पर लागू होता है।
- प्रीव्यू में या सेक्शन टैब में प्रोडक्ट जानकारी पर क्लिक करें।
सेक्शन के दो तय हिस्से हैं, मीडिया और विवरण। आप इन्हें हटा या खिसका नहीं सकते, सिर्फ़ सेट कर सकते हैं। फ़ोन पर ये एक के नीचे एक आते हैं: पहले इमेज, फिर विवरण।
सेक्शन की सेटिंग्स
- सेक्शन की चौड़ाई: पेज कंटेंट को आपके पेज की चौड़ाई में रखता है, पूरा एक किनारे से दूसरे किनारे तक जाता है।
- बराबर कॉलम: चालू होने पर इमेज और विवरण दोनों आधी-आधी चौड़ाई लेते हैं। बंद होने पर हर कॉलम उतनी जगह लेता है जितनी उसे चाहिए।
- कलर स्कीम, गैप (दोनों कॉलम के बीच की जगह), पैडिंग और कस्टम CSS।
मीडिया: इमेज गैलरी
प्रोडक्ट में जोड़ी गई फ़ोटो और वीडियो दिखाता है।
- मोड: कैरोसेल (एक बार में एक इमेज) या ग्रिड (सभी इमेज एक साथ)।
- स्टिकी: बंद, डेस्कटॉप, मोबाइल या दोनों। स्टिकी गैलरी तब भी दिखती रहती है जब ग्राहक विवरण स्क्रॉल करते हैं।
- ग्रिड: कॉलम (1 या 2), गैप और पहला पूरी चौड़ाई में (पहली इमेज दोनों कॉलम में फैलती है)।
- कैरोसेल: नेविगेशन आइकन (तीर, शेवरॉन या कोई नहीं), आइकन का बैकग्राउंड, डेस्कटॉप पेजिनेशन (बिंदु, काउंटर, थंबनेल) और मोबाइल पेजिनेशन (बिंदु, काउंटर, संकेत, थंबनेल)। संकेत अगली इमेज की एक झलक दिखाता है।
- थंबनेल: डेस्कटॉप पर थंबनेल होने पर डेस्कटॉप पोज़िशन (बाएँ, नीचे, दाएँ) और डेस्कटॉप साइज़ सेट करें। फ़ोन पर ये हमेशा इमेज के नीचे रहते हैं।
- आस्पेक्ट रेशियो: ऑटो हर इमेज का अपना आकार रखता है। पोर्ट्रेट, स्क्वायर या लैंडस्केप के साथ, मीडिया फ़िट में कवर (भरें और काटें) या कंटेन (पूरी इमेज दिखाएँ) चुनें।
- ज़ूम चालू करें: ग्राहक इमेज को फ़ुल स्क्रीन देखने के लिए उस पर क्लिक या टैप करते हैं।
विवरण: इमेज के बगल वाले ब्लॉक
विवरण में एक गैप और डेस्कटॉप पर स्टिकी होता है (ग्राहक जब इमेज से आगे स्क्रॉल करते हैं तब भी कॉलम दिखता रहता है)। इसे चुनें और ब्लॉक जोड़ने के लिए नया ब्लॉक जोड़ें पर क्लिक करें, और उन्हें खींचकर किसी भी क्रम में रखें।
- टाइटल: प्रोडक्ट का नाम, हर पेज पर एक बार। चौड़ाई, अलाइनमेंट, प्रीसेट, लाइन की ऊँचाई और अक्षरों के बीच की दूरी सेट करें। मोबाइल पर इमेज के ऊपर दिखाएँ फ़ोन पर नाम (रेटिंग के साथ) को गैलरी के ऊपर ले जाता है। रिव्यू टाइटल के ऊपर दिखाएँ स्टार रेटिंग को नाम के ऊपर रखता है।
- विवरण: आपके प्रोडक्ट का टेक्स्ट। लाइन की ऊँचाई और अक्षरों के बीच की दूरी सेट करें। स्क्रॉल करने के लिए इमेज पर क्लिक करें चालू होने पर, विवरण के अंदर क्लिक करने से पेज ऑर्डर फ़ॉर्म तक स्क्रॉल हो जाता है, जब स्क्रीन पर कोई फ़ॉर्म न हो। लिंक फिर भी काम करते हैं।
- फ़ॉर्म: कीमत, वेरिएंट और खरीदने का बटन। इसके विकल्प लैंडिंग जानकारी सेक्शन और ऑर्डर फ़ॉर्म कैसे सेट करें (बटन, काउंटडाउन, WhatsApp)? में हैं।
- डिवाइडर: ब्लॉक के बीच 2 तक लाइनें।
- कोलैप्सिबल, डिलीवरी टाइमलाइन, साइज़ गाइड, बैज और पहले और बाद में: देखें अपने प्रोडक्ट पेज पर कोलैप्सिबल टैब, डिलीवरी की तारीखें, साइज़ गाइड, बैज या पहले और बाद की इमेज कैसे जोड़ें?
फ़ॉर्म और विवरण ज़रूरी हैं: आप इन्हें खिसका सकते हैं लेकिन हटा नहीं सकते।
स्टिकी बटन
ग्राहक जब ऑर्डर फ़ॉर्म से दूर स्क्रॉल करते हैं, तब भी खरीदने का एक रास्ता स्क्रीन पर बनाए रखता है। जब कोई भी फ़ॉर्म दिख रहा हो, तो यह फिर छिप जाता है। मोड:
- कोई नहीं: कोई स्टिकी चीज़ नहीं।
- बार: नीचे एक बार, जिसमें कीमत, मात्रा और खरीदने का बटन होता है।
- बटन: एक तैरता बटन जो फ़ॉर्म तक स्क्रॉल करता है। लेबल (खाली रहने पर आपके खरीद बटन का टेक्स्ट इस्तेमाल होता है), स्टाइल (प्राइमरी या सेकंडरी), पोज़िशन (शुरुआत, बीच में, आखिर) और एनिमेशन (Pulse, Heartbeat, Shake, Bounce, Glow, Ripple, Wiggle या कोई नहीं) सेट करें।
- इमेज: आपकी पसंद की एक तैरती इमेज जो फ़ॉर्म तक स्क्रॉल करती है, पोज़िशन और एनिमेशन के साथ।
बिल्डर में, जब तक सेक्शन चुना हुआ है तब तक स्टिकी चीज़ दिखती है, ताकि आप उसकी स्टाइल सेट कर सकें।