Magento2 में एक कस्टम होमपेज टेम्पलेट बनाना


11

जैसा कि आप सभी जानते हैं कि magento2 में कुछ लेआउट टेम्प्लेट जैसे १ कॉलम, २ कॉलम-लेफ्ट, २ कॉलम-राइट, ३ कॉलम हैं और मैं इसके लिए Magento2 में कस्टम होमपेज लेआउट टेम्पलेट बनाना चाहता हूं, इसके लिए मैं कुछ ट्यूटोरियल का अनुसरण करता हूं और जैसा कि कहा गया है, उसमें मॉड्यूल और फाइलें बनाएं वह लिंक लेकिन उनमें से कोई भी काम नहीं कर रहा है और मैं "होम पेज" लेआउट को सेमी पेज -> डिज़ाइन टैब में नहीं प्राप्त कर सकता हूं।

मैं सभी लिंक के नीचे का पालन करता हूं, लेकिन किसी के भी काम नहीं करने के लिए उचित समाधान साझा करें।

पहला लिंक

दूसरी कड़ी

तीसरा लिंक

आगे की कड़ी

सभी समाधान काम नहीं कर रहे हैं।


@Khoa TruongDinh क्या आप इस प्रश्न का उत्तर जानते हैं?
धवल

जवाबों:


23

सबसे पहले, हमें यह जानना होगा कि एक कस्टम थीम मैगनेटो 2 कैसे बनाया जाए, हम यहां और अधिक कर सकते हैं: http://devdocs.magento.com/guides/v2.0/frontend-dev-guide/themes/theme-create। एचटीएमएल

एक नया कस्टम विषय बनाने के बाद। हम अपने मुखपृष्ठ के लिए नया कस्टम लेआउट बनाने जा रहे हैं। उदाहरण के लिए, हमारी फ़ोल्डर संरचना:

यहाँ छवि विवरण दर्ज करें

हमें दो xml फ़ाइलों पर ध्यान देना चाहिए: layouts.xmlऔर फ़ोल्डर के page_layout/custom_home.xmlनीचेMagento_Theme

एप्लिकेशन / डिजाइन / दृश्यपटल / Boolfly / पुस्तक / Magento_Theme / layouts.xml

<?xml version="1.0" encoding="UTF-8"?>
<page_layouts xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
              xsi:noNamespaceSchemaLocation="urn:magento:framework:View/PageLayout/etc/layouts.xsd">

    <layout id="custom_home">
        <label translate="true">Custom Home</label>
    </layout>

</page_layouts>

लेआउट आईडी custom_homeनीचे पेज लेआउट का नाम है।

ऐप / डिज़ाइन / फ्रंटएंड / बूलफ़्लाइ / पुस्तक / Magento_Theme / page_layout / custom_home.xml (मैंने 1column.xmlडिफ़ॉल्ट रूप से प्रतिलिपि बनाई )

<?xml version="1.0"?>
<layout xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
        xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_layout.xsd">
    <update handle="empty"/>
    <referenceContainer name="page.wrapper">
        <container name="header.container" as="header_container" label="Page Header Container"  htmlTag="header" htmlClass="page-header" before="main.content"/>
        <container name="page.top" as="page_top" label="After Page Header" after="header.container"/>
        <container name="footer-container" as="footer" before="before.body.end" label="Page Footer Container" htmlTag="footer" htmlClass="page-footer" />
    </referenceContainer>
</layout>

Magento के व्यवस्थापक को लॉगिन करें, सेमी होम पेज ढूंढें। अब, हमारा कस्टम लेआउट होम पेज लेआउट की सूची में है:

यहाँ छवि विवरण दर्ज करें

यदि हम इस लेआउट को चुनते हैं, तो हम इसे फ्रंट पेज पर देख सकते हैं:

यहाँ छवि विवरण दर्ज करें

नोट: सुनिश्चित करें कि हमारे Magento कैश को साफ़ कर दिया गया था।


1
उत्तम!!!!! मैं बस आपके रास्ते और मेरे काम का पालन करता हूं। धन्यवाद भाई
धवल

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

0

यह व्यवस्थापक से आसानी से प्राप्त किया जाता है, मुझे लगता है कि आपने पहले ही थीम बना ली है।

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

कृपया अनुदेश का पालन करें

व्यवस्थापक में प्रवेश करें, फिर नेविगेट करें

शामिल -> पृष्ठ

खोजने के मुख पृष्ठ, बाद में कार्रवाई स्तंभ क्लिक संपादित करें तो

सामग्री टैब पर क्लिक करें और फिर पाठ क्षेत्र में नीचे का मान रखें

{{block class="Magento\Cms\Block\Block" block_id="home-page-block"}}

नोट: यहाँ block_id ब्लॉक की यूनिक आईडी है, आप कंटेंट- > ब्लॉक के तहत लिस्ट ब्लॉक और ब्लॉक आईडी पा सकते हैं

अंत में पेज सेव करें

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

अगर आप होम पेज html कंटेंट ढूंढना चाहते हैं, तो कंटेंट-> ब्लॉक के तहत ब्लॉक होम-पेज-ब्लॉक ढूंढें। फिर ब्लॉक को एडिट करें , आप होम पेज का html कंटेंट देख सकते हैं ।

इस HTML संदर्भ का संदर्भ लें, इसके बाद आप अपनी आवश्यकता के अनुसार अपना HTML विकसित कर सकते हैं, अपनी थीम लेआउट फ़ाइल से CSS जोड़ सकते हैं।

आप किसी भी स्पष्टीकरण की जरूरत है सिर्फ टिप्पणी में उल्लेख किया है

आपका भाग्य अच्छा हो।


जैसा कि आप जानते हैं कि magento2 में कुछ कॉलम हैं जैसे 1 कॉलम, 2 कॉलम-लेफ्ट, 2 कॉलम-राइट, 3 कॉलम आदि। मैं इस तरह से टेम्पलेट बनाना चाहता हूं: होम-पेज और उसके बाद मैं इस नए लेआउट को असाइन करना चाहता हूं। सेमी -> पेज -> होम पेज। अब आपको मेरी बात सही लगी?
धवल

मैंने सोचा था कि आपको होम पेज की सामग्री को अनुकूलित करने की कोशिश की गई थी :-) मैंने आपके द्वारा पूछे जाने से पहले कोशिश नहीं की है इसलिए मैं आपकी मदद नहीं कर सकता कि कोई आपको हाथ दे।
बिलाल उसैन

मैंने कोशिश की है लेकिन मेरे मामले पर काम नहीं करता है
यूसुफ इब्राहिम
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.