Our Blog

Today, we have launched a new 2.1 version of our very popular accordion menu module. This version fixes several bugs that were occurring when setting links to open in a new windows. In addition to that we have also added a new feature that allows you to have the accordions automatically open for the active accordion, or remain closed on each page load. This was a very highly requested feature by our members, so we hope you like it! The new version is ready for immediate downloads in the Club Extensions download area.
Tags: Untagged 
Today we have launched Vertex 3.3 for Joomla 3.X and Vertex 2.4 for Joomla 1.6 to 2.5. These new versions fix several bugs and add several bits of new functionality to Vertex. Please be sure to read through the major changes listed below. To upgrade your Vertex installation please be sure to download the patch from:


And please follow the upgrade patch tutorials from here:


A list of the major features majors in 3.3:

1. Js/s5_flex_menu.js has been updated to fix a bug for sites using a position:fixed call on the menu wrapper.

2. The speed of css and js file compression has been increased, and exclusions for font awesome and google fonts have been added; they were causing compression issues.

3. New floating menu features have been added to the Menu tab to allow the flex menu wrapper div to become position:fixed at set a screen height. There are also other css features in this area to stylize the menu when this this effect is triggered. This feature is by default disabled and should only be used by advanced users. This functionality can be used on all Vertex templates, but keep in mind that not all templates are designed for this functionality.

4. A new Backgrounds tab has been added to allow users to easily change the background of the page as well as other row elements on the page.

5. New parallax functionality has been added in conjunction with the new Backgrounds tab, via the vertex/parallax_backgrounds.php file. Parallax is a javascript effect that allows the background image of an element to scroll at a different speed than the browser. This functionality can be used on all Vertex templates, but keep in mind that not all templates are designed for this functionality.

6. Some core admin functions have been updated to fix an IE ajax submit bug for the Vertex admin, and is now working properly in all versions of IE.

7. Updates to the google fonts calls have been made so they work properly with https urls.
Tags: Untagged 
Receive 25% OFF all memberships from now until 9/8/2013! Don't let this sale pass you by, this is one of our largest discounts ever, and sales like this don't come around very often! Be sure to read the details of this sale below.


Our annual Give Back Sale is here and this year we are excited to announce that we have decided to donate proceeds to a non-profit organization called Exodus Cry, which is an international anti-trafficking organization this is committed to abolishing sex slavery.

This sale is our way of giving back and making an impact in the lives of those much less fortunate than most of us. The purpose of this sale is to bring awareness to the needs of Exodus Cry, and to raise as much money as possible for the needs of their organization. The funds will be used at the discretion of Exodus Cry.

Who is Exodus Cry?
Below is a short film, which gives an overview of their cause.


Can I donate to this organization without purchasing a membership?

Yes, of course you can, and any donations they receive would be greatly appreciated! You can donate directly through the following link:


Find Exodus Cry on Facebook:

Tags: Untagged 
Today we have launched Vertex 3.2 for Joomla 3.X. These new versions fix several bugs and add several bits of newf functionality to Vertex. Please be sure to read through the major features listed below. To upgrade your Vertex installation please be sure to download the patch from:


And please follow the upgrade patch tutorials from here:


A list of the major features added:

1. Vertex now includes Font Awesome, which is an extension of the bootstrap framework. This feature can be disabled if you do not want it. Font Awesome gives you scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS. For more information about Font Awesome please visit their website: http://fortawesome.github.io/Font-Awesome/

2.There is now an option in Vertex to turn off column/row equalizing if a row re-distribution for narrow screen option is set. This function disables the equalizing in case the heights after distribution are no longer a desired effect.

3. We have updated our Google Fonts list to now include over 600 fonts.

4. The flex menu javascript file has been updated to detect IE10 touch screen devices with a better approach.

5. Added functionality to override the default font size for articles and modules to your own size.

6. Adding some additional css calls to component.php to allow for better styling of the article edit and image upload pages.

