โมดูลเป็นรายการเมนู

ฉันต้องการแทรกโมดูลการค้นหาเป็นรายการเมนู (โมดูลเมนูเริ่มต้น)

ฉันต้องการผลลัพธ์นี้:

<ul>
    <li>menu item</li>
    <li>menu item</li>
    <li>SEARCH MODULE</li>
    <li>menu item</li>
    ...
</ul>

ความคิดแรกของฉันคือการทำซ้ำโมดูลเมนูเริ่มต้นสองครั้ง:

1. หนึ่งรายการเพื่อแสดงรายการเมนูก่อนโมดูลการค้นหาที่ไม่มี</ul>แท็กปิด
2. อีกรายการหนึ่งเพื่อแสดงรายการเมนูหลังจากโมดูลการค้นหาที่ไม่มี<ul>แท็กเปิด

และใส่โมดูลค้นหาในระหว่างพวกเขา ดูเหมือนจะไม่ใช่วิธีที่ง่ายที่สุดและบำรุงรักษาได้มากที่สุดเพื่อให้บรรลุเป้าหมายตามที่ต้องการ:

• 3 ตำแหน่งโมดูลสำหรับเมนู
• 2 เมนูที่แตกต่างกันในการจัดการเมนู

ฉันรู้ว่าฉันสามารถใช้โมดูลเมนูเด่นบางอย่างเพื่อทำสิ่งนี้ได้ แต่ฉันต้องการหลีกเลี่ยงส่วนขยายของบุคคลที่สามและใช้รหัสที่กำหนดเองที่ฉันสามารถควบคุมได้

ฉันจะเพิ่มโมดูลเป็นรายการเมนูในเมนูเริ่มต้นได้อย่างไร

นี่เป็นอีกทางเลือกหนึ่งในการโหลดโมดูลค้นหาในเมนูของคุณ ต้องใช้สองขั้นตอนง่ายๆ:

1. แทนที่mod_menuโมดูลของคุณ

• \templates\YOURTEMPLATE\html\mod_menu\default_url.phpสร้างแทนที่ในโฟลเดอร์แม่แบบของคุณ
• คัดลอกเนื้อหาต่อไปนี้ไปยังไฟล์:

default_url.php

 <?php
 /**
 * @package     Joomla.Site
 * @subpackage  mod_menu
 *
 * @copyright   Copyright (C) 2005 - 2014 Open Source Matters, Inc. All rights   reserved.
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 */

defined('_JEXEC') or die;

// Note. It is important to remove spaces between elements.
$class = $item->anchor_css ? 'class="' . $item->anchor_css . '" ' : '';
$title = $item->anchor_title ? 'title="' . $item->anchor_title . '" ' : '';

if ($item->menu_image)
    {
        $item->params->get('menu_text', 1) ?
        $linktype = '<img src="' . $item->menu_image . '" alt="' . $item->title . '"   /><span class="image-title">' . $item->title . '</span> ' :
        $linktype = '<img src="' . $item->menu_image . '" alt="' . $item->title . '"  />';
 }
 else
 {
    $linktype = $item->title;
 }

 $flink = $item->flink;
$flink = JFilterOutput::ampReplace(htmlspecialchars($flink));
if ($linktype == "CustomSearchBox"){
    $document   = &JFactory::getDocument();
    $renderer   = $document->loadRenderer('modules');
    $options    = array('style' => 'xhtml');
    $position   = 'CustomSearchBox';
    echo $renderer->render($position, $options, null);
}
else {

switch ($item->browserNav) :
    default:
    case 0:
?><a <?php echo $class; ?>href="<?php echo $flink; ?>" <?php echo $title; ?>><?php echo $linktype; ?></a><?php
        break;
    case 1:
        // _blank
?><a <?php echo $class; ?>href="<?php echo $flink; ?>" target="_blank" <?php echo $title; ?>><?php echo $linktype; ?></a><?php
        break;
    case 2:
        // window.open
        $options = 'toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes,'.$params->get('window_open');
            ?><a <?php echo $class; ?>href="<?php echo $flink; ?>" onclick="window.open(this.href,'targetWindow','<?php echo $options;?>');return false;" <?php echo $title; ?>><?php echo $linktype; ?></a><?php
        break;
endswitch;
}

ฉันได้เพิ่มif-elseคำแถลงเริ่มต้นที่บรรทัดที่ 29 ซึ่งตรวจสอบว่าชื่อรายการเมนูเป็น "CustomSearchBox" หากเป็นเช่นนั้นโหลดโมดูลตำแหน่ง "CustomSearchBox" หากไม่ใช่รายการเมนูปกติจะถูกส่งคืน คุณสามารถเปลี่ยน "CustomSearchBox" เป็นอะไรก็ได้ที่คุณชอบ แต่ถ้าคุณจำไว้ว่าให้ใช้ค่าเดียวกันในขั้นตอนต่อไปนี้

2. สร้างโมดูลการค้นหาใหม่

สร้างโมดูลการค้นหาและตั้งค่าพารามิเตอร์ตามต้องการ (ฉันแนะนำให้ซ่อนชื่อโมดูล)

เผยแพร่โมดูลไปยังตำแหน่งที่กำหนดเอง "CustomSearchBox"

3. สร้างรายการเมนูใหม่

รายการเมนูสามารถเป็นประเภทใดก็ได้ฉันขอแนะนำ "URL ภายนอก" และชื่อต้องเป็น "CustomSearchBox"

บันทึกรายการเมนูของคุณและรายการเมนูทั้งหมดจะถูกแทนที่ด้วยช่องค้นหา!

แจ้งให้เราทราบหากมีบางสิ่งไม่ชัดเจน

แม้ว่าคุณจะบอกว่าคุณไม่ต้องการที่จะใช้นามสกุลของบุคคลที่สามผมมีวิธีการแก้ปัญหาที่ใช้RokCandy จาก RocketTheme มันเป็นส่วนย่อยขนาดเล็กที่ทำให้ง่ายต่อการเพิ่มช่องค้นหาในเมนู เพียงติดตั้งปลั๊กอินและสร้างมาโครใหม่เช่นนี้

มาโคร

 [searchfield][/searchfield]

HTML

<form action="index.php" method="post" class="form-inline" _lpchecked="1">
 <input name="searchword" id="mod-search-searchword" maxlength="20" class="inputbox search-query" type="text" size="20" value="Search..." onblur="if (this.value=='') this.value='Search...';" onfocus="if (this.value=='Search...') this.value='';">       
 <input type="hidden" name="task" value="search">
 <input type="hidden" name="option" value="com_search">
 <input type="hidden" name="Itemid" value="101">

บันทึกและปิด

ตอนนี้สร้างรายการเมนูสำหรับช่องค้นหา (ฉันแนะนำExternal URLเป็นประเภท แต่ประเภทรายการเมนูใด ๆ ที่จะทำ) และในฟิลด์ชื่อเพิ่ม[searchfield][/searchfield]:

RokCandy จะแทนที่ชื่อด้วยรหัสในมาโครและคุณจะได้รับช่องค้นหาในเมนู: