How to use TopMenu Plug in

TopMenu Plugin Guide

With the TopMenu plugin, you can create buttons with clickable items on the top bar or in the left drop-down menu. Each menu item can be a link or a static page, and you can create as many menus as you need.

Creating a Menu

The first step is to create a menu using the Menu Form.

Steps to Create a Menu:

1. From the left-hand side menu, select Plugins.
2. Scroll down to find the TopMenu plugin and activate it.
3. Click on Create Menu on the far right.
4. Fill in the details for your menu and click Save Menu.
5. Click on the name of your menu to make necessary changes to the Menu Items tab as required.

Once a menu is created, you can click on it in the list on the left side to access more options:

• Edit Menu Items
• Delete Menu

Creating Menu Items

You can now click on Edit Menu Items to create items for your menu. For menu items, you have several types:

Menu Types

• Left: Adds the menu to the main sandwich menu that opens from the left.
• Top: Adds the menu to the top bar.
• Action: Adds a button that appears below the video player.
• Action Per Video: Adds a button that appears below the video player, specific to each video.
• Action Per Video For Logged Users Only: Adds a button that appears below the video player, visible only to logged-in users.
• Action Per Video For Users That Can Watch Video: Adds a button that appears below the video player, useful for letting users with permissions access special content.
• Action Per Video For Users That Cannot Watch Video: Adds a button that appears below the video player, useful for sending users to a store or payment page to pay for the content.
• Mobile Tab Menu: Adds the menu to the old mobile app's tab menu.
• Mobile Left Menu: Adds the menu to the old mobile app's left menu.
• Mobile Tab Menu in a Browser: Adds the menu to the mobile tab menu when viewed in a browser.
• Mobile Left Menu in a Browser: Adds the menu to the mobile left menu when viewed in a browser.
• Float Menu: Adds a circle button that will be floating in the bottom right of the page.

Special Note for Action Per Video* Types

If you choose any Action Per Video type (including For Logged Users Only, For Users That Can Watch Video, and For Users That Cannot Watch Video), in the videos manager you will see a new button on the right, labeled Menu Items. When you click on this button, you will see a page where you can add a custom URL for this specific video. Each video can have a different URL.

Menu Item Types

Each menu item can be one of the following types:

• URL: Opens any URL when the menu item is clicked.
• URL Iframe: Opens a URL within an iframe.
• Page: Opens a static page where you can put any HTML content. YouPHPTube is based on Bootstrap, so you can use any Bootstrap 3 CSS class.

Organizing Menu Items

You can drag and drop items to sort them within the Menu Items Order section.