Articles

Statistics
  • 7 Articles

In this guide we will briefly go through the process to set up a layout similar to Vanilla's demo site.

Menu

By referring to the 'Configuring Menus' documentation, create a main menu for display on the front end.

Navigate to Vanilla template settings > Menu > Select Menu and select the menu which you want to display on the menu position.

Mod...

In this guide we will briefly go through the process to set up a layout similar to Vanilla's demo site.

Menu

By referring to the 'Configuring Menus' documentation, create a main menu for display on the front end.

Navigate to Vanilla template settings > Menu > Select Menu and select the menu which you want to display on the menu position.

Modules and positions

The modules and positions below are used in Vanilla's demo site.

Search: The search module is basically EasySocial Search module placed on the 'search' position. This module is assigned to all pages.

Right: The right side contains several modules. They are placed on the 'right' position and consists of:

  • EasyBlog - Biography Module, all pages except EasySocial conversations page
  • EasyBlog - Latest Bloggers Module, only on EasyBlog
  • EasyBlog - Most Popular Post Module, all pages except EasySocial conversations page
  • EasySocial Albums, all pages except EasySocial conversations page

Sidebar: Vanilla Sidebar Module is placed on the 'sidebar' position on all pages.

EasySocial Dropdown Menu module: Assigned to all pages at the 'topesmenu' position.

EasySocial Notifications module: Assigned to EasySocial and Joomla article pages at the 'topnotification' position.

EasyBlog - Navigation Button module: Assigned to EasyBlog pages at the 'topnotification' position.

EasyDiscuss - Navigation Button module: Assigned to EasyDiscuss pages at the 'topnotification' position.

  1.   11 October 2018
  2.   Documentation

It is always recommended to stay up to date with the latest version of any software to avoid running into unnecessary bugs. This can be done by receiving the latest updates from us. There is one most important thing to remember each time you run the update: Backup! Backup!! Backup!!! Once you've backup the site, you may proceed with the...

It is always recommended to stay up to date with the latest version of any software to avoid running into unnecessary bugs. This can be done by receiving the latest updates from us. There is one most important thing to remember each time you run the update: Backup! Backup!! Backup!!! Once you've backup the site, you may proceed with the updates.

Updating Vanilla Template

Updating Vanilla template is just as simple as installing over the new template. You can either:

1. Install the latest Vanilla template over the existing installation, or

2. Uninstall the previous version and install the latest version again.

Your css customization in custom.css will not get overwritten by updates.

  1.   11 October 2018
  2.   Documentation

The process of creating menus in Vanilla template is almost the same as that in Joomla. In Vanilla, the best position to place a menu would be in the mega menu. Mega menu is a feature from the Helix 3 framework. However, you are free to select any position that best suit your site.

To create a menu, navigate to Menus > Manage > Add New Menu....

The process of creating menus in Vanilla template is almost the same as that in Joomla. In Vanilla, the best position to place a menu would be in the mega menu. Mega menu is a feature from the Helix 3 framework. However, you are free to select any position that best suit your site.

To create a menu, navigate to Menus > Manage > Add New Menu. Once you are there, enter the title and menu type of the menu, then save.

Once you have created the menu, head into this menu and click on the 'New' button. This allows you to create a new menu item under this menu.
Next, click on the 'Select' button to choose the Menu Item Type. A popup will show allowing you to select the menu item type.

Once you have chose the menu item type, configure the menu item according to your needs and save. If you want to make this menu item a sub menu of another menu, feel free to select the parent menu item on the right side of the menu item configuration.

Head back to the modules page and create a menu module if you do not have one. Enter the menu module title, select the menu that you configured earlier and the position where you want to place this module. Feel free to configure any other setings if you want.
Save the module and the menu should now display on the configured position and page/s.

  1.   11 October 2018
  2.   Documentation

The following are modules that are included in Vanilla template's installation.

EasyBlog - Navigation Button Module: Renders EasyBlog toolbar buttons such as new blog post, quick post etc.

EasyDiscuss - Navigation Button Module: Renders EasyDiscuss toolbar buttons such as new discussion, conversations etc.

Vanilla Sidebar Module: Renders Easy...

The following are modules that are included in Vanilla template's installation.

EasyBlog - Navigation Button Module: Renders EasyBlog toolbar buttons such as new blog post, quick post etc.

