Introduction
Easy Responsive Tabs is a Joomla plugin allows you to create responsive tabs in your Joomla content with customizable themes. This documentation covers the installation, configuration, and usage of the Easy Responsive Tabs plugin.
Installation
Downloading the Extension
Email: After you purchase the extension from our store, you will receive an email containing a link to download the extension.
Store: Alternatively, you can download the extension from the "Downloads" section in our store. If you are a new user, you need to create an account using the same email address you used for the purchase.
Click to download the extension package: EasyResponsiveTabs_UNZIP.zip
Unzipping the Package
Use any file unzipper tool or WinRAR to unzip the EasyResponsiveTabs_UNZIP.zip package. After unzipping, you will find the following contents:
- Folder Joomla 3: This folder contains the installation file
plg_sys_easytabs_X.x.zip
compatible with Joomla 3.x. - Folder Joomla 4 & 5: This folder contains the installation file
plg_sys_easytabs_X.x.zip
compatible with Joomla 4.x and Joomla 5.x. - ReadMe.txt: Contains vital information about the current version of the extension.
Installing the Extension
To install the extension, log in to the backend of your Joomla website.
- Joomla 3, 4 & 5: Navigate to Extensions > Install, then click on the "Upload Package File" tab. Click "Browse" to select the appropriate installation file (
plg_sys_easytabs_X.x.zip
), then click "Upload and Install."
A success message will be displayed once the installation is complete.
Configuration
After installation, the plugin needs to be configured to suit your requirements. Access the plugin settings by navigating to Extensions > Plugins, and find System - Easy Responsive Tabs in the list.
Plugin Settings
- Theme: Select your desired theme for the tabs.
- Options:
Black Tie
,Blitzer
,Cupertino
,Dark Hive
,Dot Luv
,Eggplant
,Excite Bike
,Flick
,Hot Sneaks
,Humanity
,Le Frog
,Mint Choc
,Overcast
,Pepper Grinder
,Redmond
,Smoothness
,South Street
,Start
,Sunny
,Swanky Purse
,Trontastic
,UI Darkness
,UI Lightness
,Vader
- Default:
Cupertino
- Options:
Usage
Once configured, you can use the Easy Responsive Tabs plugin to create tabs in your Joomla content.
Syntax - How to Use
Easy Responsive Tabs can be used anywhere on your Joomla site. Here's the syntax to integrate tabs into your content:
{ETABS}
{TAB [Title1]}[Content 1]{/TAB}
{TAB [Title2]}[Content 2]{/TAB}
...
{/ETABS}
Example
{ETABS}
{TAB Tab1}Here goes your sample content.{/TAB}
{TAB Title2}Another sample text goes here.{/TAB}
{/ETABS}
Replace [Title1], [Title2], [Content 1], [Content 2], etc., with your own titles and content.
Features
- Customizable Themes: Choose from multiple themes for the tabs.
- Responsive Design: Tabs adjust to different screen sizes, ensuring a consistent user experience.
- Easy Integration: Use simple syntax to add tabs to any content on your Joomla site.
FAQ
-
How do I change the theme of the tabs?
- Select your desired theme from the Theme dropdown under Plugin Settings.
-
What is the syntax for adding tabs to my content?
- Use the
{ETABS}...{/ETABS}
syntax with{TAB [Title]}[Content]{/TAB}
for each tab.
- Use the
-
Can I use different themes for different sets of tabs?
- The plugin settings apply globally. To use different themes for different sets of tabs, you would need to change the settings each time or use custom CSS.
Troubleshooting
- Tabs Not Displaying: Ensure the plugin is enabled and the syntax is correctly added to your content.
- Theme Not Applying: Verify that the selected theme is available and correctly set in the Theme dropdown.
- Responsive Issues: Check for conflicts with other CSS that might affect the tabs' responsiveness.