7. Multibox has been updated to fix a script conflict with some sbox modal scripts.
Tags: UpdatesJoomla
Our powerful responsive Vertex framework has now found a permanent home with our Vertex powered Wordpress themes! All of our future released Wordpress themes will now be built off of our Vertex responsive layout and features! We believe we have come up with the best possible responsive layout, with the most flexibility and ease of use possible! Below is a list of some the great features we offer in our themes:

  • The responsive layout is completely optional, don't use it if you don't want it!
  • Virtually no javascript. The only javascript used is for the mobile bar effects and to add responsive capabilites to IE7. We believe that javascript should only be used as a last resort.
  • Start with a fixed or fluid layout.
  • Optional IE7/8 responsive layout.
  • Very easy to understand layout, which allows you to setup your site with very little effort.
  • Fully customizable mobile bar styling.
  • Hide divs, modules and content easily with hide classes at specified screen sizes.
  • Wide screen support options.
  • Multiple options for fluid width images.
  • And much more!

Be sure to check out our latest theme demo to learn more about these amazing features.
Tags: Wordpress
We are very excited to announce the release of Vertex 2.3 (for Joomla 2.5) and Vertex 3.1 (for Joomla 3.0). These new versions fix several bugs and added quite a bit of functionality to Vertex. Please be sure to read through the major features listed below. To upgrade your Vertex installation please be sure to download the patch from:


And please follow the upgrade patch tutorials from here:


A list of the major features added:

1. There is now the ability to set the right, right_inset, left, and left_inset columns to either a fixed or fluid width. This is extremely useful for responsive designs, however this features to all Vertex templates as well. In addition to that there is now a new section for Vertex responsive templates that allows you to control how the columns will appear at smaller screen widths, depending on whether or not you have set your site to fixed or fluid columns.

2. There is now an onclick function for the S5 Flex Menu for small touch screen devices. On the Menu tab you will now see a parameter to enable or disable this feature. Enabling the feature means that if your site's visitor is using a touch screen device and the screen is less than 1400px (ie: tablets), then the menu will automatically change to use onclick functionality rather than the onmouseover functionality that a desktop or laptop would see. This feature applies only to templates built on Vertex 2 or higher, Vertex 1 templates will not see this feature after the patch is applied.

3. We have improved the multi-language functionality of the S5 Flex Menu. In the past in order to call a different menu for each language setup on your site you had to create a template style for each language and then choose a different menu on each style. Now, there is no need for extra template styles! The menu will automatically change based on the visitor's chosen language. If there is a default menu that matches the visitor's language then the menu will automatically change. If there is not a default menu for their langauge then the default menu chosen under the Menu tab will show. Default menus are set via the Joomla menu manager. The menu will only change if there is a corresponding default menu for the visitor's language. This feature applies to all Vertex templates.

4. The row re-distribution fields for small screens were added in Vertex 2.2, but in 2.3 we have added two more options; the 100/50 split and the 100/33 split. Both of these options will set the first module in a row to 100% and the others to either 50% or 33% at your chosen screen width. This feature applies only to templates built on Vertex 2 or higher, Vertex 1 templates will not see this feature after the patch is applied.

5. We have added several more hide classes for responsive templates. Prior to Vertex 2.3 large screen hide classes were in increments of 100 pixels only, we have now made them all in increments of 50 pixels to give you even more options and flexibility! In addition to that we have added opotional display:inline hide classes; these should only be used seldomly. They are there in case the default display:block classes cause layout problems, as block calls sometimes do. And finally, we have added in a new hide_all class. This class could be used in conjunction with a show class to show content or modules only on smaller screens, but not on larger screens. This feature applies only to templates built on Vertex 2 or higher, Vertex 1 templates will not see this feature after the patch is applied.

6. Finally we have had made a change to the core vertexFramework.php file. Part of this file controls the language calls in the backend of Vertex. For some users the backend language file was not loading if their backend language was not set or not recognized. This new change will default the language file to English and only over-write if a Vertex language ini file exists for the user's backend language. This feature applies to all Vertex templates.
Tags: Untagged 

We are happy to announce that all of our products, with the exception of our Virtuemart specific extensions, have now been converted from Mootools to Jquery! We first announced this transition in September 2012. We decided to make this change because Jquery is now included from the core of Joomla 3.0, and Mootools is now labeled as a legacy script in Joomla 3.0+ and it is our opinion that it will eventually be removed. Mootools is still included with 3.0, but without mootools 1.2 support anymore. It is also our opinion that running two javascript libraries on the same site is not a good idea and will effect the performance of the site, and this is why we began the transition to Jquery so our products do not force your sites to load more than one javascript library.

