Pop any Article

Pop any Article Features
Plugin which can be used to popup Joomla articles when an image or a text is clicked. The plugin syntax can be added to an article or custom HTML Module.
What can you do with the extension?
- Pop a joomla article from simple text when clicked
- Pop a joomla article from a button with 8 predefined colors.
- Add fontawesome icons to your buttons
- Fontawesome icon to article popup
- Text Image overlay to joomla article popup
- Font awesome icon with image overlay to article popup
Styling Setting
- Option to set the background color of the popup.
- 10 different background patterns to choose.
- Opacity of the background can be controlled.
- 10 different close buttons to choose.
- Text color can be changed.
- Add your own custom class and CSS into the plugin parameters.
- Option to enable or disable jQuery.
- Option to include js files in head or body to avoid js conflicts
- Option to define image or link text which when clicked can a Joomla article (no K2).
- Option to set dimension of the popup box (Height and Width)
- Animation effects for the popup box can be set : Fade , Elastic or None
- Closing and opening speed of the popup in milliseconds or 'fast' , 'normal', 'slow' can be set
- Option to control opacity of the popup background.
- Use any number of popups inside article or custom HTML module
Browser Supported





Responsive Extension
What's New?
Version 2.6 - 29 March 2021
- Option to add title to the image
Version 2.5 - 29 October 2021
- Fixed random error warning issue
Version 2.4 - 24 October 2021
- Support Joomla version 4.x
Version 2.3 - 05 June 2020
- Removed use of from the plugin syntax
Version 2.2 - 04 June 2020
- Fixed new line issue upon adding the shortcode
- Page Scroll Issue Fixed
- RGBA Popup Background color selection Added
Version 2.1
- Uses Joomla! Update System
Simple Text to Article Popup
Shortcode
{popart text="Click Here" article="285" popwidth="500px" popheight="300px"}{/popart}
Text Button to Article Popup
You can set 8 different predefined button colors. You can add your own button color by adding Extra CSS to the plugin parameters.
Button 1 Button 2 Button 3 Button 4 Button 5 Button 6 Button 7 Button 8Shortcode
{popart class="ibtn ibtn-yellow" text="Button 1" article="284" popwidth="800px" popheight="300px"}{/popart} {popart class="ibtn ibtn-red" text="Button 2" article="283" popwidth="800px" popheight="300px"}{/popart} {popart class="ibtn ibtn-green" text="Button 3" article="285" popwidth="800px" popheight="300px"}{/popart} {popart class="ibtn ibtn-orange" text="Button 4" article="283" popwidth="800px" popheight="300px"}{/popart} {popart class="ibtn ibtn-blue" text="Button 5" article="284" popwidth="800px" popheight="300px"}{/popart} {popart class="ibtn ibtn-grey" text="Button 6" article="285" popwidth="800px" popheight="300px"}{/popart} {popart class="ibtn ibtn-violet" text="Button 7" article="285" popwidth="800px" popheight="300px"}{/popart} {popart class="ibtn ibtn-dark-blue" text="Button 8" article="285" popwidth="800px" popheight="300px"}{/popart}
Text Button with Icons to Article Popup
You can set Font Awesome icons to the buttons from a list of 500+ icons. You can add your own button color by adding Extra CSS to the plugin parameters.
Button with Icon 1 Button with Icon 2 Button with Icon 3Shortcode
{popart class="ibtn ibtn-red" icon="fa-plus" text="Button with Icon 1" article="285" popwidth="700px" popheight="300px"}{/popart} {popart class="ibtn ibtn-yellow" icon="fa-comment" text="Button with Icon 2" article="284" popwidth="600px" popheight="300px"}{/popart} {popart class="ibtn ibtn-green" icon="fa-map-marker" text="Button with Icon 3" article="283" popwidth="500px" popheight="300px"}{/popart}
Button with Icons to Article Popup
This example has font awesome icon with no text defined. You can choose any font awesome icon.
Shortcode
{popart class="ibtn ibtn-blue" icon="fa-facebook" article="285" popwidth="1100px" popheight="300px"}{/popart} {popart class="ibtn ibtn-red" icon="fa-home" article="285" popwidth="1000px" popheight="300px"}{/popart} {popart class="ibtn ibtn-grey" icon="fa-cog" article="285" popwidth="900px" popheight="300px"}{/popart} {popart class="ibtn ibtn-green" icon="fa-pencil" article="285" popwidth="900px" popheight="300px"}{/popart}
Icons to Article Popup
This is a simple font awesome icon with no text or class defined. You can choose any font awesome icon.
Shortcode
{popart icon="fa-search" article="285" popwidth="1100px" popheight="300px"}{/popart}