Accordion

An accordion is a vertically stacked list of items. Each item can be "expanded" or "stretched" to reveal the content associated with that item. It allows to displays collapsible content panels for presenting information in a limited amount of space, much like tabs but vertical. Accordion lets your visitors focus on one thing at a time. It's great for FAQs and lists that need organization. It lets you add inside any sort of content, like text, images, and even HTML.

Attributes

Example screenshot

Horizontal Tabs

Tabs are perfect for displaying a bunch of organized information in a small area, it uses multiple panels. They can be used for switching between items in the container. You can use any HTML code inside the tabs also insert images, whatever you need to get your information to your viewer. Add your heading and your content for each tab easily with following shortcodes.

Attributes

Example Tabs (screenshot)

Carousel Sliders

If you want your website to display various photos with labels, a simple image carousels effect. You can integrate it into any article with a simple shortcode. In certain circumstances, this can be used as a replacement for the slideshow module.

Attributes

Button Shortcode

Helix Framework includes some pretty amazing button options (attributes). We enhances standard buttons to themeable buttons with appropriate hover and active styles. Available in small, medium and large sizes. Buttons can be an integral part of your site, and we’ve made sure you have the options you need to add beautiful buttons to any page.

Attributes

Examples

Icon Shortcodes

Helix framework includes a large set of icons from Font Awesome to use throughout the template. These icons are a vector font icon (pictographic font) instead of an image, which produces much faster load times and will always ensure perfect sharpness. They are popular among web designers because they can be resized without losing quality and styled using attributes. Icons are loaded with some options that allow you to easily customize them. Now easily add any of 360+ built in icons to your articles and custom HTML modules using shortcodes. They can  be used to highlight different sections of content.

The shortcode to use is [icon name="name-of-icon"], where in brackets is the name of the icon you would like to use.

Attributes

Examples

Alert Boxes

Grab your users attention by using the easy to add alert boxes shortcode. They are used for things like capturing newsletter signups, club subscribers or just warning users.  There are available 4 universal styles: information, error, success and warning. The messages will close when the 'x' is clicked. Those responsive Alert messages can be used throughout the site. And yes, inside shortcode tags you can use your own HTML code.

Attributes

Example Screenshot

Columns

Sometimes you just need to divide your content inside article into different columns.With this shortcode you have the most usable columns and they are responsive, which means they go from multi-column to single column on smaller screens without you having to do anything. You can put there images, text, video, or whatever you can put in Joomla content in these sections. 

Attributes

Example Screenshot

Gallery Shortcode

One of the most important elements in successful Joomla! website is beautiful and unique image gallery catching eye. The gallery shortcode which comes with Helix Framework allows you to add one or more image responsive galleries to your articles and custom HTML modules. This shortcode allows you to include images in your gallery that aren't necessarily "attached" to your article  — because you have to add url of images manually. This flexibility allows you to create and embed any number of galleries containing any number of photos. The CSS is automatically outputted for each [gallery] shortcode that is used. This gallery allows you to create very easily a portfolio gallery with some nice effects (sorting by tags using filter option) and flexible customization settings.

Attributes

Example Screenshot

Google Map Shortcode

With our map shortcode you can embed a Responsive Google Maps anywhere to your content easily by entering your latitude and longitude coordinates. To find a place using its coordinates, just open Google Maps and search for them.  We include intuitive attributes that allow you to use the default Google Map styles, or customize the options to fit your branding style. Perfect for contact page or any other use you can think of. Multiple maps can be created in a single Joomla article.

Attributes

Example Screenshot

Testimonials

Testimonials are the perfect way to show your potential clients the others clients quotes or reviews of work you can provide. They are an important way to gain the trust of your visitors, helpful in building trust between seller and the buyer. Which as a result can help to persuade potential clients to use your services. Remember, when testimonials used effectively, are a great tool to increase conversions rates on your website!

The easiest way to add this functionality to your site would be to use our shortcode.

Attributes

Example screenshot

Responsive Video Shortcode

Video shortcodes allow you to embed videos from YouTube and Vimeo directly in to your Joomla-powered site and play them back. All you need to do to embed something into a post or page is to post the video URL to it into shortcode tags. Make sure that the URL is on its own line and not hyperlinked (clickable when viewing the page). Videos  if selected carefully, they can add a new media dimension to your website or blog.

Attributes

If you don’t want the video to be too big/small on your article page, you can control the size of the video by specifying the height value. 

Example Video (screenshot)