Any extension that is listed as being compatible with Joomla 3.0 will also work with Joomla 2.5. The process is very simple. If the module is installed on a 2.5 installation then the extension will automatically use the core Mootools files from Joomla. If an extension is installed into a Joomla 3.0+ installation then it will automatically switch from Mootools to Jquery without you having to install a separate version or make any changes at all! This also means if you upgrade from 2.5 to 3.0+ in the future the extension will automatically switch for you to Jquery.

For a complete list of our products and Joomla compatibility please visit the following page:

Tags: UpdatesJoomla
Vertex 3.0 is now available for download! This new version of Vertex brings compatibility for Joomla 3.0, but more importantly the entire framework has been converted from Mootools to Jquery! Please take the time to read this entire post, and we hope that you find it informative and beneficial.

Before we go any further we want to stress that Joomla 3.0 is strictly for developers and advanced users. If you are currently using 2.5, stay right where you are and do not upgrade until at least Joomla 3.5! Unless you are a very experienced user or developer we also recommend still creating even new websites with 2.5 because it is a more stable platform with many more extensions available for it. These are recommendations from Joomla themselves and we agree with them.

The Vertex 3 patch can be applied to any template that is listed as Joomla 3.0 compatible on our compatibilty list. If a template is not yet listed as Joomla 3.0 compatible do not apply this patch. Please check the compatibility list frequently as we will be listing more Joomla 3.0 in the weeks to come.


Simply install the Joomla 2.5 site shaper, then through the Joomla Update component upgrade to Joomla 3.0. Once you have upgraded you can apply the Vertex 3 patch. So in short, one version of the template, and two versions of the Vertex framework are available. Please be sure to read and follow the entire Vertex 3 upgrade tutorial from here:


Please note that this patch is for new websites only! If you are currently running a Vertex 2 template on Joomla 2.5 we do not recommend upgrading to Joomla 3.0. We will provide a tutorial for upgrading existing sites to Vertex 3 at a later date.

Joomla 3.0 introduces a lot of new technologies, but the main two are Bootstrap and Jquery. Below are our approaches to both of these:

Bootstrap - As explained in our previous blog post consists of both typography elements and a responsive layout. In Vertex 3 we have customized the Bootstrap typography elements to fit nicely within the Vertex style of each Vertex template. While many template developers will only be including Bootstrap into future templates, Vertex 3 will call Bootstrap css files for all Vertex templates, even ones already created! We believe this is absolutely crucial as many of the core Joomla layouts now use the Bootstrap layout and classes, such as the search, contact, login, register and many other pages. Without including Bootstrap these core pages simply would not be stylized. Because Vertex 3 includes Bootstrap this ensures that these pages will be stylized correctly. Additionally, this also means that any third party extensions that are taking advantage of the Bootstrap framework will also be stylized as well and will work with no issues at all!

Jquery - The introduction of Jquery from the core of Joomla 3.0+ is actually what we are most excited about in this new version! Because Jquery is now called from the core of Joomla this means that templates and extensions can now share the javascript library rather than each calling their own files and conflicting with each other! This is very similar to how Joomla has included Mootools from the core for years. The introduction of Jquery from the core was a very welcomed addition to most Joomla developers Thank you, Joomla team, for your efforts in making this happen!

Because Jquery is now included in the core of Joomla, and Mootools is now labeled by Joomla as a "legacy" script, it is our general assumption that Mootools will soon be deprecated from Joomla altogether. This is where we would like to take a moment to brag about what we've done with this conversion! This conversion was not just about making our products compatible with Joomla 3.0, it was about making them compatible for years to come and versions to come! Many other frameworks and extensions by other developers are still being produced around Mootools, and if Mootools is soon deprecated all of those products will need to be updated, which means more updates for the webmaster of those sites to perform. Instead of simply converting the php of our products to make them compatible with Joomla 3.0 we wanted to take the extra time now to remove it and focus strictly on Jquery within our products, and that is exactly what we have done! The entire Vertex 3 framework is now controlled entirely by Jquery and no Mootools calls at all!

