Pop any Article

Plugin to popup a Joomla Article

Features Support Rate the Product Documentation Download

✕

Plugin Joomla 3.x.xJoomla 4.x.x

Pop any Article Features

Latest Extension Version2.6

Last Updated 29 October 2021

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

Click Here

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.

Shortcode

{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.

Shortcode

{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}