Ordasoft website development company

Popup and Hover Effects with Joomla Website Builder

Hover and popup effects is one of the most popular on the web. So with OS CCK Website Builder you can easily add to any item (for exapmle menu. Read how to create a mega menu with website builder). You can use it even on a map or any other element.

popup effect on a map with website builder

We will show you how to create a hover or popup effect on any instance. Let's start with creating a new layout. Click Components → OS CCK → Layouts. Create a new layout or click on the one you need (remember, that to add an instance and display it on frontend, you have to add two layouts: «Add instance layout» and «Show all instance layouts». Without «CCK Add layout» - you can't add new items and without «CCK Show layout» - you can't show your items). Then create an instance.

new instance in joomla website builder

Then return to «Layouts», «Show all instance».

Hover Effect in CCK Website Builder

Select an element, scroll down to the «Layout for redirect». Choose on what element will be redirecting this item. Then in «Redirect type» select «Hover».

create hover effect in joomla website builder

Here is an example of how it works.

hover effect in joomla website builder

Popup Effect in CCK Website Builder

Like on hover effect, select layout for redirect and then on «Redirect» type choose «Popup». Add some CSS styles so item would look perfectly and enjoy!

popup effect in joomla website builder

If you have any questions you always can contact with us, just fill this contact form.

Other documentations of Joomla CCK - website builder

- OS CCK - joomla field builder
- How to export data from the Joomla CCK - website builder
- How to import data in the Joomla CCK - website builder
- Ordasoft Content Construction Kit (CCK) Explanation
- Configuring Joomla CCK - website builder fields in different layouts
- How create Last added Instances module with help website builder - Joomla CCK
- Show Website builder - Joomla CCK layout with OS CCK Layout module
- How to Create Joomla Mega Menu with Joomla CCK - website builder
- How to configure field access or show contact in Website builder - Joomla CCK
- Joomla CCK, community website builder
- How to show entity fields in Instances Manager, Joomla website builder!
- How to build a family tree on your website with website builder joomla cck
- Create Mega Menu ith Joomla Website Builder