Joomla Templates Club 406,261 posts

[aalisg Friend aalisgJoin date: February 2013Posts: 130Downloads:30Uploads:7 Thanks: 2]

#185137

Hi, I am coding a website using Joomla! 2.5.9 with Ja Univeristy template. I wanted to know if it was possible to set the searchbox from the Joomla! search module as a parent menu item ? I do not want the searchbox to appear through a deploying submenu by creating an item menu with a separator, I want the searchbox to be always visible and “within” the meagamenu, just like if it was a parent menu item.

Thank you for your reply.

Regards,

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#484087

If you’re asking if you can have the search box appear within (or over) the main nav menu bar – the answer is yes.
The easiest way to accomplish this would be to “overlay” the search box over the menu – via CSS z-index modification.

Might you be able to create a screenshot mock-up of how you are wanting the menu + search box to display?

[aalisg Friend aalisgJoin date: February 2013Posts: 130Downloads:30Uploads:7 Thanks: 2]

#484175

Hi, my website URL is http://www.aalisg.org. In fact I want to interchange searchbox and “CONNEXION” menu item positions.

Regards

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#484439

Hi aalisg,

As I understand you want to replace “CONNEXION” menu item with a Search Box ?
Pls check out my attached file for details.

Regards,
—
Leo

---

Attachments:

1. 

[aalisg Friend aalisgJoin date: February 2013Posts: 130Downloads:30Uploads:7 Thanks: 2]

#484453

Yes, exactly !

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#485559

Hi aalisg,

I’m really sorry for late reply. Here is my guide on your concern:
In this case, you need to to create a Login module for Connexian instead of a menu item.

1. Delete or disable Connexian menu in Menus.
2. On your server, open templatesja_universitycsstemplate.css. Then replace lines:

#ja-search {
bottom: 20px;
overflow: hidden;
}

with lines:


#ja-search {
float: right;
margin-top: 7px;
overflow: hidden;
}

** Style your ja-connexian { // your style here}
3. Open pluginssystemjat3jat3base-themesdefaultblocksheader.php. Then replace lines:

<?php if($this->countModules('search')) : ?>
<div id="ja-search">
<jdoc:include type="modules" name="search" />
</div>
<?php endif; ?>


with lines

<?php if($this->countModules('connexian')) : ?>
<div id="ja-connexian">
<jdoc:include type="modules" name="connexian" />
</div>
<?php endif; ?>


4. Open templatesja_universitytemplateDetails.xml. Then add this line:
<position>connexian</position>
Save.

5. Open templatesja_universityblocksmainnav.php. Then at line 18 insert:


<?php if($this->countModules('search')) : ?>
<span id="ja-search">
<jdoc:include type="modules" name="search" />
</span>
<?php endif; ?>


6. Create a Login module in Connexian position.

Save. Clean T3 cache. Lets check my snapshot for details.

Regards,
—
Leo

---

Attachments:

1. 

[aalisg Friend aalisgJoin date: February 2013Posts: 130Downloads:30Uploads:7 Thanks: 2]

#485605

Plese find enclose a screenshot of the modifications I want to do.

Regards

---

Attachments:

1. 

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#485628

<em>@aalisg 363220 wrote:</em><blockquote>Plese find enclose a screenshot of the modifications I want to do.

Regards

</blockquote>
Was Leo Burnett’s suggestion not helpful ??

[aalisg Friend aalisgJoin date: February 2013Posts: 130Downloads:30Uploads:7 Thanks: 2]

#485630

IN fact he did not tell me how to do it, just show want I wanted to do. I do not blame him, he vas very kind to show me.

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#485747

<em>@aalisg 363254 wrote:</em><blockquote>IN fact he did not tell me how to do it, just show want I wanted to do. I do not blame him, he vas very kind to show me.</blockquote>

Hi aalisg,

I already updated my previous reply based on your screenshot above. Pls try my guide and let me know if it works.

Regards,
—
Leo

[rotechenterprise Friend rotechenterpriseJoin date: September 2013Posts: 22Downloads:0Uploads:10 Thanks: 8 Thanked: 1 times in 2 posts]

#548349

Hi Leo, i’m trying to accomplish what you have demonstrated in post #6 search module at the end of the menu. I have follow the instructions but still having issues getting this done. Does your instructions apply to any Ja_University template? Or mainly for Aslisg request? Thank you.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#548351

<em>@rotechenterprise 444318 wrote:</em><blockquote>Hi Leo, i’m trying to accomplish what you have demonstrated in post #6 search module at the end of the menu. I have follow the instructions but still having issues getting this done. Does your instructions apply to any Ja_University template? Or mainly for Aslisg request? Thank you.</blockquote>

If you are utilizing the same elements as aalisg, then it should work.

Which version of JA University are you working with?

[rotechenterprise Friend rotechenterpriseJoin date: September 2013Posts: 22Downloads:0Uploads:10 Thanks: 8 Thanked: 1 times in 2 posts]

#548357

Thank you Tom. Currently i’m using Joomla 3.2. I would like to have the default search position available for a language translator but i want to bring down the Search Module to the menu.

If a user visits the page on a mobile device would the search menu still appear on top and not get hidden within the navigation responsive bar? I need to keep both on display at all time. Thank you advanced.

[Eragon H Friend Eragon HJoin date: July 2014Posts: 468Downloads:1Uploads:39 Thanks: 5 Thanked: 156 times in 149 posts]

#548395

Hi rotechenterprise

What’ve done in post #6 is creating another search position and styling it to stay at the same position of Megamenu. It’s not about putting the search to menu. So the search will not behave as the menu (like collapsing …).

So, let me clarify your need:
1. Set the search module to the position which is same to a Menu
2. This search module will be display in every layout.

Kindly correct me if i’m wrong.

Best regards

1 user says Thank You to Eragon H for this useful post

1. rotechenterprise

[rotechenterprise Friend rotechenterpriseJoin date: September 2013Posts: 22Downloads:0Uploads:10 Thanks: 8 Thanked: 1 times in 2 posts]

#548483

Hi Eragon,

i have taken some snapshots of what i’m trying to accomplish, if this is possible can you please guide me through the steps?

Current Layout:
Current Responsive Issue:

Ideal Layout:
Ideal Responsive Version:

I highly appreciate your help!

---

Attachments:

1. 
2. 
3. 
4. 

[Author]

Posts