We didn't stop there though, if we're going to convert our framework then we should also convert our modules to Jquery too, right? We have recently released several of our most popular extensions to be compatible with Jquery as well! We currently have seven modules that were once run by Mootools that are now converted to work with Jquery! The best part is, they work with Joomla 2.5 and 3.0! In Joomla 2.5 the modules will work with Mootools, and in Joomla 3.0+ the modules will automatically convert over to Jquery all on their own! This means you can build your 2.5 site now and upgrade to 3.0 or 3.5 with no problems at all! Site shapers listed on our compatibility page that are labeled as being compatible with Joomla 3.0 already include these updated modules.

We hope you enjoy all the hard work that's been put into Vertex 3, and we look forward to the future developments of Joomla 3.0 and beyond!
Tags: UpdatesJoomla
With the release of Joomla 3.0 we wanted to update everyone on the changes within Joomla, modifications to Shape5 products, and our recommendations for moving forward.

Should I Upgrade to Joomla 3.0?

This is the question on everyone's mind right now. The simply answer is, no! Joomla 3.0 is strictly for developers and advanced users. If you are currently using 2.5, stay right where you are and do not upgrade until at least 3.5! Unless you are a very experienced user or developer we also recommend still creating even new websites with 2.5 since it is a more stable platform with many more extensions available for it. These are recommendations of Joomla themselves and we agree with them. You can see Joomla's recommendations and timeline of future releases at the following url:


Will My 2.5 Product Work With 3.0?

It is true that Joomla itself will upgrade with a simply click of a button through Joomla's internal upgrade component, but that does not mean that templates and extensions will work with the new version. We cannot stress enough just how different the core functions of Joomla 2.5 and 3.0 are. Many core functions have been renamed or removed, as well as class names and id's used for css styling. The following url will give you a relatively complete list of all the changes made in 3.0, however there are more class names than what are listed here:


Vertex 3 and Jquery

One of the biggest changes in Joomla 3.0 is the introduction of jquery. Mootools is still included with 3.0, but without mootools 1.2 support anymore. It is our opinion that running two javascript libraries on the same site is not a good idea and will effect the performance of the site. Since joomla has begun the transition over to jquery so will Shape5 products. Even though mootools is still included in 3.0, it is our general assumption that it will soon be removed, maybe even as soon as 3.5. Rather than waiting until mootools is removed altogether we have decided to make the switch now. This means that scripts like S5 Flex Menu, Multibox, Lazy Load, etc. are all currently being re-written from mootools into jquery. In addition to the switch to jquery we have had to make several other updates to Vertex so that everything integrates correctly with the new function names of 3.0. This is a very in depth project and will take several weeks to complete. This update will apply to both 2.5 and 3.0 Vertex templates, which means jquery will also be used on 2.5 templates as well once our new Vertex patch is released.

Will There Be Multiple Versions of Products Again?

Shape5 has been around since Joomla 1.0 and we know the confusion and frustration that multiple versions of products often cause. Unfortunately, due to the many changes in the core Joomla functions many of the products will need to be updated again to work with 3.0, just as they were from 1.0 to 1.5 and 1.5 to 1.6. Vertex templates will simply be updated with the Vertex patch mentioned above, and possibly some css additions. Our goal as we update each product is to create a single file that works with both 2.5 and 3.0+ using JVersion. This will ensure that multiple versions are not needed, this will definitely be true of Vertex templates. Creating a Vertex patch is our first priority, and we will then beging converting older templates and extensions.

Because our goal is to release only one version of each template that means we will also be releasing only one site shaper. We will package our shapers with Joomla 2.5 for quite some time. Those who are interested in upgrading to 3.0 can do so in the backend of Joomla after installation.

How Will Shape5 Incorporate Bootstrap?

This is really a two part answer. The first part of Bootstrap is a vast array of typography items, buttons, tabs, menus, etc. The other part of Bootstrap is the layout itself and it's responsive media queries. We will address each of these below individually.

