Gemini: Recreating the Demo

Introduction

Recreating features of the demo site used to show off some of the more interesting aspects of Gemini can be done fairly easily. All you need is the right extensions and settings, and you should be able to reproduce most (if not all) of the elements found in our demo site.

Below, we will break down some of these elements and give you the information you need to know to recreate them on your own site using the Gemini Template.

Keep in mind that a lot of the detail that makes our demos look so good is the result of many hours of hard work by our team, and some of them will require a moderate level of experience working with the Joomla back end. We have added most of these elements into the template's core files in order to make them easily accessible without having to edit any code.

NOTE: We recommend downloading a copy of the RocketLauncher whenever you are attempting to replicate demo content. This allows easy referencing, whether on your site in a subdirectory, development server, or on a localhost. This will allow you to see all of our demo content in context, making it easier to replicate.

Home Particles

Below, you will find the particles as they appear on the front page of our demo. These can all be found and edited via Templates > Gemini - Home > Layout.

1

Navigation

Logo (Particle)

2

Navigation

Menu (Particle)

3

Navigation

Overlay Toggle (Particle)

4

Slideshow

Custom HTML (Particle)

5

Slideshow

Block Content (Particle)

6

Header

Simple Content (Particle)

7

Header

Header Tabs (Particle)

8

Header

Accordion Slider (Particle)

9

Utility

Simple Content (Particle)

10

Utility

Newsletter (Particle)

11

Feature

Simple Content (Particle)

12

Feature

Content Tabs (Particle)

13

Expanded

Simple Content (Particle)

14

Expanded

Accordion (Particle)

15

Expanded

Accordion (Particle)

16

Expanded

Custom HTML (Particle)

17

Footer

Logo (Particle)

18

Footer

Custom HTML (Particle)

19

Footer

Custom HTML (Particle)

20

Footer

Custom HTML (Particle)

21

Footer

Custom HTML (Particle)

22

Footer

Custom HTML (Particle)

23

Copyright

Branding (Particle)

24

Copyright

Simple Menu (Particle)

25

Copyright

ToTop (Particle)

Not pictured here is an Offcanvas position which hosts the mobile menu. You can find out more about the Offcanvas position in the Gantry 5 documentation.

The Overlay Sidebar and Overlay Main sections are also available. They are accessible from the menu icon in the upper-right corner of the demo site, giving you a beautiful place to put additional information and links for your visitors.

Particles

Here is a list of particles that are available in Gemini, as well as links to documentation to help you get started:

All Home Particles can be edited via Templates > Gemini - Home > Layout. Any additional particles that are found in the Subpages of our Gemini RocketLauncher can be located via your Joomla Administrator > Extensions > Modules. Joomla allows you to search for Modules by Page (see Search Tools > Select Page in Module Manager), so finding these modules should prove to be simple.

• Template Particles

  • Accordion
  • Accordion Menu
  • Accordion Slider
  • Block Content
  • Content Tabs
  • Grid Content
  • Grid Statistic
  • Header Tabs
  • Image Grid
  • Newsletter
  • Overlay Toggle
  • Pricing Table
  • Simple Content
  • Simple Counter
  • Simple Menu
  • Video
  • Swiper

• Core Particles (Documented on Gantry's Website):

  • Logo
  • Menu
  • To Top
  • Social
  • Module Positions
  • Spacer
  • Mobile Menu
  • Custom HTML
  • Module Instance
  • Page Content
  • System Messages

Recommended Extensions

Here is a list of RocketTheme extensions used to create the demo version of Gemini:

• Gantry 5 Theme Framework
• RokBox
• RokBooster

Many of these extensions are included with the Gemini RocketLauncher, and can be downloaded and installed individually by going to the RocketTheme website.

Recreating the Front Page

The front page of the Gemini demo sits apart from the rest of the page layouts in that it features the latest and greatest features of the template. It is because of this that several module and layout overrides were done. In this section, we will break down the settings you will need to recreate elements present in the front page of the Gemini demo.

Home Page Layout Presets

If you did not choose to 'Install Sample Data' upon installing the Gemini theme, we have included a convenient layout preset that enables you to load the home page as seen in our demo. This preset is called Home - Particles and it includes all of the particle-based home page demo content so you can hit the ground running with a copy of our demo to work from loaded directly into the layout.

You can access this preset by selecting Load in the Layout Manager.

Note: When loading the Home - Particles preset, our Content Array particle used in our demo will be replaced with a Custom HTML particle.

Menu Editor

Gemini has its own built-in Menu Editor which takes full advantage of Joomla's menu system, taking your Joomla menus and enhancing them before passing them to visitors on the front end. Any changes made in the Menu Editor will only affect the way it appears to the visitor, and not the way Joomla sees or uses it.

You can access the Gantry Menu Editor by navigating to Administrator > Components > Gantry 5 Themes > Gemini > Menu. You can find out more about navigating and using the Gantry Menu Editor in our documentation.

Assignments

Assignments are also managed in the Gantry Administrator. This administrative panel enables you to assign theme outlines to specific menu items, pages, and other areas of your site. By navigating to Administrator > Components > Gantry 5 Themes > Gemini and selecting an outline other than the Base Outline, you will be able to assign that outline by navigating to the Assignments panel. Simply switch any menu items to on (green) that you want to assign that outline to. In the case of the Home page, this would be your default Home page in your default (main) menu.