Installation on Existing Website

Jake V
Inactive member
Topic Author
New Member

11 years 5 days ago #38656 by Jake V

Replied by Jake V on topic Installation on Existing Website

Thank you.

I have installed the J3 version in a separate directory with the demo data and it is working perfectly.

1) I updated the settings in my live site Extensions > Module Manager > "Main Menu" to match the newsportal demo's "Top Menu 1".

2) I updated the settings in my live site Extensions > Template Manager > hot_news_portal - Default > options > font settings, features and menuconfig.

3) I cannot determine what to change to make the colored horizontal lines appear over the menu choices(red, purple, blue, etc.). Can anyone tell me which files to edit to match the hot start demo installation?

Thanks!

Please Log in to join the conversation.

ivan.milic
Support Staff
Moderator

11 years 4 days ago #38670 by ivan.milic

Replied by ivan.milic on topic Installation on Existing Website

It is required that meni is topmenu postion and has name topmenu2. To overcome this In templates/hot_news_portal/js/jquery.hjt.navv.js

Code:

 jQuery(".mnu_topmenu2 > li:nth-child(1),.mnu_topmenu2 > li:nth-child(6)").css("border-top","3px solid #cc0000");
    jQuery(".mnu_topmenu2 > li:nth-child(2),.mnu_topmenu2 > li:nth-child(7)").css("border-top","3px solid #9900cc");
    jQuery(".mnu_topmenu2 > li:nth-child(3),.mnu_topmenu2 > li:nth-child(8)").css("border-top","3px solid #0066ff");
    jQuery(".mnu_topmenu2 > li:nth-child(4),.mnu_topmenu2 > li:nth-child(9)").css("border-top","3px solid #009900");
    jQuery(".mnu_topmenu2 > li:nth-child(5),.mnu_topmenu2 > li:nth-child(10)").css("border-top","3px solid #ffcc33");

change to:

Code:

 jQuery(".mp_topmenu .menu > li:nth-child(1),.mp_topmenu .menu > li:nth-child(6)").css("border-top","3px solid #cc0000");
    jQuery(".mp_topmenu .menu > li:nth-child(2),.mp_topmenu .menu > li:nth-child(7)").css("border-top","3px solid #9900cc");
    jQuery(".mp_topmenu .menu > li:nth-child(3),.mp_topmenu .menu > li:nth-child(8)").css("border-top","3px solid #0066ff");
    jQuery(".mp_topmenu .menu > li:nth-child(4),.mp_topmenu .menu > li:nth-child(9)").css("border-top","3px solid #009900");
    jQuery(".mp_topmenu .menu > li:nth-child(5),.mp_topmenu .menu > li:nth-child(10)").css("border-top","3px solid #ffcc33");

Please Log in to join the conversation.

Jake V
Inactive member
Topic Author
New Member

11 years 4 days ago #38675 by Jake V

Replied by Jake V on topic Installation on Existing Website

The original menu was called "Main Menu". Can I just change the name of the module to "topmenu2"?

Please Log in to join the conversation.

ivan.milic
Support Staff
Moderator

11 years 4 days ago #38679 by ivan.milic

Replied by ivan.milic on topic Installation on Existing Website

Yes

Please Log in to join the conversation.

Jake V
Inactive member
Topic Author
New Member

11 years 4 days ago #38682 by Jake V

Replied by Jake V on topic Installation on Existing Website

Thank you. It now works perfectly.

For others reading this who are installing this template on an existing site:

1) In the "Menu Manager" change your existing menu:

- "Title" becomes "Top Menu 2"
- "Menu Type" becomes "topmenu2"
- "Description" can be anything or blank.
- Save.

2) In "Extensions" > "Module Manager" open your menu.

- Change the value of "Title" to "Top Menu 2".
- Select "Menu" to "Top Menu 2".
- Save.

The following user(s) said Thank You: ivan.milic

Please Log in to join the conversation.

Time to create page: 0.086 seconds