Ordasoft - Professional Joomla Templates and Extensions

Popup and Hover Effects with Joomla Website Builder

Posted by on in Joomla Extensions
  • Font size: Larger Smaller
  • Hits: 114
  • 0 Comments
  • Subscribe to this entry
  • Print

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.

 

b2ap3_thumbnail_map-popup-websiite-builder.jpg

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.

 

b2ap3_thumbnail_create-instanse-website-builder.jpg


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

 

b2ap3_thumbnail_layouts-website-builder.jpg

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

b2ap3_thumbnail_create-hover-effect-website-builder-1.jpg


Here is an example of how it works.

 

b2ap3_thumbnail_hover-website-builder.jpg

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!

b2ap3_thumbnail_popup-effect-website-builder-1.jpg

Last modified on
Rate this blog entry:

Welcome to OrdaSoft Joomla Extensions and Joomla Templates. Try our Joomla extensions, Joomla Templates and build professional Joomla site for Real Estate, Auto dealers, Book libraries, Media libraries, memberships.

Comments

  • No comments made yet. Be the first to submit a comment

Leave your comment

Guest Tuesday, 26 October 2021

Shortcuts

Wohnung Löbau Auf wohnen-in-loebau.de finden Sie bestimmt Ihre neue Wohnung in Löbau.