दुकान पुनः डिज़ाइन: गहराई और पॉलिश के साथ प्रीमियम लुक

नया

इन-गेम दुकान को पूरी तरह से विज़ुअल ओवरहॉल मिला है। हर एलिमेंट — प्रोडक्ट कार्ड से लेकर कार्ट साइडबार तक, चैनल टैब से लेकर चेकआउट बटन तक — को गहराई, पॉलिश और स्मूद एनिमेशन के साथ फिर से डिज़ाइन किया गया है।

क्या बदला

प्रोडक्ट कार्ड

दुकान के मूल को सबसे बड़ा अपग्रेड मिला:

• ग्लास इफ़ेक्ट परतदार ग्रेडिएंट और गहरी छायाओं के साथ
• स्मूद हॉवर — कार्ड ऊपर उठते हैं, इमेज 1.08x तक स्केल होती हैं, ग्लो प्रकट होता है
• बड़ी इमेज (170px ऊंचाई, पहले 150px थी)
• लेज़ी लोडिंग — इमेज केवल स्क्रॉल करने पर लोड होती हैं, बैंडविड्थ की बचत होती है
• बॉर्डर सेपरेटर प्रोडक्ट जानकारी और कीमत/बटन क्षेत्र के बीच
• बड़ी कीमतें (16px) CC और KC मुद्राओं के लिए मज़बूत ग्लो के साथ

नया दुकान हेडर

प्रोडक्ट ग्रिड के ऊपर एक नई आइडेंटिटी बार प्रकट होती है, जो दिखाती है:

• दुकान का टाइप आइकन रंगीन गोल कंटेनर में
• दुकान का नाम बड़े बोल्ड टेक्स्ट में
• एक टाइप बैज (जैसे, “हार्डवेयर”, “खाद्य”, “सेवाएं”) टाइप के रंग के साथ
• प्रोडक्ट संख्या और मुद्रा

यह हर दुकान को प्रोडक्ट तक स्क्रॉल करने से पहले ही एक स्पष्ट विज़ुअल आइडेंटिटी देता है।

चैनल टैब

दुकानों के बीच स्विच करने वाले टैब को एक साफ़-सुथरा लुक मिला:

• पिल-स्टाइल गोल कोनों के साथ
• हॉवर पृष्ठभूमि को सूक्ष्म रूप से बदलता है
• एक्टिव टैब नीले-सियान ग्रेडिएंट और आंतरिक छाया के साथ चमकता है
• बेहतर प्रदर्शन के लिए जटिल बॉर्डर-मास्क इफ़ेक्ट हटाया गया

फ़िल्टर बार

सर्च और फ़िल्टर कंट्रोल अब और अधिक पॉलिश्ड हैं:

• गोल इनपुट (10px बॉर्डर-रेडियस) फ़ोकस रिंग के साथ
• पिल-स्टाइल सिलेक्ट जो हॉवर पर हाइलाइट होते हैं
• फ़िल्टर काउंट बैज के रूप में पृष्ठभूमि के साथ दिखाया गया
• क्लियर बटन लाल एक्सेंट और हॉवर लिफ्ट के साथ

कार्ट साइडबार

दाईं ओर शॉपिंग कार्ट और ऑर्डर पैनल:

• स्टिकी पोज़िशनिंग — प्रोडक्ट्स के बीच स्क्रॉल करते समय दृश्यमान रहता है
• कस्टम स्क्रॉलबार — ब्राउज़र डिफ़ॉल्ट के बजाय पतली नीली बार
• ग्रेडिएंट पृष्ठभूमि सूक्ष्म छायाओं के साथ
• बड़े बटन हॉवर लिफ्ट इफ़ेक्ट के साथ
• चेकआउट बटन ग्रेडिएंट फिल और हॉवर पर ग्लो के साथ

समीक्षाएं

हर दुकान के नीचे समीक्षा अनुभाग:

• बेहतर विज़ुअल पदानुक्रम सारांश के नीचे एक डिवाइडर लाइन के साथ
• हॉवर इफ़ेक्ट व्यक्तिगत समीक्षा कार्ड पर (बायां बॉर्डर जलता है)
• बड़े सितारे और बेहतर अंतर
• सबमिट बटन हॉवर पर ग्रेडिएंट और छाया के साथ

नज़दीकी खोज और दुकान खोज

दोनों सर्च फ़ीचर्स को प्रीमियम कार्ड डिज़ाइन मिले:

• गहराई परतदार छायाओं के साथ
• स्लाइड एनिमेशन हॉवर पर (नज़दीकी कार्ड दाईं ओर स्लाइड करते हैं)
• लिफ्ट इफ़ेक्ट दुकान सर्च कार्ड पर बैंगनी ग्लो के साथ
• बड़े आइकन (40px) अपनी छायाओं के साथ

खाली अवस्थाएं

जब दिखाने के लिए कोई प्रोडक्ट नहीं हैं, तो सादे टेक्स्ट संदेश के बजाय अब आप देखते हैं:

• एक बड़ा आइकन (📦)
• एक स्पष्ट संदेश (“कोई प्रोडक्ट आपके फ़िल्टर से मेल नहीं खाता” या “अभी तक कोई प्रोडक्ट नहीं”)
• एक उपयोगी संकेत (“अपनी सर्च समायोजित करें या बाद में जाँचें”)

एनिमेशन

प्रोडक्ट कार्ड अब एक स्टैगर्ड एंट्रेंस के साथ एनिमेट होते हैं — हर कार्ड फ़ेड इन होता है और थोड़ा स्केल अप होता है, कार्ड के बीच एक छोटा विलंब होता है। एनिमेशन प्रीमियम अनुभव के लिए एक स्मूद cubic-bezier ईज़िंग कर्व का उपयोग करता है।

मैप पिन ऑप्ट-आउट

इस रिलीज़ में दुकान मालिकों के लिए एक नई गोपनीयता सुविधा भी शामिल है:

सेवा प्रदाता जो अपना भौतिक स्थान प्रकट नहीं करना चाहते, वे अब अपनी दुकान सेटिंग्स में “अपनी दुकान को विश्व मानचित्र पर दिखाएं” को अनचेक कर सकते हैं। दुकान पूरी तरह कार्यात्मक रहती है — बस मानचित्र पर पिन के रूप में प्रकट नहीं होती।

यह विशेष रूप से सलाहकारों, डिजिटल सेवा प्रदाताओं, और उन सभी के लिए उपयोगी है जिनके व्यवसाय का कोई सार्वजनिक स्टोरफ्रंट नहीं है।

प्रदर्शन

समृद्ध विज़ुअल के बावजूद, दुकान वास्तव में तेज़ है, इन कारणों से:

• प्रोडक्ट इमेज पर loading="lazy" — ब्राउज़र केवल दृश्यमान इमेज लोड करता है
• सरलीकृत CSS (चैनल टैब पर जटिल ::before मास्क हटाए गए)
• हॉवर एनिमेशन के लिए GPU-त्वरित ट्रांसफ़ॉर्म

आगे क्या

दुकान पुनः डिज़ाइन आगामी फ़ीचर्स के लिए विज़ुअल आधार तैयार करता है:

• प्रोडक्ट विवरण ओवरले फुल-साइज़ इमेज और विशेषताओं के साथ
• विशलिस्ट / पसंदीदा — प्रोडक्ट बाद के लिए सहेजें
• दुकान संग्रह — चुने हुए प्रोडक्ट समूह
• डिस्काउंट कोड — प्रमोशनल मूल्य निर्धारण
• दुकान एनालिटिक्स मालिकों के लिए — व्यूज़, क्लिक्स, कन्वर्ज़न

---

ENLIGHTENMENT व्यक्तिगत विकास, आर्किटाइप अन्वेषण और सामूहिक अनुनाद का एक ब्लॉकचेन-आधारित खेल है। हमसे जुड़ें getplasma.org पर।