Typography - The goal behind adding Bootstrap to Joomla 3.0 is to allow extension developers to all have a common framework to build off of in regards to buttons, menus, typography, etc. This allows template developers to simply stylize certain class names rather than supply specific css for every component and extension individually. It also helps extension developers focus more on coding rather than stylizing. It is a much more centralized and organized way of handling the appearance of each extension. This approach also makes it much easier for the end user since all extensions will have a common look and feel to them. Some of these Bootstrap elements can be found here:


These items will be included in our templates simply by calling the Bootstrap js and css files that will now come with the Joomla core. This procedure is described here:


Layout - One of the biggest buzz words about Joomla 3.0 is "Bootstrap", when in all reality the buzz word should be "responsive". There is nothing in Joomla 3.0 that requires the Bootstrap layout to be used in a template, it's the css and js portion mentioned above that should be called by templates to allow extensions to perform properly and be stylized correctly. The layout used in Bootstrap is not a requirement. The boostrap layout is a row and column grid system based on percentage widths. Each row consists of 12 sections, and each div used in the row contains a class name that specifies how many sections that particular div will take up in width. The total number of sections used in every row, through class names, must total to 12. This does not mean that there are 12 divs on every row, it's simply how the layout determines what percentage to apply to each div in that particular row, and that is done through class names with pre-determined widths applied to them via css. For example, if I told a div to stretch 2 sections, then it's class name would apply a 16.66% width to it; ie: one div is used, not two. Each div in a row then has a float:left applied to them to align them in the same row next to each other. Essentially it's divs floated against each other with percentage widths applied to them that all total to 100%, nothing more than that. This is almost the identical layout that we began using all the way back in November 2009 when we switched from a pixel based system to percentage based, so we are very familiar with it. The term Bootstrap uses is called "scaffolding" and you can read more about it here:


The goal here is to make the frontend of templates responsive to allow the sites to fit to any screen size, which Vertex templates have been doing since June of this year. This is all done through percentage based layouts and media queries to change the layout. Bootstrap's responsive layout is simply an alternative for template developers who have been building their templates on a pixel grid based system, and are being forced to change due to the recent demand of responsive layouts. Because of the percentage based layout we have been using for years the transition to responsive layouts was very easy to make for us, and it did not require us to start over from scratch with an entirely new layout; rather we simply added the needed media queries to change our already percentage based layout into a responsive layout. That being said we have looked at the Bootstrap layout quite extensively, and we do agree that is a very good layout and they have done a remarkable job with it, but the layout is almost identical to the approach that we are currently using in Vertex, and in some ways it would actually be a downgrade to our current framework if we replaced our Vertex layout with Bootstrap. The additional features that Vertex includes are detailed below:

1. Custom Row Sizes - This is one of the top features that we offer in Vertex. In any given row of modules in a Vertex template you can specify the exact width of every module in that row. This is all done very easily in the Vertex admin. In boostrap you are simply stuck with the pre-determined widths that are set by the class name of that particular module, ie: the 12 sections/columns in each row that are described above. For example if you wanted a module row to have three modules at 37%, 22%, and 41% you could do that very easily in Vertex. In Bootstrap you can't get widths that specific, it simply goes by how many sections/columns you want that particular div to stretch.

2. Fixed or Fluid - Our layout has the option for a fixed or fluid layout, both which will work with responsive. In addition to this there is a maxium body width, which does not allow your site to get any larger than the width that you determine. The maximum body width feature is useful to prevent your site from becoming too large on very large screens.

3. Optional Responsive Layout - In Vertex you have the option to disable the responsive layout and use a standard layout instead. We must admit that this feature will probably grow less popular as time goes on, but it does allow developers the flexibility to design the site how they want, and not be forced into a particular layout.

4. Column Width Changes - In boostrap the left and right columns are percentage based, this can cause the columns to be extremely wide on large monitors and out of proportion, and very narrow on smaller screens. In a Vertex template they are set to a pixel width that you determine so you always know what size the columns will appear at. If you wish you can enable a feature that will increase the columns on larger screens and reduce them on smaller screens as well. This feature gives the columns a much more consistent look on every screen.

