पैकिंग स्लिप को कस्टमाइज़ करना

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

स्टोर का पता बदलें

अगर आप अपने स्टोर का पता संपादित करना या बदलना चाहते हैं, तो आप सेटिंग्स > सामान्य पर जाकर अपने स्टोर की जानकारी संपादित कर सकते हैं।

अगर आप सिर्फ़ अपनी पैकिंग स्लिप पर पता बदलना चाहते हैं, तो नीचे दिए गए चरणों का पालन करें।

चरण:

1. अपने Shopify एडमिन से, सेटिंग्स > शिपिंग और डिलीवरी पर जाएं।

2. डॉक्यूमेंट सेक्शन में, पैकिंग स्लिप टेंप्लेट पर क्लिक करें।

3. {{ shop_address.summary }} लिक्विड वैरिएबल को खोजें, जो आपके स्टोर के पते को संदर्भित करता है। अगर आपको यह वैरिएबल नहीं मिलता है, तो नीचे दिए गए वैरिएबल को आज़माएं:

{{ shop_address.address1 }}, {{ shop_address.city }}, {{ shop_address.province_code }}, {{ shop_address.zip }}, {{ shop_address.country }}

4. इस कोड को हाइलाइट करें और इसे हटा दें।
5. इस खाली जगह में वह पता टाइप करें जिसे आप अपनी पैकिंग स्लिप पर दिखाना चाहते हैं। उदाहरण के लिए, आप अपना पता इस तरह टाइप कर सकते हैं: 123 Example Street, New York, NY, 10000, United States
6. अपने बदलाव देखने के लिए टेम्पलेट का प्रीव्यू करें पर क्लिक करें।
7. सेव करें पर क्लिक करें।

प्रोडक्ट इमेज हटाएं

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

चरण:

1. अपने Shopify एडमिन से, सेटिंग्स > शिपिंग और डिलीवरी पर जाएं।

2. डॉक्यूमेंट सेक्शन में, पैकिंग स्लिप टेंप्लेट पर क्लिक करें।

3. आपकी प्रोडक्ट इमेज को संदर्भित करने वाले नीचे दिए गए लिक्विड वैरिएबल को खोजें:

{% if line_item.image != blank %}
       <div class="flex-line-item-img">
         <div class="aspect-ratio aspect-ratio-square" style="width: {{ desired_image_size }}px; height: {{ desired_image_size }}px;">
           {{ line_item.image | img_url: effective_image_dimensions | img_tag: '', 'aspect-ratio__content' }}
         </div>
       </div>
       {% endif %}

4. इस कोड को हाइलाइट करें और इसे हटा दें।
5. अपने बदलावों का प्रीव्यू देखने के लिए, टेम्पलेट का प्रीव्यू करें पर क्लिक करें।
6. सेव करें पर क्लिक करें।

लोगो संपादित करें

अपनी पैकिंग स्लिप में अपने स्टोर का लोगो जोड़ने से पहले, आपको अपना लोगो अपने Shopify एडमिन में अपलोड करना होगा। अपलोड करने के बाद, अपलोड की गई फ़ाइल का नाम नोट कर लें ताकि बाद में पैकिंग स्लिप टेम्पलेट में इसका उपयोग किया जा सके।

अपने स्टोर पर अपना लोगो अपलोड करने के बाद, आप अपना लोगो जोड़ और स्टोर का नाम हटा, अपने स्टोर के नाम के ऊपर लोगो जोड़ या अपने स्टोर के नाम के बगल में लोगो जोड़ सकते हैं।

चरण:

1. अपने Shopify एडमिन से, कंटेंट > फ़ाइल पर जाएं।

2. फ़ाइल अपलोड करें पर क्लिक करें।

3. अपने डिवाइस से अपने स्टोर का लोगो चुनें और अपलोड करें।

4. अपलोड पूरा होने पर फ़ाइल का नाम नोट करें, जिसमें फ़ाइल एक्सटेंशन (उदाहरण के लिए, .png, या .jpg) भी शामिल हो।

लोगो जोड़ें और स्टोर का नाम हटाएं

आप अपने स्टोर का नाम हटाकर उसे अपनी पैकिंग स्लिप के सबसे ऊपर अपने स्टोर के लोगो से बदल सकते हैं।

चरण:

1. अपने Shopify एडमिन से, सेटिंग्स > शिपिंग और डिलीवरी पर जाएं।

2. डॉक्यूमेंट सेक्शन में, पैकिंग स्लिप टेंप्लेट पर क्लिक करें।

3. नीचे दिया गया वह कोड खोजें जो आपके स्टोर के नाम को संदर्भित करता है:

<p class="to-uppercase">
  {{ shop.name }}
</p>

