थीम एडिटर की सुविधाओं की खास जानकारी

आप अपनी थीम के हिस्सों, जैसे कि रंग, को कस्टमाइज़ करने और सेक्शन और ब्लॉक की मदद से अपनी थीम की सामग्री को मैनेज करने के लिए थीम एडिटर का इस्तेमाल कर सकते हैं।

थीम एडिटर एक्सेस करना

आप अपने Shopify एडमिन से थीम एडिटर को एक्सेस कर सकते हैं।

  1. अपने Shopify एडमिन से, ऑनलाइन स्टोर > थीम पर जाएं।

  2. जिस थीम को आप एडिट करना चाहते हैं, उसके आगे थीम एडिट करें पर क्लिक करें।

थीम एडिटर लेआउट सेक्शन

थीम एडिटर में नीचे दिए गए सेक्शन हैं:

  • मेनू बार में सेक्शन, थीम सेटिंग और ऐप एम्बेड के बीच स्विच करने के लिए बाईं ओर नेविगेशन बटन होते हैं; केंद्र में थीम का नाम, मार्केट और टेम्पलेट मेनू होते हैं; और दाईं ओर अनुकूलन कंट्रोल होते हैं।
  • साइडबार आपके द्वारा वर्तमान में देखे जा रहे टेम्पलेट की सभी सामग्री का ट्री व्यू प्रदर्शित करता है। आप साइडबार से सेक्शन और ब्लॉक, ऐप एम्बेड और सेटिंग प्रबंधित कर सकते हैं। साइडबार को छोटा किया जा सकता है।
  • पूर्वावलोकन विंडो आपकी थीम को प्रदर्शित करती है और जब आप बदलाव करते हैं, तो स्वचालित रूप से अपडेट हो जाती है। आप पूर्वावलोकन विंडो में थीम टेम्पलेट की सामग्री को प्रबंधित करने के लिए मोबाइल पूर्वावलोकन को सक्रिय कर सकते हैं या पूर्वावलोकन इंस्पेक्टर का उपयोग कर सकते हैं।

मेनू बार नेविगेशन, थीम की जानकारी और आपकी थीम को कस्टमाइज़ करने के लिए कंट्रोल प्रदर्शित करता है।

मेनू बार थीम की जानकारी और थीम अनुकूलन को प्रबंधित करने के लिए बटन प्रदर्शित करता है.

थीम एडिटर के मेनू बार में थीम का विवरण और कार्रवाइयां

मेनू बार के बाईं ओर, आप साइडबार में निम्नलिखित व्यू के बीच टॉगल कर सकते हैं:

  • अपने वर्तमान टेम्पलेट पर सेक्शन और ब्लॉक प्रबंधित करने के लिए सेक्शन.
  • अपनी थीम की ग्लोबल सेटिंग प्रबंधित करने के लिए, जैसे कि रंग, टाइपोग्राफी और लेआउट, थीम सेटिंग.
  • अपनी थीम में एम्बेड किए गए ऐप को प्रबंधित करने के लिए ऐप एम्बेड.

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

थीम विवरण, मार्केट और टेम्पलेट मेनू

मेनू बार के केंद्र में थीम विवरण, मार्केट और टेम्पलेट मेनू

मेनू बार के केंद्र में, आप निम्नलिखित चीज़ें पा सकते हैं:

  • थीम का नाम और उसका स्टेटस। आपकी प्रकाशित थीम में Live स्टेटस लेबल प्रदर्शित होता है। अप्रकाशित थीम में ड्राफ़्ट स्टेटस लेबल प्रदर्शित होता है। निम्नलिखित विकल्पों को ऐक्सेस करने के लिए थीम के नाम पर क्लिक करें:
  • विभिन्न मार्केट के लिए अपनी थीम का पूर्वावलोकन और कस्टमाइज़ करने के लिए मार्केट मेनू।
  • अपनी थीम में विभिन्न पेज टेम्पलेट के बीच नेविगेट करने के लिए टेम्पलेट मेनू।

अनुकूलन शॉर्टकट.

थीम एडिटर के मेनू बार में कस्टमाइज़ेशन आइकन

आप अपनी थीम को कस्टमाइज़ करने और अपने बदलावों को मैनेज करने के लिए मेनू बार में निम्नलिखित कंट्रोल का उपयोग कर सकते हैं:

अगर रीडू करने, अनडू करने या दोनों के लिए कोई बिना सेव किया हुआ अनुकूलन नहीं है, तो संबंधित बटन निष्क्रिय होता है।

