JM VideoGallery Lite Instructions

JoomlaManJoomlas Original Superhero

JMVideo Gallery Lite

www.joomlaman.com


www.joomlaman.com

Introduction1.1 Installation Guide1.2 Configure your Menu/Video1.3 Configure your Videos

346

12

Table of Contents

JMVideo Gallery Lite documentation

www.joomlaman.com

Welcome to the JM Video Gallery Documentation.(You are now on the way to becoming a Joomla Super Hero)

This pdf file covers the installation and use of the JoomlaMan JM Video Gallery Lite Component. Please read this document thoroughly and if you still experience any difficulties or if you have any questions that are beyond the scope of this document, feel free to post them in the dedicated support forum at

http://www.joomlaman.com

Introduction



P3

www.joomlaman.com

1.1 Installation GuideThis section covers how to install JM Video Gallery.

1. Download the com_jm_video_galleries.zip to your desktop.

2. Access your site on the browser e.g http://www.mysite.com/administrator

3. Once logged in to your administration panel go to: Extensions > Extensions Manager (See image below)

4. Next click on the Browse button so we can locate the file: com_jm_video_galleries.zip (See image below)



P4

www.joomlaman.com

5. Once you have selected the file, click the Install & Upload button. When the component is installed you will be re-directed to the control panel for JM Video Gallery Lite (See image below) (We have installed some default content for you). You have now successfully installed JM Video Gallery Lite



P5

www.joomlaman.com

1.2 Configure Your Menu/VideoNow you have successfully installed your new component, we need to create a menu item so we can view how the component looks on your template.

Follow these steps to create your menu item: (We are going to create a menu item on the default Main Menu of Joomla. If you are using a template, you may wish to create the menu item on a different menu)

1. Go to Menus > Main Menu (See image below)

2. In the top menu click New (See image below)



P6

www.joomlaman.com

3. Next we need to select what type of menu item we want to create, click the Select button. (See image below)

4. We now have to select Videos (See image below)



P7

www.joomlaman.com

5. You now need to give your menu item a title. (See image below)

6. Next, we need to select which JM Video Gallery categories we want to display for this menu item. (See image below)



P8

www.joomlaman.com

7. Whilst configuring your menu item you also have control over how the videos are displayed on your website. (See the image below and the explanations) Columns: Select how many columns you want to display on your website Video Lightbox: Choose if you want to display your videos with the lightbox effect. Social button: Turn the social buttons on or off on the video details page. Autoplay Video: Decide if you want your video to autoplay.

Once you have selected your categories and the settings for you video gallery, click the Save & Close button. You have now successfully installed JM Video Gallery and Assigned your menu item.



P9

www.joomlaman.com



IMPORTANT If youre using a joomla template that supports bootstrap and JQuery, you need to make sure you turn OFF loading these libraries in the component control options. If youre using a joomla template that does NOT support bootstrap and JQuery, you need to make sure these libraries are loaded with the video component in the component options. Follow these steps to manage these settings: Go to: Components > JoomlaMan Video Galleries (See Image Below) Click the options button (See image below)

P10

www.joomlaman.com



You can now control if these libraries are loaded. (See image below)

P11

1.3 Configure Your VideosNow your gallery is configured, you need to add categories and videos to the gallery.

Follow these steps to add categories and videos to your gallery:

1. In your main admin menu, go to: Components > JoomlaMan Video Galleries (See Image below)

2. We will now create a category. Click the Category button. (See Image below)

www.joomlaman.com



P12

www.joomlaman.com



3. Now click the New button (See image below)

4. All you need to do now is enter the name of your category (See image below). Once you have entered your name, click the Save & Close button You have now successfully created your first category.

P13

www.joomlaman.com



5. Now you have created your category, we need to add our videos to the category. Click on the Videos button. (See image below)

6. Next click on the New button. (See image below)

P14

www.joomlaman.com



7. You can now see the screen for adding all the details for your video. (See image below and explanation for each option) Title: Type in the title you want to display for your video Alias: leave this blank Video Type: Select Where this video is coming from Url: Enter the FULL Url of your video. eg: http://www.youtube.com/watch?v=Z-4v4I7Gzk0 Generator Thumbnail: If you have entered a url from youtube or vimeo you can click this button and the component will generate a thumbnail preview image Image: You also have the option to upload your own thumbnail image Description: Type the description of your video Status: Select if the video is published or unpublished Cat Ids: Select which categories this video should be displayed in

P15

www.joomlaman.com



You should now have successfully set up your Video Gallery!If you have any questions that are beyond the scope of this document, feel free to post them in the dedicated support forum at

http://www.joomlaman.com

Success

P16

JM VideoGallery Lite Instructions

Documents

Transcript of JM VideoGallery Lite Instructions