4. इस कोड को हाइलाइट करें और इसे हटा दें।
5. आपने जो जगह बनाई है, उसमें पहले अपलोड की गई फ़ाइल के नाम का उपयोग करके निम्नलिखित कोड लिखें:

{{ 'FILE NAME' | file_img_url: 'small' | img_tag: 'Logo' }}

file_img_url फ़िल्टर निर्दिष्ट साइज़ वाली अपलोड की गई फ़ाइल के लिए URL जेनरेट करता है, और img_tag फ़िल्टर आपके द्वारा दिए गए वैकल्पिक टेक्स्ट के साथ एक HTML इमेज टैग बनाता है।

उदाहरण के लिए, यदि अपलोड की गई फ़ाइल shop_logo.png है, तो संबंधित लिक्विड कोड यह होगा:

{{ 'shop_logo.png' | file_img_url: 'small' | img_tag: 'Logo' }}

6. अपने बदलावों का प्रीव्यू देखने के लिए, टेम्पलेट का प्रीव्यू करें चुनें।
7. सेव करें पर क्लिक करें।

स्टोर के नाम के ऊपर लोगो जोड़ें

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

चरण:

1. अपने Shopify एडमिन से, सेटिंग्स > शिपिंग और डिलीवरी पर जाएं।

2. डॉक्यूमेंट सेक्शन में, पैकिंग स्लिप टेंप्लेट पर क्लिक करें।

3. नीचे दिए गए उस लिक्विड वैरिएबल को खोजें जो आपके स्टोर के नाम को संदर्भित करता है और दो लाइनों के बीच एक लाइन ब्रेक जोड़ें:

<div class="shop-title">
      |
      <p class="to-uppercase">

4. आपने जो जगह बनाई है, उसमें पहले अपलोड की गई फ़ाइल के नाम (उदाहरण के लिए, shop_logo.png) का उपयोग करके निम्नलिखित कोड लिखें:

{{ 'FILE NAME' | file_img_url: 'small' | img_tag: 'Logo' }}
<br>

5. अपने बदलावों का प्रीव्यू देखने के लिए, टेम्पलेट का प्रीव्यू करें चुनें।
6. सेव करें पर क्लिक करें।

स्टोर के नाम के बगल में लोगो जोड़ें

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

चरण:

1. अपने Shopify एडमिन से, सेटिंग्स > शिपिंग और डिलीवरी पर जाएं।

2. डॉक्यूमेंट सेक्शन में, पैकिंग स्लिप टेंप्लेट पर क्लिक करें।

3. नीचे दिया गया वह लिक्विड वैरिएबल खोजें जो आपके स्टोर के नाम को संदर्भित करता है:

<p class="to-uppercase">
{{ shop.name }}
</p>

4. इस कोड को हाइलाइट करें और इसे हटा दें।
5. आपने जो जगह बनाई है, उसमें पहले अपलोड की गई फ़ाइल के नाम (उदाहरण के लिए, shop_logo.png) का उपयोग करके निम्नलिखित कोड लिखें:

{{ 'FILE NAME' | file_img_url: 'small' | img_tag: 'Logo' }}
<span class="to-uppercase">
  {{ shop.name }}
</span>

6. नीचे दिए गए लिक्विड वैरिएबल को खोजें:

.shop-title {
  -webkit-box-flex: 6;
  -webkit-flex: 6;
  flex: 6;
  font-size: 1.9em;
}

7. ऊपर सूचीबद्ध वैरिएबल के आखिर में एक नई लाइन जोड़ें और नीचे दिया गया कोड पेस्ट करें:

.shop-title img {
 vertical-align: middle;
}

.shop-title span {
 vertical-align: middle;
}

8. अपने बदलावों का प्रीव्यू देखने के लिए, टेम्पलेट का प्रीव्यू करें चुनें।
9. सेव करें पर क्लिक करें।

CSS का इस्तेमाल करके पैकिंग स्लिप को स्टाइल करें

आप Shopify पर अपलोड की गई CSS फ़ाइलों का इस्तेमाल करके अपनी पैकिंग स्लिप को कस्टमाइज़ कर सकते हैं। Shopify के बाहर होस्ट की गई CSS फ़ाइलें ठीक से रेंडर नहीं होंगी।

चरण:

1. अपने Shopify एडमिन से, कंटेंट > फ़ाइल पर जाएं।

2. फ़ाइल अपलोड करें पर क्लिक करें।

3. अपनी CSS फ़ाइल चुनें और अपलोड करें।

4. अपलोड पूरा होने पर फ़ाइल का URL कॉपी करें।

5. नीचे दिया गया कोड शामिल करें:

<link
  rel="stylesheet"
  type="text/css"
  href="https://cdn.shopify.com/path_to_file/styles.css"
>