List of all our extensions

Create an account

JP CE Modal PRO - Add the new custom element


Article Index

Add the new custom element:

  • Now open "YOOtheme" website builder inside the Joomla admin and edit the page you want to add the installed "JP CE Modal PRO" custom element .
  • Then you can easily add installed "JP CE Modal PRO" custom builder element in Yootheme PRO Website Builder.

  • You can customise the settings for the element under "Content" tab in which how it will be displayed in your website.

Select the content type of the popup modal using "POPUP CONTENT TYPE" option. Here you have two options

  1. "Select Module" -> Select any of the different predefined list of modules.
  2. "Content" -> Define a new content in the editor which is used as a source for the popup modal.

Here we used "Select Module" option

  • From the list of modules, select one module in which its content will be used in the modal pop-up. Here we selected "Login Form" module.

Select the event for the popup modal using "OPEN POPUP" option. Here you have two options

  1. "Auto" -> Triggerred the modal pop-up event automatically based on the additional related settings.
  2. "Click Button" -> Displayed a clickable button with the label .

"Auto" option

Find the additional auto settings to schedule modal popup easily.

  • "REPEAT POPUP" -> Specifies the cookie time interval to show popup again automatically.

Use the various options based on your site requirements.

  • "Always" -> Triggers the modal popup everytime the user visits the webpage.
  • "First Time Only" -> Triggers the modal popup when the user visits the webpage first time. This is used for new user registration offers.
  • "After 30 mins" -> Triggers the modal popup when the user visits the webpage after 30 mins.
  • so on.....

  • Once finished all the settings for the element , Click "Save layout" .

"Click Button" option

Find the additional button settings for designing your page easily.

  • "BUTTON TEXT" -> Specifies the value or label for the button.
  • "BUTTON SIZE" -> Specifies the size of the button.
  • "BUTTON STYLE" -> Specifies the style of the button.
  • "BUTTON ALIGNMENT" -> Specifies the different location or alignment of the button to be displayed.

Use these various options based on your site customizations.

  • Once finished all the settings for the element , Click "Save layout" and "Close" the website builder.

Have a look our super amazed "JP CE Modal PRO !" output.

Page
Joomla 4.0 supported
6 months support & updates
6 months of access to support and downloads/updates. The extensions will keep working after this period.
Joomla 3.10 supported
Unlimited Websites
You can install all our extensions on as many websites as you like.
Wordpress version available
Custom Development
If you encounter any problems with your website that does not cover support we might offer you a custom quote to help you.
Look for these icons for available supported platforms:
Joomla 4.0 supported

Joomla 4.x support

New Joomla 4 supported!
Joomla 3.10 supported

Joomla 3.x support

Joomla 3.9 / 3.10 supported
Wordpress version available

Wordpress version

Alternative WP version available

© Copyright 2011- - JoomlaPro.com - All Rights Reserved | JoomlaPro.com is part of
 WNmedia.se, Joomlaproffs.se and Webbproffs.se

Joomla Extensions