हेडर कंटेंट और ऐड ब्लॉक को ओवरराइड करें


10

मैंने LUMA थीम को बढ़ाया है और हेडर को कस्टमाइज़ करना चाहता हूं।

मैं लोगो से पहले स्टेटिक ब्लॉक जोड़ना चाहता हूँ और लोगो को पेज के केंद्र में ले जाना चाहता हूँ जो बाईं ओर है।

अंतिम परिणाम होगा

[१] स्टेटिक ब्लॉक [२] लोगो (बीच में) [३] खोज फ़ॉर्म (यह पहले से ही सही स्थिति पर है)।

कृपया सलाह दें कि इसे कैसे प्राप्त करें।

जवाबों:


10

आप अपने लोगो और खोज बॉक्स पर DIV डालकर ऐसा कर सकते हैं

अपने स्थिर ब्लॉक के लिए एक "कंटेनर" भी बनाएं (इसके अंदर आप अपने स्थिर ब्लॉक को कॉल कर सकते हैं) logo.phtml।

अब प्रत्येक कंटेनर को एक क्लास असाइन करें और उन्हें आवश्यक चौड़ाई दें और तदनुसार उन्हें फ्लोट करें।

तो ऐसा लगेगा 1) Static block 2) Logo 3) Search

मुझे उम्मीद है कि किसी और को यहां से विचार मिलेगा, क्योंकि मैं प्रश्न पर देर से पोस्ट कर रहा हूं।


10

आप संदर्भ का उपयोग करें logo

<referenceBlock name="logo">
        <block class="Magento\Cms\Block\Block" name="test_links">
          <arguments>
           <argument name="block_id" xsi:type="string">test_links</argument>
          </arguments>
        </block>
</referenceBlock>

इसे कहां जोड़ा जाए। मैंने LAYOUT को भी बढ़ा दिया है और इसे लेआउट / default.xml (मुझे लगता है) में जोड़ा जाना चाहिए
— जय

@ जय हां डिफ़ॉल्ट रूप से ऐसा करेगा।
— फेम एक्सटेंशन्स

व्यवस्थापक में "टेस्टब्लॉक" पहचानकर्ता के साथ स्टेटिक ब्लॉक जोड़ा गया। डिफ़ॉल्ट.xml में टेस्टब्लॉक की जगह ऊपर की पंक्तियों को जोड़ा गया। तैनात, अपग्रेडेड, निस्तब्ध लेकिन लेकिन काम नहीं किया :(
— जय

क्या आपने <body></body>टैग जोड़ा
— फेम एक्सटेंशन्स

हां। ये सभी डिफ़ॉल्ट default.xml के सभी कोड हैं: <पेज xmlns: xsi = " w3.org/2001/XMLSchema-instance " xsi: noNamespaceSchemaLocation = "पूर्ण: Magento: ढांचा: देखें / लेआउट / पृष्ठ /configuration.xsd" > <body> <ReferenceBlock name = "logo"> <block class = "Magento \ Cms \ Block \ Block" नाम = "testblock"> <तर्क> <तर्क का नाम = "testblock" xsi: type = "string": testblock </ तर्क> </ तर्क> </ ब्लॉक> </ referenceBlock> </ body> </ पेज>
— जय
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.