साइडबार उस टेम्पलेट के लिए सभी सामग्री का ट्री व्यू दिखाता है जिसे आप अभी देख रहे हैं। आप साइडबार से सेक्शन और ब्लॉक, और थीम सेटिंग को मैनेज कर सकते हैं। इसे टॉगल करके बंद करने के लिए, आप मेनू बार में मौजूद ऐक्टिव नेविगेशन बटन पर फिर से क्लिक करके साइडबार को छोटा कर सकते हैं।

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

थीम एडिटर में आपकी स्क्रीन पर सभी जगह का उपयोग करने के लिए दो मोड होते हैं।

डबल साइडबार मोड चौड़ी ब्राउज़र विंडो और बड़ी स्क्रीन के लिए है, और सिंगल साइडबार मोड संकरी ब्राउज़र विंडो और छोटी स्क्रीन के लिए है। साइडबार मोड यह तय करता है कि एडिटर में सेटिंग पैनल कहाँ दिखाई देगा।

डबल साइडबार मोड.

अगर आपकी ब्राउज़र विंडो कम से कम 1600 पिक्सेल चौड़ी है, तो आपके पास दो पैनल होंगे। बाएँ पैनल में आपके सेक्शन और ब्लॉक के साथ पेज का स्ट्रक्चर होता है, और दाएँ पैनल में चुने गए सेक्शन या ब्लॉक की सेटिंग होती है। आप सेक्शन को अनसेलेक्ट करके दाएँ पैनल को छोटा कर सकते हैं।

डबल साइडबार मोड में सेटिंग पैनल स्क्रीन के दाईं ओर दिखाई देता है।

बड़ी स्क्रीन पर सिंगल साइडबार मोड में थीम एडिटर को देखने के लिए, अपनी ब्राउज़र विंडो को तब तक संकरा करें जब तक कि एडिटर स्टैक्ड लेआउट में स्विच न हो जाए।

सिंगल साइडबार मोड.

संकरी स्क्रीन पर, एडिटर स्टैक्ड लेआउट का उपयोग करता है। जब आप किसी सेक्शन या ब्लॉक पर क्लिक करते हैं, तो सेटिंग पैनल आपके पेज के स्ट्रक्चर को कवर करने के बजाय स्क्रीन के नीचे से ऊपर की ओर स्लाइड होता है। आप पेज के स्ट्रक्चर और सेटिंग के बीच के विभाजन को एडजस्ट करने के लिए डिवाइडर को ड्रैग कर सकते हैं, जिससे दोनों हर समय दिखाई देते रहें।

सिंगल साइडबार मोड में सेटिंग पैनल स्टैक्ड लेआउट में दिखाई देता है

अपनी थीम का प्रीव्यू देखना

आप मेनू बार में मोबाइल बटन पर क्लिक करके अपनी थीम के मोबाइल लेआउट का प्रीव्यू देख सकते हैं। डेस्कटॉप प्रीव्यू पर वापस जाने के लिए, मोबाइल बटन पर फिर से क्लिक करें।

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

सेव नहीं किए गए बदलावों को अनडू और रीडू करना

आप सेव नहीं किए गए अनुकूलन को अनडू या रीडू करने के लिए undo और redo बटन का इस्तेमाल कर सकते हैं। अपने बदलाव सेव करने के बाद, आप उन्हें रीडू या अनडू नहीं कर सकते।

थीम एडिटर में कीबोर्ड शॉर्टकट का इस्तेमाल करना

आप थीम एडिटर में नेविगेट करने और कार्रवाइयां करने के लिए कीबोर्ड शॉर्टकट का इस्तेमाल कर सकते हैं।

Windows और macOS दोनों डिवाइस के लिए थीम एडिटर में काम करने वाले कीबोर्ड शॉर्टकट की सूची।
कैटेगरीकार्रवाईWindows पर शॉर्टकटmacOS पर शॉर्टकट
सामान्य अनडू करेंCTRL + Z + Z
रीडू करेंCTRL + Y + Y
सेव करेंCTRL + S + + S
सभी शॉर्टकट देखेंCTRL + / + /
टूल प्रीव्यू इंस्पेक्टरCTRL + SHIFT + | + + |
प्रीव्यू मोड + CTRL + | + + |
SidekickCTRL + . + .
नेविगेशन सेक्शन + CTRL + Z + + 1
थीम सेटिंग + CTRL + Z + + 2
ऐप एम्बेड + CTRL + Z + + 3
सेक्शन और ब्लॉक छिपाएं और दिखाएंCTRL + SHIFT + H + + H
हटाएंSHIFT + +
पिछला चुनेंSHIFT + +
अगला चुनेंSHIFT + +
चुना हुआ एलिमेंट खोलेंSHIFT + ENTER +
सभी सेक्शन बड़ा करेंCTRL + SHIFT + O + + O
सभी सेक्शन छोटा करेंCTRL + SHIFT + P + + P