👨🏿‍🚀 🌉 👰 Webasyst व्यवस्थापक पैनल का संशोधन 🏂🏽 🧑🏿‍🤝‍🧑🏽 🦊

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

प्रस्तावना

मैं वेबसाइटों को बनाने और बढ़ावा देने के क्षेत्र में काम करता हूं, और ऑनलाइन स्टोर के लिए हम मुख्य रूप से वेबासिस्ट इंजन का सहारा लेते हैं। मैं उसके बारे में कुछ भी बुरा नहीं कह सकता, लेकिन इस पर साइटों को भरने के एक साल में, मैंने महसूस किया कि 2 चीजें मुझे परेशान करती हैं, जिसके बारे में मैं बाद में बात करूंगा।
और एक बार मैंने खुद को व्यवस्थापक पैनल के कोड में देखने का फैसला किया और मुझे जो पसंद नहीं है उसे ठीक करने की कोशिश करें।

व्यवस्थापक पैनल में उस पर क्लिक करके उत्पाद संपादन पर स्विच करना

यह सामानों की सूची जैसा दिखता है:

तथ्य यह है कि यदि आप सामानों की सूची में नाम पर क्लिक करते हैं, तो ऐसी मध्यवर्ती विंडो खुलती है:

इसमें आप फ़ोटो संपादित करने या नाम बदलने के लिए जा सकते हैं ... और जब आप "संपादन" बटन पर क्लिक करते हैं, तो संक्रमण सीधे संपादन के लिए।

शायद कोई सहज हो। कोई है लेकिन मैं नहीं।

तलाश

यदि आप लिंक को देखते हैं, तो यह स्पष्ट हो जाता है कि मध्यवर्ती पृष्ठ का एक पता है

https:///webasyst/shop/?action=products#/product/id

और संपादन पृष्ठ /editअंत में समान + है ।

हम सही करते हैं

उत्पाद प्रविष्टि प्रदर्शन पृष्ठ के लिए टेम्प्लेट खोजना मुश्किल नहीं था, यह यहां स्थित है:

//wa-apps/shop/templates/actions/products/

3 फाइलें हैं, जिनमें से नाम के साथ शुरू होता है product_list_। उनमें से सभी 3 रूपों में व्यवस्थापक पैनल को आकर्षित करते हैं:

तालिका, आइकन और लेखों के साथ एक तालिका के रूप में माल का प्रदर्शन। मैं केवल तालिका दृश्य का उपयोग करता हूं, इसलिए मेरी पसंद फ़ाइल है

product_list_table.html

व्यवस्थापक पैनल में ब्राउज़र पेज इंस्पेक्टर खोलने के बाद, मुझे पता चला कि उत्पाद लिंक कुछ इस तरह दिखते हैं:

<td class="drag-handle s-product-name">
    <a href="#/product/6037">
        <div>.  <i class="shortener"></i></div>
    </a>
</td>

उपरोक्त फ़ाइल में लाइन मिली:

<td class="drag-handle s-product-name">
    <a href="#/product/{%#p.id%}/">
        <div>{%#p.name%}<i class="shortener"></i></div> 
    </a>
</td>

और संपादन के अंत में जोड़ा गया, यह इस तरह निकला:

<td class="drag-handle s-product-name">
    <a href="#/product/{%#p.id%}/edit">
        <div>{%#p.name%}<i class="shortener"></i></div> 
    </a>
</td>

और इसने काम किया।

वैसे, मैंने इंस्टॉलर के विस्तार पर देखा कि एक प्लग-इन उसी कार्य के लिए आवश्यक है, लेकिन इसकी लागत 500 रूबल है।

चेक बॉक्स

साइट पर, जिसे सबसे अधिक बार भरना पड़ता है, "सेवा" का उपयोग करके कार्यान्वित दरवाजों के लिए विभिन्न अतिरिक्त घटक। प्रत्येक उत्पाद (दरवाजा) अपनी श्रेणी से जुड़ा हुआ है, और चूंकि किसी श्रेणी के लिए एक सेवा को सौंपना असंभव है, सभी उत्पादों को अभी भी विभिन्न प्रकार के सामानों में क्रमबद्ध किया जाता है, जो आमतौर पर श्रेणियों की नकल करते हैं।

यही है, सब कुछ जो "एक" श्रेणी के अंदर है वह उत्पाद "एक" के प्रकार से संबंधित है। लेकिन अपवाद हैं जब एक श्रेणी में घटकों की कीमत दरवाजे के रंग के आधार पर भिन्न होती है, आदि। फिर उत्पाद प्रकार "one.1", "one.2", आदि बनाए जाते हैं। और प्रत्येक प्रकार के लिए आपको अपनी स्वयं की सेवाओं को अपनी कीमतों के साथ बनाने की आवश्यकता है।

व्यवस्थापक पैनल में

देखें: साइट पर देखें:

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

$('body input:checkbox').prop('checked', false);

यह कोड पृष्ठ पर सभी चेक किए गए चेकबॉक्स को हटा देता है। इसने काम किया, लेकिन यह अभी भी बहुत सुविधाजनक नहीं था। इसलिए, मैंने 2 विकल्प देखे: कोड को संपादित करें ताकि सेवा बनाते समय चेकबॉक्स अनियंत्रित स्थिति में दिखाई दें, और चिह्नित एक में न हो या व्यवस्थापक इंटरफ़ेस में "सभी चेकबॉक्स हटाएं" बटन न जोड़ें।

जेएस में मेरा ज्ञान बेहद छोटा है, इसलिए मैंने दूसरी विधि को चुना।

सेवा संपादन इंटरफ़ेस के लिए एक रेंडर फ़ाइल मिली:

//wa-apps/shop/templates/actions/services/Services.html

और इसमें "डिलीट सर्विस" के लिए बटन कोड है:

<li>
    <a href="#" class="s-delete-service">
        <i class="icon16 delete"></i>
        [`Delete this service`]
    </a>
</li>

दो बार सोचने के बिना, मैंने नीचे दिए गए कोड को लगाकर वर्तमान के "डिलीट" के ठीक बगल में एक बटन जोड़ा:

<li>
    <input type="button" value="  " onClick="$('body input:checkbox').prop('checked', false);" />
</li>

जब क्लिक किया जाता है, तो उपरोक्त जेएस कोड निष्पादित होता है और सब कुछ काम करता है।

क्लिक करने से पहले:

दबाने के बाद:

शायद यह सब आसान हो सकता है, लेकिन मैंने सबसे अच्छा निर्णय लिया। मुझे आशा है कि किसी को यह मददगार लगेगा।

Webasyst व्यवस्थापक पैनल का संशोधन

प्रस्तावना

व्यवस्थापक पैनल में उस पर क्लिक करके उत्पाद संपादन पर स्विच करना

तलाश

हम सही करते हैं

चेक बॉक्स

More articles: