Our Ambassadors

S5 Vertical Accordion

The S5 Vertical Accordion module is demonstrated on the left side of this page.

This module contains up to 10 module positions that appear in an accordion function so you can publish any of your favorite modules or custom html modules to one of the accordion slides and keep your site clean and consolidated while giving it a nice effect. This version of the module is customized specifically for this template and cannot be used with any other templates. We do have another version that can be used on any Joomla template.

The following is a quick list of features that are included with the module:
  • Responsive/Fluid layout
  • Set the width of the module
  • Onclick or Onmouseover trigger methods
  • Auto cycle or manual for transition
  • Set slide transition speed
  • Compatible with IE7+, Firefox, Opera 10.5+, Safari, Chrome

S5 Map it With Google

The Map it with Google module is displayed at the bottom of this page in the custom_5 position. Simply enter your address and the module uses the Google API to display a map with a marker to the address. A user simply clicks the marker and they are prompted with a popup box to get directions. Clicking "Get Directions" will take you to google maps with your business address already entered so all they have to do is enter their address to get directions. You can also specify the size of the map and whether or not to enable or disable certain controls.

Parallax Backgrounds

Parallax backgrounds as well as other background options are built directly into the Vertex Framework. Parallax causes the background image of an element to scroll at a different speed than your browser. For an example of this view the homepage of the Velocity template here and watch the background of the top_row1 area as you scroll down the page. This feature is found under "Backgrounds" tab in Vetex, where you can control the background for many areas of your website.

Features:

  • Set the scroll speed of the images
  • Set background repeat style
  • Set background image size, 100%, cover, contain, etc
  • Set custom backgrounds for all s5 rows in the framework.
  • Enable or disable parallax on a per row basis


Admin Area Of The Backgrounds Tab:

parallax menu admin

Floating Menu

The floating menu feature is a great way for your users to easily navigate your website! The floating menu will show at the top of your browser once the screen reaches a certain point. You can determine the exact point at which this occurs via the template specific area of Vertex. NOTE: This is a Vertex addition and is not guaranteed to work with all Vertex Templates. Some custom CSS may need to be adjusted per template. This feature is not supported by IE7/8.

Features at a glance:

  • Set a background image to the menu, gradient or solid color
  • Set to snap or smooth scroll in
  • Determine at which point as you scroll down your page that the menu drops in
  • and many more features, just check out the screenshot below


Admin area of the Floating Menu:

parallax menu admin

Tool Tips


Note - The tool tips script is by default disabled. If you wish to use it you must enable this script in the template's configuration area. This also includes site shaper installations.



Demo 1:


Demo 2:
Demo 2 Image Tool Tip

Demo 3:
Demo 3 Image Tool Tip

Popular Articles

Join Our Newsletter

Signup to hear the latest from our company by joining our newsletter program below.

YOU WILL BE PLEASED TO KNOW

We are a strategic marketing company that develops strategies based on our analysis of your markets. We like to sort through the clutter and find the best perspective on your target markets at large.  This perspective allows us to see patterns where others simply see complexity. In addition we are very vigilant in our approach, we do not deny the risks out there in the markets, instead we draw each of them out into the open, then the risk can be mitigated. To cap it all we love to learn, it is not our claim that 4D Marketing knows everything. Any new industry or area of specialisation will be learned and our analytical minds will allow us to develop relevant marketing strategies for the new areas learned and our deliberative approach will guide us in mitigating any negative impact of competitor activity on your brand.