5. Row Module Width Redistribution - If you are using a lot of modules in one particular row this can cause your content to look squished when viewing your site on a narrow screen. The row module redistribution feature allows you to split a single row of modules into several rows to give each module more room. You get to control how how many modules show on each row, and the exact screen pixel width that the new layout will trigger at. Each row can be individually configured. Bootstrap does not have this feature and other template providers have compensated for this by hard coding specific widths into the css files rather than allowing you to choose.

6. Desktop Link - Even though Vertex uses a fully responsive layout and there is no separate layout page for mobile devices, that does not mean that your site's viewers will understand this or even know what a responsive layout is. It has become a standard for websites that use a mobile layout to have a link to view the desktop view of the website, and this is what your site viewers will expect to see. This link simply turns off the responsive configuration using a cookie and calls the website like a standard desktop would when viewing in mobile. There is then a link to return back to the mobile view of the site.

7. Hide Classes - Vertex includes several dozen hide and show classes that allow you to hide or show content or modules at specific screen widths. This is used for content or extensions that do not work well at specific screen widths. Bootstrap does contain this feature but by default there are only three hide classes and three show classes available to work with. In addition to hide classes you can also hide entire sections of the template directly through the Vertex admin configuration's user interface by selecting areas from a list.

8. Mobile Size - One thing that we do not like about the Bootstrap layout is how early the mobile layout triggers. The mobile/single column, layout is triggered at 767px in Bootstrap. This essentially means that all 7 inch tablets and below will be forced to view the single column layout. It is our opinion that this is too early. The Vertex layout does not trigger a single column layout until 580px, which is the width of most larger cell phones. You can always use the Row Module Width Redistribution if you wish to change a particular row to single column or two columns if need be for smaller screens.

9. Column Equalizer - This is a javascript feature built into Vertex that sets the height of each module in a row to the same height, instead of just allowing each module to stretch to their own height based on their internal content.

As stated above we will be including the Bootstrap js and css file calls for extensions, and future elements of our templates, but as for the layout itself we will be sticking with our Vertex responsive layout because of the benefits mentioned above. Going with this approach will not cause any issues with default Joomla or third party extensions. The features mentioned above will give Vertex templates many more features than a standard Bootstrap template, and ultimately much more flexibility for users and developers.
Tags: UpdatesJoomla
Vertex 2.1 is now available for download! This minor update has added a much needed feature for responsive templates that allows rows with multiple module positions to re-arrange at certain screen sizes. To add this feature to an existing Vertex 2.0 site simply download the Vertex 2 patch from our downloads section and apply the patch. The only files changed are:




Each row in a Vertex template contains six module positions. If you are using a lot of modules in a particular row the content can become squished when the screen becomes too narrow, specifically on smaller seven inch tablet screens. This new feature will allow you to change the layout into multiple rows with new module widths to give each position more room at specific screen sizes. Be sure to choose the option that makes sense for the amount of modules you have in each particular row.

Single Column will set all modules in that row to 100% and one module per row.

Two Columns will set all modules in that row to 50% and two modules per row.

Three Columns will set all modules in that row to 33.3% and three modules per row.

Redis. 33/50 will set positions 1 through 3 to 33.3% and positions 4 through 6 to 50%, this setting is meant to be used when positions 1 through 5 are in use.

Redis. 50/100 will set positions 1 through 2 to 50% and positions 3 through 6 to 100%.

This setting will override any custom row widths you set under the Row Sizes tab when the screen size reaches the selected width. All modules will always change to a single column at 580px for mobile view. This feature is NOT available for IE7 or IE8!
Tags: UpdatesJoomla

Free Vertex Template & Theme

Free Joomla Template
Are you new to Shape5 and the Vertex framework? Then download our totally free Vertex Joomla template or Wordpress theme to experience the power of the Vertex framework for yourself! This is the same framework that our club products are built off of.
  • Fully Responsive Layout
  • Integrated Bootstrap Styling
  • Easy To Upgrade Framework
  • Custom Module And Column Widths
  • SEO Optimized Layout
  • Right To Left Support
  • And Many Other Great Features!
Joomla Details:

Live Demo Learn More

Wordpress Details:

Live Demo Learn More

From the Shape 5 Blog

Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.