JValley

Effortlessly create your personal or agency travel site with the JValley Travel Template. No coding knowledge or design skills are needed – we’ve done all the hard work for you. With the JValley Joomla Tour Template, your site will be ready in no time.

The JValley Joomla Travel Template saves you time, money, and effort in building your online travel site. Its rich features empower you to customize your site exactly the way you want.

Download packages

Login to your account on ThemeXpert.com. Go to the Downloads > Joomla Templates > JValley from Dashboard.

The JValley template download section includes the following files:

1. JValley Quickstart Package
2. JValley Template
3. Quix Presets

The Quix panel includes the following files:

1. Quix 4 (J3, J4 & J5)
2. Quix Installer (Recommended)

Quickstart (Demo) Installation

To set up the quickstart, follow the same steps as installing Joomla 4. The quickstart package includes all the core Joomla 4 files, so you can't add it to an existing Joomla 4 site through the extension manager. Simply install the quickstart package as you would install Joomla 4, following the quickstart installation guide.

Manual Installation

Install the JValley template and Quix page builder (pro) on your existing Joomla website.
Go to Extensions > Upload Package Files from the Install section in the site administrator panel System Dashboard. Drag and Drop or Browse the following files:

1. JValley Template
2. Quix Pro

 

JValley Template Installation

The JValley template is built on the Helix Ultimate framework, which is included in the JValley Template .zip file, so there's no need to install the framework separately. It will be installed automatically with the template.

After installing the template, navigate to the Plugin Manager from the Manage section of the System Dashboard. Search for 'Helix Ultimate' and press Enter or click the Search icon. You will find the System-Helix Ultimate Framework plugin. Select the checkbox next to it and click the Enable button to activate the plugin

Quix Pro Installation

There are two Quix files available. The first, Quix 4, is a complete package of the Quix page builder named pkg_quix_pro.zip, which is 11 MB in size. However, Joomla only allows file uploads of up to 2 MB for installation. Increasing this limit from the server or cPanel can be challenging for users without technical expertise.

Therefore, we recommend users install the Quix installer file instead. The Quix installer's filename is com_iquix-1.7.0.zip, and it's only 48 KB in size. Installing the Quix page builder using the Quix installer is straightforward and requires just five simple steps.

Detailed instructions can be found here: Quix Builder Installation Guide.

Import Quix Presets

You already downloaded the quix-presets.zip file, extract the file at first. Now go to the Joomla site administrator panel. On the left side, you will get the Quix - Page Builder.

 

Click on 'Quix - Page Builder' to open the Quix Panel. Then, click on the 'New Page' button, enter the page name in the field, and hit the 'OK' button. For this example, we'll write 'Home' in the field. Once the Home page is created, open the builder. Next, we will import the Quix presets.

 

1. Click on the "Bar" icon on the right side of the top bar to open a dropdown menu.

2. From the dropdown menu, select "Import JSON."

3. After selecting "Import JSON," the "Import to Library" panel will appear on the screen. This is where you'll import the Quix presets.

4. To import these files, you have two options: you can either drag and drop each file into the Import field, or you can upload them one by one. Make sure to import all files before proceeding.

5. Once you have imported all the JSON files, you can open the My Templates panel by clicking on the "Add template" button below the builder. The My Templates panel will allow you to view, edit, and use the imported Quix presets for your website.

Home Page Setup

Certainly! Here are the revised steps for creating a Home page layout in Quix:

1. Click on the "New Page" button and enter a name for the page in the provided field. Then, click "OK".
2. Click on the "Add Template" button to open the Quix Library panel.
3. Next, go to the "My Templates" tab and click the "Insert" button for the "Home" page template.
4. If you want to create and insert other pages, simply repeat the above steps for each page you wish to create.

By following these steps, you'll have successfully created and inserted the layout for your Home page.

• Home
• Destination
• Region
• Types
• Blog
• Contact us

Typography

You can change your site typography from helix settings panel

Header Setup

Now, let's add the header. Our header will resemble the following design.

To create a Header layout using the Quix page builder, follow these steps:

1. Go to the site administrator panel and select "Quix Page Builder".
2. In Quix, click on the "Header" panel.
3. Press the "New Template" button.
4. Enter "Header" in the Template Name field.
5. Choose "Header" from the Template Type dropdown menu.
6. Don't forget to save your settings by clicking on the appropriate options.

Offcanvas Menu

When you are creating a mobile menu, you have the flexibility to decide where the menu icon should be placed on the screen. There are two options available to choose from - Left or Right. In the screenshot provided below, you can see that we have selected the Right option, which places the menu icon on the right-hand side of the screen.

 When setting up a mobile menu, you can choose where to place the menu icon on the screen. You have two options: Left or Right. In the screenshot below, you can see that we have selected the Right option, which positions the menu icon on the right side of the screen.

Select Off-canvas: Left Align, Left Bordered, and Center Align.  Choosing the Left Align style will give your mobile menu a specific look.

Extra asset: How to Change Navigation Menu on Selected Page

Add Logo and Favicon

We should upload our website's logo and favicon in the Logo panel, which is located in the Basic settings.

Add Main Menu 

A website's menu is an essential element as it helps visitors navigate to different pages on the site. Therefore, it's crucial to have a menu that is easily accessible. Let's create the main menu now to enable users to find what they're looking for quickly and easily.

To do this, go to the Menu Builder panel and find the Menu settings. From the drop-down menu labeled "Select Menu Type," choose the main menu you wish to display. Usually, this menu serves as the primary navigation system on your website and should be structured in a way that is intuitive and user-friendly. 

 

Activate Quix License

To unlock all the features of Quix, you need to activate the license. The activation process is explained in a step-by-step guide available at https://www.themexpert.com/docs/quix-builder/how-to-activate-quix-4-license.

Upgrade Instruction

Take a full backup

It is highly recommended to create a complete backup of your data before starting any upgrades. This precautionary step can reduce the risk of losing important information in case of any unexpected issues. If any problem arises during the upgrade, having backup files will allow you to easily restore your data, ensuring that everything remains safe and secure.