मदद
लॉग इन करें

अपने प्रोडक्ट पेज पर शॉप प्रॉमिस दिखाना

शॉप प्रॉमिस बैज, डिलीवरी की तारीखों के बगल में और उन योग्य डिलीवरी के लिए प्रोडक्ट पेज पर दिखाया जाता है, जिनके संयुक्त राज्य अमेरिका में घरेलू तौर पर पांच या उससे कम कैलेंडर दिवस में डिलीवर होने का अनुमान है। यह बैज ग्राहकों को बताता है कि उनके ऑर्डर में तेज़ और भरोसेमंद डिलीवरी शामिल है।

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

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

इस पेज पर

शॉप प्रॉमिस मॉड्यूल को मैन्युअल रूप से पोज़िशन करें

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

बदलाव करने की जगह की पहचान करें

शॉप प्रॉमिस मॉड्यूल के लिए कोड को प्रोडक्ट पेज पर प्रोडक्ट फ़ॉर्म में शामिल किया जाना चाहिए, जो {%- form 'product', product -%} जैसा होना चाहिए। शॉप प्रॉमिस मॉड्यूल आपकी थीम के आधार पर अलग-अलग लोकेशन में मिल सकता है। निम्नलिखित सामान्य लोकेशन हैं:

  • main-product.liquid
  • product-form.liquid
  • product-template.liquid
  • product.liquid

प्रोडक्ट पेज अपडेट करें

चरण:

डेस्कटॉप

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

  2. जिस थीम में आप बदलाव करना चाहते हैं उसे ढूंढें, एक्शन मेनू खोलने के लिए हॉरूरीज़ॉन्टल मेनू आइकन पर क्लिक करें और फिर कोड में बदलाव करें पर क्लिक करें।

  3. संबंधित फ़ाइल खोलें।

  4. वह लाइन ढूंढें जिसमें {%- if block.settings.show_dynamic_checkout -%} या {{ form | payment_button }} है।

  5. {%- if block.settings.show_dynamic_checkout -%}{{ form | payment_button }}{%- endif -%} के ठीक नीचे एक नई लाइन बनाएं और उस लाइन पर निम्नलिखित पेस्ट करें:

<div class="delivery-promise__promise-container"></div>
  1. सेव करें पर क्लिक करें।

परिणाम निम्नलिखित जैसा दिखना चाहिए:

{%- if block.settings.show_dynamic_checkout -%}
  {{ form | payment_button }}
{%- endif -%}
<div class="delivery-promise__promise-container"></div>
मोबाइल

  1. Shopify ऐप से, Menu आइकन टैप करें।

  2. **सेल्स चैनल** सेक्शन में, **ऑनलाइन स्टोर** > **सभी थीम मैनेज करें** टैप करें।

  3. जिस थीम में आप बदलाव करना चाहते हैं उसे ढूंढें, एक्शन मेनू खोलने के लिए … बटन पर टैप करें और फिर कोड में बदलाव करें पर टैप करें।

  4. संबंधित फ़ाइल खोलें।

  5. वह लाइन ढूंढें जिसमें {%- if block.settings.show_dynamic_checkout -%} या {{ form | payment_button }} है।

  6. {%- if block.settings.show_dynamic_checkout -%}{{ form | payment_button }}{%- endif -%} के ठीक नीचे एक नई लाइन बनाएं और उस लाइन पर निम्नलिखित पेस्ट करें:

<div class="delivery-promise__promise-container"></div>
  1. सेव करें या ✓ पर टैप करें।

परिणाम निम्नलिखित जैसा दिखना चाहिए:

{%- if block.settings.show_dynamic_checkout -%}
  {{ form | payment_button }}
{%- endif -%}
<div class="delivery-promise__promise-container"></div>

शॉप प्रॉमिस मॉड्यूल थीम को मैन्युअल रूप से ओवरराइड करें

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

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

कोई भी बदलाव करने से पहले, अपनी थीम का डुप्लीकेट बनाएं और डुप्लीकेट थीम में बदलाव करें, ताकि आप किसी भी बदलाव को आसानी से वापस ला सकें।

चरण:

डेस्कटॉप
  1. अपने प्रोडक्ट पेज पर शॉप प्रॉमिस मॉड्यूल को मैन्युअल रूप से पोज़िशन करने के लिए दिए गए निर्देशों का पालन करें और फिर थीम एडिटर को खुला रखें।
  2. अपने नए बनाए गए एंकर एलिमेंट में डार्क या लाइट पर सेट किया गया एक थीम डेटा एट्रिब्यूट जोड़ें।
  3. सेव करें पर क्लिक करें।

परिणाम निम्नलिखित में से किसी एक के जैसा दिखना चाहिए:

<div class="delivery-promise__promise-container" data-theme="dark"></div>

या

