Jx YouTube Channel Viewer
Display YouTube Channel Videos at your Joomla Site.
This is an Amazing Joomla Module that displays YouTube channel Videos at Joomla website. This module is very light-weight and clean coded. It uses Google API key to pull YouTube videos using YouTube data API. The configuration of this module is very simple - You just need YouTube channel ID and Google API Key. "Even No API Key needed" to run this module. A test key is given there by default, you can use that too. The module has 4 different layouts, all of them are customizable. You can customize the style as your own of each template/layout. The module has a customizable carousel slider too. You can gallery YouTube videos in a carousel slider. Along all of these, It has much more features at module back-end. Here is the simple steps to configure:
- Install and publish the module to any module position.
- Set Google API Key: A test Google API key is given there. You can choose that. However, we recomand to use your own API key.
- Set YouTube channel ID: The YouTube channel, from where you want to show the videos.
- That's it. Save the module and see the front-end.
- There are several settings and customizable styles you can check them out and use them.
Core Features
Display YouTube Channel Videos
Display YouTube videos from any channel you want.
Google API Key & YouTube Data API
The module uses Google YouTube Data API Service and API Key
No API Key required!
It has a built-in Test API key to run the module. You can use that too.
4 - Built-in Layouts Including a Slider
The extension has 4-diffeernt layouts including a carousel slider. You can use any one of them.
Full Customizable Layouts/Themes
All given layouts are fully customizable, You can customize the styles and parameters as your own.
API Calling Control
You have control settings, when you want the API to call the latest feeds in a regular schedule.
No API Data Limit
If you set the API calling schedule, It will never run out of API Data limit as long as google provides service.
Carousel Slider
One of the layouts is 'Carosuel Slider'. It has also customizable settings at the module settings.
Layouts Type: Grid Layouts
All the themes/layouts are based on Grid, You have control to show the number of Columns.
Responsive Screen Settings
The extension is fully responsive by default to fit any device screens. Additionally, It has control settings for different screen size.
More Control Settings
It has several more control settings i.e. - Loadmore Button, Play Icons, Modal View, Inline View, 3-Different Headers, YouTube Channel Info & Statistics etc. Please check the module back-end/Admin Screens.
FAQ & Version History
Version History
Version: 1.0.0
- Published: May 16, 2024
- Supports Joomla 5x, J4x & J3x
- PHP Version Support: PHP 6.5 - 8.x
- ***Initial Release
FAQ
What Joomla versions does it support?
It supports Joomla 3x, J4x, J5x including latest Joomla. It does not support Joomla 2.5
How can I configure the extension?
When The API pulls the latest feed?
Is Google API Key required to use the module?
How to create Google API Key for YouTube videos?
Need custom development?
How can I get support?
Admin Screens and Features Breakdown
- Basic
- Global Settings
- Layout Settings
- Header Settings
- Carousel Settings
- Custom Styles
- Screen Settings
→ Module Settingsx
- There are four layouts - 'Default Grid', 'Blog', 'Flat' & 'Carousel' . You can choose anyone of them.
- A Test key is given by default. You can use that one to check the module is working on not. It's better to create your own API Key
- Set your YouTube Channel ID. The YouTube channel from where you want to show the videos.
- Set API Feed Limit. How many videos shlould be pulled by API. You can set any limit, by default it's 20.
- Set API calling schedule. When the API should run to pull the latest videos.
- Load jQery library: This is optional, You can turn it off if the module works fine without it.
→ Global Settings
- There are There Header layouts - 'Simple', 'Slim', & 'Extended'. You set anyone of them as default. You can set 'No Header', if you don't want any header.
- Set Video play mode: 'Modal' and 'Inline' are available
- Set default video display count/limit.
- Set grid columns: In how many columns you want to show the videos
- You can set grid columns and row gap.
- You can set 'Word limit' of video title and description. how many words should be in the title and description. Leave them blank If you don't want any limit.
- Set Video player clsoe button type. You can also set close button text.
- 'Load More' option is available. If you enable it, You can set load more button texts and styles.
→ Layout Settings
- Choose a layout to see the settings of that layout. Here there are different settings for different layouts.
- Show or hide video title.
- Show or hide video Description.
- Show or hide video Statistics information.
- Show or hide Video Play Icon (available only in 'Default grid' theme).
- Set Feed Background color.
- Set Border radius to Video box/feed
- Enable or Disable Zoom effect (available only in 'Flat' theme)
→ Header Settings
- Choose a Header to see the settings of that header. Here there are different settings for different header.
- Show or hide channel statistics information.
- Show or hide channel description.
- You can set 'Word limit' to channel description. Leave it blank If you don't want limit.
- Show or hide channel description 'Readmore' link.
- Set module header background color.
- Set padding to the header
- Choose 'Channel Logo'. Here two options are available - Show YouTube channel logo getting from API or set a fallback logo(Choose from you media galley).
- Set logo Border radius
- Set color for channel Title, description, readmore link, and statistics information.
- Set 'font-size' for Channel title, description and statistics information
→ Carousel Slider Settings
- Choose Heading Type: You can display Channel Name as heading or you can set your own custom heading
- Set Video Playing Mode: in Modal or New Panel
- You can set 'Detail' Button text, and 'Play' button text.
- Set sliding speed in Milisecond.
- Enable/Disable Auto Sliding.
- Enable/Disable slider rewind.
- Enable/Disable slider pause on mousehover.
- Show/hide Navigation and Pagination
- Enable/Disable Card layout for slider.
- Set Module container background color.
- Set Moduel container padding.
- Set Moduel container border color.
- Set Header horizontal line color.
- Set Box/Video hover background color.
- Set video title color.
- Set Navigation color.
- Set Pagination color.
- Set Box Button background color.
- Set Border radius for buttons.
- Set New Panel header background color.
→ Carousel Slider Settings
The following settings are applied to all layouts, except 'Carousel Slider'. The slider has settings in 'Carousel Settings' tab.
- Set Container Styles: customize background color, border color, padding and border-radius.
- Customize font typograpgy and colors for title, description and statistics.
- Customize styles(colors, hover colors, border-radius) for Clsoe Button, Load More button.
- Customize styles for Modal - background color, title color, close button color, border-radius
→ Media Screen Settings
The following settings are applied to all layouts, except 'Carousel Slider'. The slider has settings in 'Carousel Settings' tab.
- Here the major three screen size controls are available - 1024(ipad-pro), 768(ipad mini) and 600(Mobile).
- Set Grid columns: Set Grid columns for different screen sizes. You have control to display numbers of columns at different screen size.
- Set Grid Row-column Gap for different screens.
- Set Container padding/spacing at different screen size.
Admin Screens and Features Breakdown
Module Settings
- There are two layouts - 'Default' & 'Carousel'. You can choose anyone of them.
- Later you can add custom style to both layouts. There are several control settings -
- Carousel: Slider Auto play pption
- Carousel: Slider speed duration control
- Carousel: Default number of slides to show.
- Carousel: Default number of slides to change while scrolling.
- Carousel: Slider Arrow navigation and DOT navigation control settings,
- There is a option to open logo/brand link in a new tab or current window.
- There is an additional Header settings, you can display custom header with Title. Threre are more control settings of header.
