This is a sample module to showcase the functionality of the S5 Flex Menu system. This menu system contains up to 40 module positions and you can publish any module to any of these positions under any menu item.
This template includes a scroll to feature that will scroll your page to a specified section of your site. All you have to do is create an external link in your menu manager and then in the URL area enter in any ID on your page. You can reference any of the following IDs in order:
#s5_header_area1
#s5_top_row1_area1
#s5_top_row2_area1
#s5_top_row3_area1
#s5_center_area1
#s5_bottom_row1_area1
#s5_bottom_row2_area1
#s5_bottom_row3_area1
#s5_footer_area1
Screenshot of admin area of an external menu item with DIV reference entered:
Setting up the login and register links is very simple. Just enter the login, logout, and register text in the template configuration like shown below. As long as text is present the links will show. To disable them simply empty the fields and save the configuration.
Alternatively, you can fill out your own custom urls just below these fields in the template configuration if you do not want to use the default Joomla login and registration pages.
The lazy load script is a great way to save bandwidth and load your pages much faster. Images that are not visible on the initial page load are not loaded or downloaded until they come into the main viewing area. Once an image comes into view it is then downloaded and faded into visibility. Scroll down this page to see the script in action.
Setup is very easy! By default this script is disabled, in order to enable it simply choose All Images or Individual Images from the drop down, as shown below from inside the template configuration page.
All images will load every standard image on the page with lazy load. There is no extra configuration or extra code to add with this configuration, it will just happen automatically. Individual images would be used if you want only certain images to load with this script and not all of them. To do this simply add class="s5_lazyload" to the image like so:
The info slide script is a great way to display your content to your customers! It will place a sliding text box over any image on the page. It can be placed inside of content or modules. It will also automatically adjust to any size screen size on window resize. See below for a demonstration.
All content and images shown on this site is for demo, presentation purposes only. This site is intended to exemplify a live website and does not make any claim of any kind to the validity of non-Shape5 content, images or posts published. Most photography was purchased from shutterstock.com for this demo only, and is not included with this template or any membership. You may not use these images for your own without purchase. Links will be provided for some images if you wish to purchase them from their copyright owners.