<div class="delivery-promise__promise-container" data-theme="light"></div>
मोबाइल
  1. अपने प्रोडक्ट पेज पर शॉप प्रॉमिस मॉड्यूल को मैन्युअल रूप से पोज़िशन करने के लिए दिए गए निर्देशों का पालन करें और फिर थीम एडिटर को खुला रखें।
  2. अपने नए बनाए गए एंकर एलिमेंट में डार्क या लाइट पर सेट किया गया एक थीम डेटा एट्रिब्यूट जोड़ें।
  3. सेव करें पर टैप करें।

परिणाम निम्नलिखित में से किसी एक के जैसा दिखना चाहिए:

<div class="delivery-promise__promise-container" data-theme="dark"></div>

या

<div class="delivery-promise__promise-container" data-theme="light"></div>

प्रॉमिस मॉड्यूल के लिए कस्टम HTML या liquid जोड़ें

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

कस्टम Liquid ब्लॉक का इस्तेमाल करके प्रॉमिस मॉड्यूल जोड़ने के चरण:

डेस्कटॉप

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

  2. जिस थीम में आप बदलाव करना चाहते हैं उसे ढूंढें, और थीम में बदलाव करें पर क्लिक करें।

  3. सबसे ऊपर मेनू बार में टेम्पलेट सिलेक्टर का इस्तेमाल करके प्रोडक्ट पेज पर नेविगेट करें।

  4. साइडबार मेनू में, प्रोडक्ट की जानकारी सेक्शन ढूंढें।

  5. ब्लॉक जोड़ें पर क्लिक करें और उपलब्ध ब्लॉक की सूची से कस्टम Liquid चुनें।

  6. कस्टम Liquid टेक्स्ट फ़ील्ड में, निम्नलिखित कोड पेस्ट करें:

<div class="delivery-promise__promise-container"></div>
  1. ब्लॉक को खींचकर मनचाही जगह पर रखें, आम तौर पर 'खरीदें' बटन ब्लॉक के नीचे।
  2. अपने बदलावों को लागू करने के लिए सेव करें पर क्लिक करें।

अगर आप कोई थीम प्राथमिकता (डार्क या लाइट) तय करना चाहते हैं, तो इसके बजाय निम्नलिखित में से किसी एक का इस्तेमाल करें:

<div class="delivery-promise__promise-container" data-theme="dark"></div>

या

<div class="delivery-promise__promise-container" data-theme="light"></div>
मोबाइल

  1. Shopify ऐप से, Menu आइकन टैप करें।

  2. **सेल्स चैनल** सेक्शन में, **ऑनलाइन स्टोर** > **सभी थीम मैनेज करें** टैप करें।

  3. अपनी सक्रिय थीम ढूंढें और थीम में बदलाव करें पर टैप करें।

  4. सबसे ऊपर टेम्पलेट सिलेक्टर का इस्तेमाल करके प्रोडक्ट पेज पर नेविगेट करें।

  5. प्रोडक्ट जानकारी सेक्शन पर टैप करें.

  6. ब्लॉक जोड़ें पर टैप करें और कस्टम Liquid चुनें.

  7. कस्टम Liquid टेक्स्ट फ़ील्ड में, निम्नलिखित कोड पेस्ट करें:

<div class="delivery-promise__promise-container"></div>
  1. ब्लॉक को खींचकर मनचाही जगह पर रखें, आम तौर पर 'खरीदें' बटन ब्लॉक के नीचे।
  2. अपने बदलाव लागू करने के लिए सेव करें पर टैप करें.

अगर आप कोई थीम प्राथमिकता (डार्क या लाइट) तय करना चाहते हैं, तो इसके बजाय निम्नलिखित में से किसी एक का इस्तेमाल करें:

<div class="delivery-promise__promise-container" data-theme="dark"></div>

या

<div class="delivery-promise__promise-container" data-theme="light"></div>

शॉप प्रॉमिस बैज के लिए सपोर्ट की जाने वाली भाषाएं

उन भाषाओं के लिए नीचे दी गई टेबल देखें, जिनमें शॉप प्रॉमिस बैज दिखाया जा सकता है। अगर आपके स्टोर की भाषा समर्थित नहीं है, तो शॉप प्रॉमिस बैज अंग्रेज़ी में दिखाया जाता है।

वे भाषाएं जिनमें शॉप प्रॉमिस बैज दिखाया जा सकता है.
चीनी (सरलीकृत)चीनी (पारंपरिक)क्रोएशियाईचेक
डेनिशडचअंग्रेज़ीफ़िनिश
फ़्रेंचजर्मनग्रीकहिंदी
हंगेरियनइंडोनेशियाईइतालवीजापानी
कोरियाईलिथुआनियाईमलयनॉर्वेजियन (बोकमाल)
पोलिशपुर्तगाली (ब्राज़ील)पुर्तगाली (पुर्तगाल)रोमानियाई
रूसीस्लोवाकस्लोवेनियाईस्पैनिश
स्वीडिशथाईतुर्कीवियतनामी