EasyDiscuss - Navigation Button Module: Renders EasyDiscuss toolbar buttons such as new discussion, conversations etc.

Vanilla Sidebar Module: Renders EasySocial links in the sidebar position. On mobile view, renders additional links from EasyBlog and EasyDiscuss.

Vanilla Submenu Module: Renders toolbar menu items from EasySocial/EasyBlog/EasyDiscuss or selected menu from Joomla, depending on the module settings.

  1.   11 October 2018
  2.   Documentation

Vanilla template comes with several module positions out of the box. The list below consists of module positions that are available on the frontend when you first install Vanilla template:

  • [404]
  • [debug]
  • [feature]
  • [footer-1]
  • [left]
  • [right]
  • [logo]
  • [menu]
  • [bottom-1]
  • [bottom-2]
  • [bottom-3]
  • [bottom-4]
  • [search]
  • [sidebar]
  • [submenu]
  • [ti...

Vanilla template comes with several module positions out of the box. The list below consists of module positions that are available on the frontend when you first install Vanilla template:

  • [404]
  • [debug]
  • [feature]
  • [footer-1]
  • [left]
  • [right]
  • [logo]
  • [menu]
  • [bottom-1]
  • [bottom-2]
  • [bottom-3]
  • [bottom-4]
  • [search]
  • [sidebar]
  • [submenu]
  • [title]
  • [topesbar]
  • [topesmenu]
  • [topnotification]
  • [helixpreloader]

 

The list below consists of the rest of the module positions that are available in the template. These module positions are not available in the frontend when you first install Vanilla template.

They can be added later on as additional module positions should you choose to customize the template's layout at the backend settings.

  • [breadcrumb]
  • [comingsoon]
  • [footer-2]
  • [pagebuilder]
  • [position-1]
  • [position-2]
  • [position-3]
  • [position-4]
  • [position-5]
  • [position-6]
  • [position-7]
  • [position-8]
  • [slide]
  • [slider]
  • [user1]
  • [user2]
  • [user3]
  • [user4]

Module positions on the site can be previewed when the 'Preview Module Positions' is turned on in Joomla's global template options. To locate this setting, head to Extensions > Templates > Options.

 

Once in Joomla's template options page, enable the 'Preview Module Positions' setting.

 

Here are screenshots of module positions preview for a fresh Vanilla template installation.

 

Sidebar position

 

404 position

Configure Modules Based On Module Positions

Modules in Joomla can be create at Joomla's modules section, Extensions > Modules. If the module you are looking is not on the list, you may click on the 'New' button located on the top left of the modules page, then select the desired module.

When selecting a position for the module, it is important to know that if the desired position does not appear in the position dropdown, you can manually type it in the search section and press enter. This is provided that you know this position exist on the template after previewing the module positions as mentioned above.

 

Also, remember to configure the menu assignment as well since this allows you to choose which page/s you want the module to display on.

 

Layout Configuration:

Module positions layout can be customized further in Vanilla template from the Layout settings.

 

Here, you can add/remove rows, columns, assign the module positions to be used in the row/column and various other layout combinations.

Since Vanilla template is powered by Helix 3, you can find more detailed information for these settings at Helix 3's official documentation.

You may also find other useful information for the other backend settings from Helix 3's official documentation.

  1.   23 August 2018
  2.   Documentation
No articles created yet
Unable to load tooltip content.

Popular Articles

Someone once told me to write about what I know, so here's this:I'm good at not fitting in. I do it all the time. But humans need to belong, so I do these things to make people think I'm a normal huma...
We've been together for years. While I'd written other novels before during the high-pressured flurry of NaNoWriMo, I had never studied writing craft so deeply and applied it so faithfully to my own w...
I spent years falling into the black, bottomless abyss of of Writer's Block. I hit the wall time and time again, blaming it on an endless string of excuses, all of which ended with "Oh, woe, woe is me...
This is a short manifesto for makers and creators, whether it's events, programmes, startups, books, poems, art, etc.We all get stuck in a rut. Maybe you have writers' block, or can't seem to crack th...
"I don't have enough time." We've all said it before.Time poverty is a distribution issue.Many people hate being idle. They value productivity, so they glorify being busy. They seek out busyness for t...

Albums

No photos available
No photos available
No photos available
No photos available
No photos available