Pop any Article
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.
✕
Plugin Joomla 3.x.x
Pop any Article Features
Latest Extension Version2.3
Last Updated 05 June 2020
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.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
Web design is the skill of creating presentations of content (usually hypertext or hypermedia) that is delivered to an end-user through the World Wide Web, by way of a Web browser or other Web-enabled software like Internet television clients, microblogging clients and RSS readers.Web design is a kind of graphic design intended for development and styling of objects of the Internet's information environment to provide them with high-end consumer features and aesthetic qualities. The offered definition separates web design from web programming, emphasizing the functional features of a web site, as well as positioning web design as a kind of graphic design.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 8
In today's technology-driven times, ecommerce solutions serve businesses worldwide. We serve diverse organizations globally with exclusive ecommerce Web site design and custom software development. This includes the design and development of an entire ecommerce Web site along with a database of products, product information and product search, order processing and payment systems, etc. Our experience with software development and Web development allows us to tailor each solution exactly to our customer's individual business requirements.
We offer you the most cost-effective and user-friendly solutions in web site content management that enables you to easily update web site content information without the requirement of any programming or computer language training. CMS Driven sites-Large portals and websites which need to display a lot of information to their visitors are developed using Content Management Systems. We can develop a custom Content Management System that meets your requirements or use an open source solution with customization to develop your web portal.Our content management system enables you to leverage the following benefits.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.
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}