<?xml version="1.0" encoding="utf-8"?>
<!-- generator="ThemeXpert" -->
<?xml-stylesheet href="https://www.themexpert.com/media/quixnxt/css/quix-core.css?ver=4.5.4" type="text/css"?>
<rss version="2.0" xmlns:atom="https://www.w3.org/2005/Atom">
	<channel>
		<title>WordPress &amp; Joomla Documentation - ThemeXpert</title>
		<description><![CDATA[ThemeXpert: Joomla's oldest and most trusted template and extension club since 2010 with the best page builder, Quix.]]></description>
		<link>https://www.themexpert.com/docs/joomla-templates</link>
		<lastBuildDate>Fri, 09 Aug 2024 15:07:23 +0600</lastBuildDate>
		<generator>ThemeXpert</generator>
		<atom:link rel="self" type="application/rss+xml" href="https://www.themexpert.com/docs/joomla-templates?format=feed&amp;type=rss"/>
		<language>en-gb</language>
		<managingEditor>support@themexpert.com (ThemeXpert)</managingEditor>
		<item>
			<title>Strike</title>
			<link>https://www.themexpert.com/docs/joomla-templates/strike</link>
			<guid isPermaLink="true">https://www.themexpert.com/docs/joomla-templates/strike</guid>
			<description><![CDATA[<p><img src="https://www.themexpert.com/images/templates/strike/featured_image.jpg" /></p><p><img src="https://www.themexpert.com/images/templates/strike/featured_image.jpg" width="1200" height="900" alt="featured image" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p>Unlock the potential of your sports club website with Strike – the Joomla template designed to elevate your team's online presence. Follow our comprehensive documentation for seamless setup and optimization.</p>
<h2>Download Packages</h2>
<ol>
<li>Login to your account on ThemeXpert.com.</li>
<li>Go to the Downloads &gt; Joomla Templates &gt; Strike from the Dashboard.</li>
</ol>
<p>The Strike template download section includes the following files:</p>
<ul>
<li>Strike Quickstart Package</li>
<li>Strike Template</li>
<li>Quix Presets</li>
</ul>
<h2>Quickstart (Demo) Installation</h2>
<p>To set up the quickstart, you should follow the same steps as you would for installing Joomla 5. You cannot add the quickstart to an existing Joomla 5 site through the extension manager because it includes all the core files of Joomla 5. Therefore, simply install the quickstart package as you would install Joomla 5. Follow the <a href="https://www.themexpert.com/docs/tutorials/install-akeeba-quickstart" target="_blank">quickstart installation</a> guide for detailed instructions.</p>
<h2>Manual Installation</h2>
<p>Install the Strike template and Quix page builder (Pro) on your existing Joomla website.</p>
<ol>
<li>Go to <strong>Extensions &gt; Upload Package Files</strong> from the Install section in the site administrator panel System Dashboard.</li>
<li>Drag and Drop or Browse the following files:&nbsp;<br><br>- Strike Template<br>- Quix Pro</li>
</ol>
<p><img src="https://www.themexpert.com/images/docs/strike/installation.png" width="1200" height="516" alt="installation" style="display: block; margin-left: auto; margin-right: auto;"></p>
<h2>Strike Template Installation</h2>
<p>The Strike template already includes the Helix Ultimate framework, so you don't need to install it separately. The framework is part of the<strong> Strike Template .zip</strong> file, which simplifies the process.</p>
<ol>
<li>After installing the template, navigate to the Plugin Manager in the Manage section of the System Dashboard.</li>
<li>In the search field, type "Helix Ultimate" and press Enter or click the Search icon.</li>
<li>This will bring up the <strong>System-Helix Ultimate Framework</strong> plugin. Check the box next to it and click the Enable button to activate the plugin.</li>
</ol>
<p><img src="https://www.themexpert.com/images/docs/strike/helix.png" width="1200" height="315" alt="helix" style="display: block; margin-left: auto; margin-right: auto;">&nbsp;</p>
<h3>Quix Pro Installation</h3>
<p>There are two versions of the Quix files available for installation: <strong>Quix 4</strong> and the <strong>Quix installer</strong>. Quix 4 is the complete package of the Quix page builder and is contained in a file named pkg_quix_pro.zip with a size of 11 MB. However, Joomla has a file upload limit of 2MB for installations, which may pose a challenge for users who are not familiar with technical procedures to increase the limit via the server or cPanel.</p>
<p>To address this limitation, we strongly recommend users install the Quix installer file instead. The Quix installer's file name is com_iquix-1.7.0.zip, and it's only 48KB in size. Installing the Quix page builder using the Quix installer involves only 5 simple steps. For detailed instructions, please follow the guide <a rel="noreferrer" target="_new" href="https://www.themexpert.com/docs/quix-builder/basics/installation">here</a>.</p>
<h3>Import Quix Presets</h3>
<p><img src="https://www.themexpert.com/images/docs/strike/quix-dashboard.png" width="1200" height="404" alt="quix dashboard" style="display: block; margin-left: auto; margin-right: auto;"></p>
<ol>
<li>Unzip the contents of the <strong>quix-presets.zip</strong> file.</li>
<li>Go to the Joomla site administrator panel and click on "<strong>Quix - Page Builde</strong>r" in the menu on the left.</li>
<li>To create a new page in the Quix Panel, click on the "<strong>New Page</strong>" button and enter the desired page name (e.g., "Home").</li>
<li>After creating the Home page, access the page builder. To import Quix presets, follow these steps:<br><br><img src="https://www.themexpert.com/images/docs/strike/export.png" width="1200" height="603" alt="export" style="display: block; margin-left: auto; margin-right: auto;"><br><br>- Click on the "<strong>Bar</strong>" icon on the right side of the top bar to open a dropdown menu.<br>- Select "<strong>Import JSON</strong>" from the dropdown menu.<br>- In the "<strong>Import to Library</strong>" panel, import the Quix presets by either dragging and dropping each file into the Import field or uploading them one by one. Make sure to import all files before proceeding.<br>- Once all JSON files are imported, open the <strong>My Templates</strong> panel by clicking on the "<strong>Add template</strong>" button below the builder. The My Templates panel will allow you to view, edit, and use the imported Quix presets for your website.</li>
</ol>
<p><img src="https://www.themexpert.com/images/docs/strike/add-template.png" width="1200" height="56" alt="add template" style="display: block; margin-left: auto; margin-right: auto;"></p>
<h2>Home Page Setup</h2>
<ol>
<li>Click on the "<strong>New Page</strong>" button and enter a name for the page in the provided field. Then, click "<strong>OK</strong>".</li>
<li>Click on the <strong>"Add Template"</strong> button to open the Quix Library panel.</li>
<li>Go to the "<strong>My Templates</strong>" tab and click the "<strong>Insert</strong>" button for the "Home" page template.</li>
</ol>
<p>Repeat the above steps for each page you wish to create, such as:</p>
<ul>
<li><strong><a href="https://j5-demo.themexpert.com/strike/" target="_blank" rel="noopener">Home</a></strong></li>
<li><a href="https://j5-demo.themexpert.com/strike/index.php/about" target="_blank" rel="noopener"><strong>About</strong></a></li>
<li><a href="https://j5-demo.themexpert.com/strike/index.php/contact" target="_blank" rel="noopener"><strong>Contact</strong></a></li>
<li><a href="https://j5-demo.themexpert.com/strike/index.php/team" target="_blank" rel="noopener"><strong>Team</strong></a></li>
<li><a href="https://j5-demo.themexpert.com/strike/index.php/score" target="_blank" rel="noopener"><strong>Score</strong></a></li>
<li><a href="https://j5-demo.themexpert.com/strike/index.php/news" target="_blank" rel="noopener"><strong>Blog</strong></a></li>
</ul>
<h3 style="text-align: justify;">Typography</h3>
<p>&nbsp;You can change your site typography from helix settings panel</p>
<p>&nbsp;<img src="https://www.themexpert.com/images/docs/strike/typographty.png" width="1200" height="608" alt="typographty" style="display: block; margin-left: auto; margin-right: auto;"></p>
<h2>Header Setup</h2>
<p>Navigate to the Helix Framework settings within your Joomla site administrator panel.</p>
<p><img src="https://www.themexpert.com/images/docs/strike/header_1.png" width="1200" height="599" alt="header 1" style="display: block; margin-left: auto; margin-right: auto;">&nbsp;</p>
<p>In the settings, choose a predefined header layout that suits your website’s design.</p>
<p>&nbsp;<img src="https://www.themexpert.com/images/docs/strike/header_3.png" width="1200" height="606" alt="header 2" style="display: block; margin-left: auto; margin-right: auto;"></p>
<h4 style="text-align: justify;">Add Logo and Favicon</h4>
<p>We should upload our website's logo and favicon in the Logo panel, which is located in the Basic settings.</p>
<h2><img src="https://www.themexpert.com/images/docs/strike/logo.png" width="1200" height="610" alt="logo" style="display: block; margin-left: auto; margin-right: auto;"></h2>
<h4 style="text-align: justify;">Add Main Menu&nbsp;</h4>
<p>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.</p>
<p>To do this, go to the Menu Builder panel and find the Menu settings. From the drop-down menu labeled "<strong>Select Menu Type</strong>," 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.&nbsp;</p>
<p><img src="https://www.themexpert.com/images/docs/strike/menu.png" width="1200" height="609" alt="menu" style="display: block; margin-left: auto; margin-right: auto;"></p>
<h2>Offcanvas Menu</h2>
<p>When creating a mobile menu, you can choose the placement of the menu icon on the screen - Left or Right. Select Off-canvas styles like <strong>Left Align, Left Bordered, and Center Align</strong> to customize the look.</p>
<p><img src="https://www.themexpert.com/images/docs/strike/off-canvas.png" width="1200" height="609" alt="off canvas" style="display: block; margin-left: auto; margin-right: auto;">&nbsp;</p>
<p><strong>Extra asset:</strong>&nbsp;<a href="https://www.themexpert.com/docs/tutorials/how-to-change-navigation-menu-on-selected-page">How to Change Navigation Menu on Selected Page</a></p>
<h2>Footer Setup</h2>
<p><img src="https://www.themexpert.com/images/docs/strike/footer.png" width="1200" height="339" alt="footer" style="display: block; margin-left: auto; margin-right: auto;"></p>
<ol>
<li>Go to the site administrator panel and select "<strong>Quix Page Builder</strong>".</li>
<li>In Quix, click on the "<strong>Footer</strong>" panel.</li>
<li>Press the "<strong>New Template</strong>" button.</li>
<li>Enter "<strong>Footer</strong>" in the Template Name field.</li>
<li>Choose "<strong>Footer</strong>" from the Template Type dropdown menu.</li>
<li>Save your settings by clicking on the appropriate options.<br><br><br><img src="https://www.themexpert.com/images/docs/newsifi/footer-template.png" width="1200" height="588" alt="footer template" style="display: block; margin-left: auto; margin-right: auto;"></li>
<li>Once created the Footer, click on the Add Template button.</li>
<li>Now insert the footer.Click on the "Save" button to prompt the Publish Settings to appear.<br><br><br><img src="https://www.themexpert.com/images/docs/strike/footer-2.png" width="1200" height="603" alt="footer 2" style="display: block; margin-left: auto; margin-right: auto;"><br><br></li>
<li>Click on the "Add Condition" button and choose between "Include" and "Default - Entire Site" to position the footer.</li>
</ol>
<p>&nbsp;<img src="https://www.themexpert.com/images/docs/strike/con-display.png" width="1200" height="605" alt="con display" style="display: block; margin-left: auto; margin-right: auto;"></p>
<h3>Install Quix Pages Manually</h3>
<p>In the downloads panel of your Themexpert dashboard, navigate to the Joomla Templates options for the Strike template. Download the Quix Pages package and install it manually.</p>
<p>&nbsp;</p>
<h3>Install Template Settings (Helix Framework) Manually</h3>
<p>Follow the same process as for the Quix Pages package. Download the Template Settings (Helix) and install it manually.</p>
<p>&nbsp;</p>
<h2>Activate Quix License</h2>
<p>To unlock all the features of Quix, activate the license by following the step-by-step guide available <a rel="noreferrer" target="_new" href="https://www.themexpert.com/docs/quix-builder/how-to-activate-quix-4-license">here</a>.</p>
<h2>Upgrade Instructions</h2>
<p><strong>Take a full backup</strong>: 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.</p>]]></description>
			<author>zannatunnime95@gmail.com (Md Zannatun Nime)</author>
			<category>Joomla Templates</category>
			<pubDate>Sun, 14 Jul 2024 12:26:09 +0600</pubDate>
		</item>
		<item>
			<title>JValley </title>
			<link>https://www.themexpert.com/docs/joomla-templates/jvalley</link>
			<guid isPermaLink="true">https://www.themexpert.com/docs/joomla-templates/jvalley</guid>
			<description><![CDATA[<p><img src="https://www.themexpert.com/images/templates/valley/jvalley-featured.png" /></p><p><img src="https://www.themexpert.com/images/templates/valley/jvalley-featured.png" width="1200" height="900" alt="jvalley featured" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p>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.</p>
<p>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.</p>
<h2>Download packages</h2>
<p style="text-align: justify;">Login to your account on <strong>ThemeXpert.com.</strong>&nbsp;Go to the <strong>Downloads</strong> &gt; <strong>Joomla</strong> <strong>Templates</strong> &gt; <strong>JValley&nbsp;</strong>from <strong>Dashboard</strong>.<br><br>The&nbsp;JValley template download section includes the following files:</p>
<ol style="list-style-type: upper-alpha;">
<li style="text-align: justify;">JValley Quickstart Package</li>
<li style="text-align: justify;">JValley Template</li>
<li style="text-align: justify;">Quix Presets</li>
</ol>
<p>The Quix panel includes the following files:</p>
<ol style="list-style-type: lower-alpha;">
<li style="text-align: justify;">Quix 4 (J3, J4 &amp; J5)</li>
<li style="text-align: justify;">Quix Installer (Recommended)</li>
</ol>
<h2 style="text-align: justify;">Quickstart (Demo) Installation</h2>
<p>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 <a href="https://www.themexpert.com/blog/install-joomla-4" target="_blank">quickstart installation guide</a>.</p>
<h3 style="text-align: justify;">Manual Installation</h3>
<p>Install the&nbsp;JValley template and Quix page builder (pro) on your existing Joomla website.<br>Go to Extensions &gt; Upload Package Files from the Install section in the site administrator panel System Dashboard. <strong>Drag and Drop</strong> or <strong>Browse</strong>&nbsp;the following files:</p>
<ol style="list-style-type: lower-greek;">
<li>JValley Template</li>
<li>Quix Pro</li>
</ol>
<p>&nbsp;<img src="https://www.themexpert.com/images/docs/jvalley/installation.png" width="1200" height="545" alt="installation" style="display: block; margin-left: auto; margin-right: auto;"></p>
<h3 style="text-align: justify;">JValley Template Installation</h3>
<p>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.</p>
<p>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</p>
<p><img src="https://www.themexpert.com/images/docs/jvalley/helix.png" width="1200" height="380" alt="helix" style="display: block; margin-left: auto; margin-right: auto;"></p>
<h2 style="text-align: justify;">Quix Pro Installation</h2>
<p>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.</p>
<p>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.</p>
<p>Detailed instructions can be found here: <a href="https://www.themexpert.com/docs/quix-builder/basics/installation" target="_blank">Quix Builder Installation Guide.</a></p>
<h3 style="text-align: justify;">Import Quix Presets</h3>
<p>You already downloaded the <strong>quix-presets.zip</strong> file, <strong>extract</strong> the file at first. Now go to the Joomla site administrator panel. On the left side, you will get the <strong>Quix - Page Builder.</strong></p>
<p>&nbsp;<img src="https://www.themexpert.com/images/docs/jvalley/quix-dashboard.png" width="1200" height="422" alt="quix dashboard" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p>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.</p>
<p><img src="https://www.themexpert.com/images/docs/jvalley/json.png" width="1200" height="552" alt="json" style="display: block; margin-left: auto; margin-right: auto;">&nbsp;</p>
<p>1. Click on the "<strong>Bar</strong>" icon on the right side of the top bar to open a dropdown menu.</p>
<p>2. From the dropdown menu, select "<strong>Import JSON.</strong>"</p>
<p>3. After selecting "<strong>Import JSON</strong>," the "<strong>Import to Library</strong>" panel will appear on the screen. This is where you'll import the Quix presets.</p>
<p>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.</p>
<p>5. Once you have imported all the JSON files, you can open the My Templates panel by clicking on the "<strong>Add template</strong>" button below the builder. The My Templates panel will allow you to view, edit, and use the imported Quix presets for your website.</p>
<p><br><img src="https://www.themexpert.com/images/docs/jvalley/add-template.png" width="1200" height="71" alt="add template" style="display: block; margin-left: auto; margin-right: auto;"></p>
<h2 style="text-align: justify;">Home Page Setup</h2>
<p>Certainly! Here are the revised steps for creating a Home page layout in Quix:</p>
<ol style="list-style-type: lower-roman;">
<li>Click on the "New Page" button and enter a name for the page in the provided field. Then, click "<strong>OK</strong>".</li>
<li>Click on the "<strong>Add Template</strong>" button to open the Quix Library panel.</li>
<li>Next, go to the "<strong>My Templates</strong>" tab and click the "<strong>Insert</strong>" button for the "<strong>Home</strong>" page template.</li>
<li>If you want to create and insert other pages, simply repeat the above steps for each page you wish to create.</li>
</ol>
<p>By following these steps, you'll have successfully created and inserted the layout for your Home page.</p>
<ul>
<li><strong><a href="https://demo.themexpert.com/joomla/valley/" target="_blank" rel="noopener">Home</a></strong></li>
<li><strong><a href="https://demo.themexpert.com/joomla/valley/destination" target="_blank" rel="noopener">Destination</a></strong></li>
<li><a href="https://demo.themexpert.com/joomla/valley/region" target="_blank" rel="noopener"><strong>Region</strong></a></li>
<li><a href="https://demo.themexpert.com/joomla/valley/types/driving" target="_blank" rel="noopener"><strong>Types</strong></a></li>
<li><a href="https://demo.themexpert.com/joomla/valley/blog" target="_blank" rel="noopener"><strong>Blog</strong></a></li>
<li><a href="https://demo.themexpert.com/joomla/valley/contact-us" target="_blank" rel="noopener"><strong>Contact us</strong></a></li>
</ul>
<h3 style="text-align: justify;">Typography</h3>
<p>You can change your site typography from helix settings panel</p>
<p><img src="https://www.themexpert.com/images/docs/jvalley/typo.png" width="1200" height="552" alt="typo" style="display: block; margin-left: auto; margin-right: auto;"></p>
<h3 style="text-align: justify;">Header Setup</h3>
<p>Now, let's add the header. Our header will resemble the following design.</p>
<p><img src="https://www.themexpert.com/images/docs/jvalley/header.png" width="1200" height="599" alt="header" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p>To create a Header layout using the Quix page builder, follow these steps:</p>
<ol style="list-style-type: lower-greek;">
<li>Go to the site administrator panel and select "<strong>Quix Page Builder</strong>".</li>
<li>In Quix, click on the "<strong>Header</strong>" panel.</li>
<li>Press the "<strong>New Template</strong>" button.</li>
<li>Enter "<strong>Header</strong>" in the Template Name field.</li>
<li>Choose "<strong>Header</strong>" from the Template Type dropdown menu.</li>
<li>Don't forget to save your settings by clicking on the appropriate options.</li>
</ol>
<h3 style="text-align: justify;">Offcanvas Menu</h3>
<p>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.</p>
<p><img src="https://www.themexpert.com/images/docs/jvalley/offcanvas.png" width="1200" height="593" alt="offcanvas" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p>&nbsp;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.</p>
<p><strong><strong>Select Off-canvas:</strong>&nbsp;Left Align, Left Bordered, and Center Align.&nbsp;&nbsp;</strong>Choosing the Left Align style will give your mobile menu a specific look.</p>
<p><img src="https://www.themexpert.com/images/docs/jvalley/mobile-view.png" width="600" height="1101" alt="mobile view" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p><strong>Extra asset:</strong>&nbsp;<a href="https://www.themexpert.com/docs/tutorials/how-to-change-navigation-menu-on-selected-page">How to Change Navigation Menu on Selected Page</a></p>
<h4 style="text-align: justify;">Add Logo and Favicon</h4>
<p>We should upload our website's logo and favicon in the Logo panel, which is located in the Basic settings.</p>
<p><img src="https://www.themexpert.com/images/docs/jvalley/logo.png" width="1200" height="609" alt="logo" style="display: block; margin-left: auto; margin-right: auto;"></p>
<h4 style="text-align: justify;">Add Main Menu&nbsp;</h4>
<p>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.</p>
<p>To do this, go to the Menu Builder panel and find the Menu settings. From the drop-down menu labeled "<strong>Select Menu Type</strong>," 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.&nbsp;</p>
<p>&nbsp;<img src="https://www.themexpert.com/images/docs/jvalley/menus.png" width="1200" height="573" alt="menus" style="display: block; margin-left: auto; margin-right: auto;"></p>
<h3 style="text-align: justify;">Activate Quix License</h3>
<p>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 <a href="https://www.themexpert.com/docs/quix-builder/how-to-activate-quix-4-license" target="_blank" rel="noopener">https://www.themexpert.com/docs/quix-builder/how-to-activate-quix-4-license</a>.</p>
<h2 style="text-align: justify;">Upgrade Instruction</h2>
<h3 style="text-align: justify;">Take a full backup</h3>
<p>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.</p>
<p>&nbsp;</p>]]></description>
			<author>zannatunnime95@gmail.com (Md Zannatun Nime)</author>
			<category>Joomla Templates</category>
			<pubDate>Sun, 07 Jul 2024 16:05:00 +0600</pubDate>
		</item>
		<item>
			<title>Eatery</title>
			<link>https://www.themexpert.com/docs/joomla-templates/eatery</link>
			<guid isPermaLink="true">https://www.themexpert.com/docs/joomla-templates/eatery</guid>
			<description><![CDATA[<p><img src="https://www.themexpert.com/images/templates/eatery/eatery_template_01.jpg" /></p><p><img src="https://www.themexpert.com/images/templates/eatery/eatery_template_06.jpg" width="1200" height="900" alt="eatery template 06" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p>Unlock the potential of your culinary venture with Eatery – the Joomla template designed to tantalize taste buds and entice customers. Explore our comprehensive documentation for seamless setup and optimization.</p>
<h2>Download packages</h2>
<p style="text-align: justify;">Login to your account on <strong>ThemeXpert.com.</strong>&nbsp;Go to the <strong>Downloads</strong> &gt; <strong>Joomla</strong> <strong>Templates</strong> &gt; <strong>Eatery&nbsp;</strong>from <strong>Dashboard</strong>.<br><br>The&nbsp;Eatery template download section includes the following files:</p>
<ol style="list-style-type: upper-alpha;">
<li style="text-align: justify;">Eatery Quickstart Package</li>
<li style="text-align: justify;">Eatery Template</li>
<li style="text-align: justify;">Quix Presets</li>
</ol>
<p>The Quix panel includes the following files:</p>
<ol style="list-style-type: lower-alpha;">
<li style="text-align: justify;">Quix 4 (J4 &amp; J5)</li>
<li style="text-align: justify;">Quix Installer (Recommended)</li>
</ol>
<h2 style="text-align: justify;">Quickstart (Demo) Installation</h2>
<p>To set up the quickstart, you should follow the same steps as you would for installing Joomla 5. You cannot add the quickstart to an existing Joomla 5 site through the extension manager because it includes all the core files of Joomla 5. Therefore, simply install the quickstart package as you would install Joomla 5. Follow the <a href="https://www.themexpert.com/docs/tutorials/install-akeeba-quickstart" target="_blank" rel="noopener">quickstart installation</a> guide for detailed instructions.</p>
<h3 style="text-align: justify;">Manual Installation</h3>
<p>Install the Eatery template and Quix page builder (pro) on your existing Joomla website. Go to Extensions &gt; Upload Package Files from the Install section in the site administrator panel System Dashboard. <strong>Drag and Drop</strong> or Browse the following files</p>
<ol style="list-style-type: lower-greek;">
<li>Eatery Template</li>
<li>Quix Pro</li>
</ol>
<p><img src="https://www.themexpert.com/images/docs/eatery/installation.png" width="1200" height="506" alt="installation" style="display: block; margin-left: auto; margin-right: auto;">&nbsp;</p>
<h3 style="text-align: justify;">Eatery Template Installation</h3>
<p>The Eatery template already includes the <strong>Helix Ultimate framework</strong>, so you don't need to install it separately. The framework is part of the <strong>Eatery Template .zip</strong> file, which simplifies the process.</p>
<p>After installing the template, navigate to the Plugin Manager in the Manage section of the System Dashboard. In the search field, type "Helix Ultimate" and press Enter or click the Search icon. This will bring up the <strong>System-Helix Ultimate Framework</strong> plugin. Check the box next to it and click the Enable button to activate the plugin.</p>
<p>&nbsp;<img src="https://www.themexpert.com/images/docs/eatery/helix.png" width="1200" height="475" alt="helix" style="display: block; margin-left: auto; margin-right: auto;"></p>
<h2 style="text-align: justify;">Quix Pro Installation</h2>
<p><strong>Please note the following information</strong>: There are two versions of the Quix files available for installation: Quix 4 and the Quix installer. Quix 4 is the complete package of the Quix page builder and is contained in a file named pkg_quix_pro.zip with a size of 11 MB. However, Joomla has a file upload limit of 2MB for installations, which may pose a challenge for users who are not familiar with technical procedures to increase the limit via the server or cPanel.</p>
<p>To address this limitation, we strongly recommend users to install the Quix installer file instead. The Quix installer's file name is com_iquix-1.7.0.zip, and it's only 48KB in size. Installing the Quix page builder using the Quix installer involves only 5 simple steps.</p>
<p>To simplify the installation process, we highly recommend following the detailed instructions provided here:&nbsp;</p>
<p><span style="font-family: var(--bs-body-font-family); font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); text-align: var(--bs-body-text-align); caret-color: auto;">(</span><a href="https://www.themexpert.com/docs/quix-builder/basics/installation" style="font-family: var(--bs-body-font-family); font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); text-align: var(--bs-body-text-align);">https://www.themexpert.com/docs/quix-builder/basics/installation</a><span style="font-family: var(--bs-body-font-family); font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); text-align: var(--bs-body-text-align); caret-color: auto;">).</span></p>
<h3 style="text-align: justify;">&nbsp;Import Quix Presets</h3>
<p>First, unzip the contents of the quix-presets.zip file. Then, go to the Joomla site administrator panel and click on "Quix - Page Builder" in the menu on the left.</p>
<p><img src="https://www.themexpert.com/images/docs/eatery/quix_pages.png" width="1200" height="389" alt="quix pages" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p>To create a new page in the Quix Panel, click on the "New Page" button and enter the desired page name. For example, you can name it "Home." After creating the Home page, you can access the page builder. To import Quix presets, follow these steps:</p>
<p><img src="https://www.themexpert.com/images/docs/eatery/json.png" width="1200" height="592" alt="json" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p>1. Click on the "<strong>Bar</strong>" icon on the right side of the top bar to open a dropdown menu.</p>
<p>2. From the dropdown menu, select "<strong>Import JSON.</strong>"</p>
<p>3. After selecting "<strong>Import JSON</strong>," the "<strong>Import to Library</strong>" panel will appear on the screen. This is where you'll import the Quix presets.</p>
<p>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.</p>
<p>5. Once you have imported all the JSON files, you can open the My Templates panel by clicking on the "<strong>Add template</strong>" button below the builder. The My Templates panel will allow you to view, edit, and use the imported Quix presets for your website.</p>
<p>&nbsp;<img src="https://www.themexpert.com/images/docs/eatery/add_template.png" width="1200" height="59" alt="add template" style="display: block; margin-left: auto; margin-right: auto;"></p>
<h2 style="text-align: justify;">Home Page Setup</h2>
<p>Certainly! Here are the revised steps for creating a Home page layout in Quix:</p>
<ol style="list-style-type: lower-roman;">
<li>Click on the "New Page" button and enter a name for the page in the provided field. Then, click "<strong>OK</strong>".</li>
<li>Click on the "<strong>Add Template</strong>" button to open the Quix Library panel.</li>
<li>Next, go to the "<strong>My Templates</strong>" tab and click the "<strong>Insert</strong>" button for the "<strong>Home</strong>" page template.</li>
<li>If you want to create and insert other pages, simply repeat the above steps for each page you wish to create.</li>
</ol>
<p>By following these steps, you'll have successfully created and inserted the layout for your Home page.</p>
<ul>
<li><a href="https://j5-demo.themexpert.com/eatery/" target="_blank" rel="noopener"><strong>Home</strong></a></li>
<li><a href="https://j5-demo.themexpert.com/eatery/menu" target="_blank" rel="noopener"><strong>Menu</strong></a></li>
<li><a href="https://j5-demo.themexpert.com/eatery/blog" target="_blank" rel="noopener"><strong>Blog</strong></a></li>
<li><a href="https://j5-demo.themexpert.com/eatery/contact" target="_blank" rel="noopener"><strong>Contact</strong></a></li>
<li><a href="https://j5-demo.themexpert.com/eatery/about" target="_blank" rel="noopener"><strong>About</strong></a><a href="https://j5-demo.themexpert.com/newsifi/index.php/feature" target="_blank" rel="noopener"><strong></strong></a></li>
</ul>
<h3 style="text-align: justify;">Typography</h3>
<p>You can change your site typography from helix settings panel</p>
<p><img src="https://www.themexpert.com/images/docs/eatery/typography.png" width="1200" height="548" alt="typography" style="display: block; margin-left: auto; margin-right: auto;"></p>
<h3 style="text-align: justify;">Header Setup</h3>
<p>Now, let's add the header. Our header will resemble the following design.</p>
<p><img src="https://www.themexpert.com/images/docs/eatery/header.png" width="1200" height="816" alt="header" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p>To create a Header layout using the Quix page builder, follow these steps:</p>
<ol style="list-style-type: lower-greek;">
<li>Go to the site administrator panel and select "<strong>Quix Page Builder</strong>".</li>
<li>In Quix, click on the "<strong>Header</strong>" panel.</li>
<li>Press the "<strong>New Template</strong>" button.</li>
<li>Enter "<strong>Header</strong>" in the Template Name field.</li>
<li>Choose "<strong>Header</strong>" from the Template Type dropdown menu.</li>
<li>Don't forget to save your settings by clicking on the appropriate options.</li>
</ol>
<p>&nbsp;<img src="https://www.themexpert.com/images/docs/eatery/header_2.png" width="1200" height="540" alt="header 2" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p><img src="https://www.themexpert.com/images/docs/eatery/header_setup.png" width="1200" height="599" alt="header setup" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p>Once created the Header, click on the Add Template button. Now insert the Header.</p>
<p><img src="https://www.themexpert.com/images/docs/eatery/header_import.png" width="1200" height="517" alt="header import" style="display: block; margin-left: auto; margin-right: auto;"></p>
<h3 style="text-align: justify;">Offcanvas Menu</h3>
<p>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.</p>
<p><img src="https://www.themexpert.com/images/docs/eatery/offcanva.png" width="1200" height="566" alt="offcanva" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p>&nbsp;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.</p>
<p>&nbsp;</p>
<p><strong><strong>Select Off-canvas:</strong>&nbsp;Left Align, Left Bordered, and Center Align.&nbsp;&nbsp;</strong>Choosing the Left Align style will give your mobile menu a specific look.</p>
<p><img src="https://www.themexpert.com/images/docs/eatery/mobile.png" width="600" height="1310" alt="mobile" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p><strong>Extra asset:</strong>&nbsp;<a href="https://www.themexpert.com/docs/tutorials/how-to-change-navigation-menu-on-selected-page">How to Change Navigation Menu on Selected Page</a></p>
<h2 style="text-align: justify;">&nbsp;</h2>
<h2 style="text-align: justify;">Footer Setup</h2>
<p>We will setup the footer now. Our footer looks like</p>
<p><img src="https://www.themexpert.com/images/docs/eatery/footer.png" width="1200" height="211" alt="footer" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p>To create a footer layout using the Quix page builder, follow these steps:</p>
<ol style="list-style-type: upper-roman;">
<li>Go to the site administrator panel and select "<strong>Quix Page Builder</strong>".</li>
<li>In Quix, click on the "<strong>Footer</strong>" panel.</li>
<li>Press the "<strong>New Template</strong>" button.</li>
<li>Enter "<strong>Footer</strong>" in the Template Name field.</li>
<li>Choose "<strong>Footer</strong>" from the Template Type dropdown menu.</li>
<li>Don't forget to save your settings by clicking on the appropriate options.</li>
</ol>
<p><img src="https://www.themexpert.com/images/docs/eatery/footer_template.png" width="1200" height="600" alt="footer template" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p>Once created the Footer, click on the Add Template button. Now insert the footer.</p>
<p><img src="https://www.themexpert.com/images/docs/eatery/footer_import.png" width="1200" height="467" alt="footer import" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p>Once you've inserted the footer, click on the "Save" button. This action will prompt the Publish Settings to appear. Click on the "<strong>Add Condition</strong>" button, where you'll encounter two options: "<strong>Include</strong>" and "<strong>Default - Entire Site</strong>," with the latter being selected by default.</p>
<p>Selecting "<strong>Include</strong>" will position the footer in the specified footer area on your site. Alternatively, opting for "<strong>Default - Entire Site</strong>" will ensure the footer is displayed across all menu items you select.</p>
<p style="text-align: center;"><img src="https://www.themexpert.com/images/docs/joomla-templates/skilio/add-condition.png" width="1200" height="802" alt="add condition" style="display: block; margin-left: auto; margin-right: auto;"></p>
<h3>Install Quix Pages Manually</h3>
<p>In the downloads panel of your Themexpert dashboard, navigate to the Joomla Templates options for the Eatery template. Once there, you will find the <strong>Quix Pages package.</strong> Make sure to download it and then proceed to install it manually.</p>
<p><img src="https://www.themexpert.com/images/docs/eatery/quix_file.png" width="825" height="348" alt="quix file" style="display: block; margin-left: auto; margin-right: auto;">&nbsp;</p>
<h3>Install Template settings (Helix Framework) Manually</h3>
<p>Same process as Quix Pages package. Just download the&nbsp;<strong>Template Settings (Helix)&nbsp;</strong>and install it manually.</p>
<p><img src="https://www.themexpert.com/images/docs/eatery/settings.png" width="816" height="347" alt="quix file" style="display: block; margin-left: auto; margin-right: auto;">&nbsp;</p>
<h3 style="text-align: justify;">Activate Quix License</h3>
<p>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 <a href="https://www.themexpert.com/docs/quix-builder/how-to-activate-quix-4-license" target="_blank" rel="noopener">https://www.themexpert.com/docs/quix-builder/how-to-activate-quix-4-license</a>.</p>
<h2 style="text-align: justify;">Upgrade Instruction</h2>
<h3 style="text-align: justify;">Take a full backup</h3>
<p>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.</p>]]></description>
			<author>zannatunnime95@gmail.com (Md Zannatun Nime)</author>
			<category>Joomla Templates</category>
			<pubDate>Mon, 03 Jun 2024 12:26:32 +0600</pubDate>
		</item>
		<item>
			<title>Newsifi</title>
			<link>https://www.themexpert.com/docs/joomla-templates/newsifi</link>
			<guid isPermaLink="true">https://www.themexpert.com/docs/joomla-templates/newsifi</guid>
			<description><![CDATA[<p><img src="https://www.themexpert.com/images/templates/newsifi/featured_image_newsifi.jpg" /></p><p><img src="https://www.themexpert.com/images/docs/newsifi/featured_image_newsifi.jpg" width="1200" height="900" alt="featured image newsifi" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p>Newsifi is the ultimate Joomla template for creating captivating news, magazine, and publishing websites. Tailored layouts and styles cater to various topics like Politics, Gaming, and Entertainment, ensuring your content shines. With an intuitive interface and immersive home page layout, Newsifi revolutionizes storytelling and keeps audiences engaged. Elevate your digital presence with Newsifi today.</p>
<h2>Download packages</h2>
<p style="text-align: justify;">Login to your account on <strong>ThemeXpert.com.</strong>&nbsp;Go to the <strong>Downloads</strong> &gt; <strong>Joomla</strong> <strong>Templates</strong> &gt; <strong>Newsifi&nbsp;</strong>from <strong>Dashboard</strong>.<br><br>The&nbsp;Newsifi template download section includes the following files:</p>
<ol style="list-style-type: upper-alpha;">
<li style="text-align: justify;">Newsifi Quickstart Package</li>
<li style="text-align: justify;">Newsifi Template</li>
<li style="text-align: justify;">Quix Presets</li>
</ol>
<p>The Quix panel includes the following files:</p>
<ol style="list-style-type: lower-alpha;">
<li style="text-align: justify;">Quix 4 (J4 &amp; J5)</li>
<li style="text-align: justify;">Quix Installer (Recommended)</li>
</ol>
<h2 style="text-align: justify;">Quickstart (Demo) Installation</h2>
<p>To set up the quickstart, you need to follow the same steps as installing Joomla 5. You can't add the quickstart to an existing Joomla 5 site through the extension manager because it comes with all the core files of Joomla 5. So, just install the quickstart package as you would install Joomla 5. Follow the guide of <a href="https://www.themexpert.com/docs/tutorials/install-akeeba-quickstart" target="_blank" rel="noopener">quickstart installation.quickstart installation.</a></p>
<h3 style="text-align: justify;">Manual Installation</h3>
<p>Install the&nbsp;Newsifi template and Quix page builder (pro) on your existing Joomla website.Go to Extensions &gt; Upload Package Files from the Install section in the site administrator panel System Dashboard. <strong>Drag and Drop</strong> or <strong>Browse</strong>&nbsp;the following files:</p>
<ol style="list-style-type: lower-greek;">
<li>Newsifi Template</li>
<li>Quix Pro</li>
</ol>
<p><img src="https://www.themexpert.com/images/docs/newsifi/install.png" width="1200" height="551" alt="install" style="display: block; margin-left: auto; margin-right: auto;">&nbsp;</p>
<h3 style="text-align: justify;">Newsifi Template Installation</h3>
<p>The&nbsp;Newsifi template comes with the <strong>Helix Ultimate framework</strong> pre-installed, which means that you don't have to install the framework separately. The framework is included in the Newsifi<strong>&nbsp;Template .zip</strong> file, which makes the process much simpler.</p>
<p>Once you have installed the template, go to the Plugin Manager in the Manage section of the System Dashboard. In the search field, type "Helix Ultimate" and either press Enter or click the Search icon. This will display the <strong>System-Helix Ultimate Framework</strong> plugin. Check the box next to it and click the Enable button to activate the plugin.</p>
<p>&nbsp;<img src="https://www.themexpert.com/images/docs/newsifi/helix.png" width="1200" height="330" alt="install" style="display: block; margin-left: auto; margin-right: auto;"></p>
<h2 style="text-align: justify;">Quix Pro Installation</h2>
<p>There are two versions of the Quix files available for installation - Quix 4 and the Quix installer. Quix 4 is the complete package of the Quix page builder and comes in a file named pkg_quix_pro.zip with a size of 11 MB. However, Joomla sets a file upload limit of 2MB for installations, which might be difficult for users who lack technical expertise to increase via the server or cPanel.</p>
<p>To overcome this limitation, we strongly recommend users to install the Quix installer file instead. The Quix installer's file name is com_iquix-1.7.0.zip, and it's only 48KB in size. Installing the Quix page builder using the Quix installer involves only 5 simple steps.</p>
<p>To make the installation process easier, we highly recommend following the detailed instructions provided here:</p>
<p><span style="font-family: var(--bs-body-font-family); font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); text-align: var(--bs-body-text-align); caret-color: auto;">(</span><a href="https://www.themexpert.com/docs/quix-builder/basics/installation" style="font-family: var(--bs-body-font-family); font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); text-align: var(--bs-body-text-align);">https://www.themexpert.com/docs/quix-builder/basics/installation</a><span style="font-family: var(--bs-body-font-family); font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); text-align: var(--bs-body-text-align); caret-color: auto;">).</span></p>
<h3 style="text-align: justify;">&nbsp;Import Quix Presets</h3>
<p>Start by extracting the contents of the <strong>quix-presets.zip</strong> file. Then, go to the Joomla site administrator panel and click "<strong>Quix - Page Builder</strong>" from the left-hand menu.</p>
<p>&nbsp;<img src="https://www.themexpert.com/images/docs/newsifi/pages.png" width="1200" height="379" alt="pages" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p>To create a new page on Quix Panel, click on the "<strong>New Page</strong>" button and enter the desired page name in the field provided. For example, let's name it "<strong>Home</strong>." Once you have successfully created the Home page, you can access the builder.</p>
<p>&nbsp;<img src="https://www.themexpert.com/images/docs/newsifi/json.png" width="1200" height="581" alt="json" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p>To import Quix presets, follow these detailed steps:</p>
<ol style="list-style-type: lower-roman;">
<li>Click on the "<strong>Bar</strong>" icon located on the right side of the top bar. This will open a dropdown menu.</li>
<li>From the dropdown menu, select "<strong>Import JSON</strong>".</li>
<li>After selecting "<strong>Import JSON</strong>", the "Import to Library" panel will appear on the screen. This is where you'll import the Quix presets.</li>
</ol>
<p>The Newsifi template Quix presets consist of seven different files: home.json, news.json, opinion.json, Registration.json, subscribe.json, footer.json, and let's talk.json. These files contain all the necessary information to create your desired website.&nbsp;</p>
<p>To import these files, you have two options: you can either drag and drop each file into the Import field, or you can click to upload them one by one. It's important to ensure that all files are imported before proceeding to the next step.&nbsp;</p>
<p>Once you have imported all the JSON files, you can proceed to open the My Templates panel by clicking on the "<strong>Add template</strong>" button located below the builder. The My Templates panel will allow you to view, edit, and use the imported Quix presets for your website.</p>
<p>&nbsp;<img src="https://www.themexpert.com/images/docs/newsifi/add-template.png" width="1200" height="76" alt="add template" style="display: block; margin-left: auto; margin-right: auto;"></p>
<h2 style="text-align: justify;">Home Page Setup</h2>
<p>To create a Home page layout in Quix, you can follow these simple steps:</p>
<ol style="list-style-type: lower-greek;">
<li>Click on the "New Page" button and provide a name for the page in the designated field. Once done, click "<strong>OK</strong>".</li>
<li>Click on the "<strong>Add Template</strong>" button to open the Quix Library panel.</li>
<li>Now, select the "<strong>My Templates</strong>" tab and click on the "Insert" button for the "Home" page template.</li>
<li>If you want to create and insert other pages, simply repeat the above steps for each page you wish to create.</li>
</ol>
<p>After following all the steps, you'll have successfully created and inserted the layout for your Home page. The pages are:</p>
<ul>
<li><a href="https://j5-demo.themexpert.com/newsifi/index.php/news" target="_blank" rel="noopener"><b>News</b></a></li>
<li><a href="https://j5-demo.themexpert.com/newsifi/index.php/opinion" target="_blank" rel="noopener"><b>Opinion</b></a></li>
<li><a href="https://j5-demo.themexpert.com/newsifi/index.php/politics" target="_blank" rel="noopener"><b>Politics</b></a><br><strong></strong></li>
<li><a href="https://j5-demo.themexpert.com/newsifi/index.php/sports" target="_blank" rel="noopener"><strong>Sports</strong></a></li>
<li><a href="https://j5-demo.themexpert.com/newsifi/index.php/business" target="_blank" rel="noopener"><strong>Business</strong></a></li>
<li><a href="https://j5-demo.themexpert.com/newsifi/index.php/entertainment" target="_blank" rel="noopener"><strong>Entertainment</strong></a></li>
<li><strong><a href="https://j5-demo.themexpert.com/newsifi/index.php/life-and-living" target="_blank" rel="noopener">Life and Living</a><br></strong></li>
<li><a href="https://j5-demo.themexpert.com/newsifi/index.php/tech" target="_blank" rel="noopener"><strong>Technology</strong></a></li>
<li><a href="https://j5-demo.themexpert.com/newsifi/index.php/feature" target="_blank" rel="noopener"><strong>Feature</strong></a></li>
</ul>
<h3 style="text-align: justify;">Header Setup</h3>
<p>Now, let's add the header. Our header will resemble the following design.</p>
<p><img src="https://www.themexpert.com/images/docs/newsifi/header.png" width="1200" height="591" alt="header setup" style="display: block; margin-left: auto; margin-right: auto;">&nbsp;</p>
<p>To access the templates panel, navigate to Site<strong> Template Styles</strong> under <strong>Templates</strong> in the <strong>System Dashboard</strong>. Select Tx Newsifi, then click Template Options.</p>
<p>&nbsp;<img src="https://www.themexpert.com/images/docs/newsifi/header-setup.png" width="1200" height="635" alt="header setup" style="display: block; margin-left: auto; margin-right: auto;"></p>
<h4 style="text-align: justify;">Add Logo and Favicon</h4>
<p>We should upload our website's logo and favicon in the Logo panel, which is located in the Basic settings.</p>
<p>&nbsp;<img src="https://www.themexpert.com/images/docs/newsifi/logo.png" width="1200" height="588" alt="logo" style="display: block; margin-left: auto; margin-right: auto;"></p>
<h4 style="text-align: justify;">Add Main Menu&nbsp;</h4>
<p>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.</p>
<p>To do this, go to the Menu Builder panel and find the Menu settings. From the drop-down menu labeled "<strong>Select Menu Type</strong>," 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.&nbsp;</p>
<p>&nbsp;<img src="https://www.themexpert.com/images/docs/newsifi/menu.png" width="1200" height="558" alt="menu" style="display: block; margin-left: auto; margin-right: auto;"></p>
<h3 style="text-align: justify;">Offcanvas Menu</h3>
<p>Within the Menu settings, you'll find the Off Canvas panel which provides you with options to manage the website's off-canvas menu. With these options, you can choose to display the menu on smaller devices like phones and tablets. There are three primary settings available for the off-canvas menu.</p>
<p>&nbsp;</p>
<p>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.</p>
<p>&nbsp;<img src="https://www.themexpert.com/images/docs/newsifi/off-canvas.png" width="1200" height="564" alt="off canvas" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p>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.</p>
<p><img src="https://www.themexpert.com/images/docs/newsifi/mobile.png" width="600" height="1191" alt="mobile" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p><strong><strong>Select Off-canvas:</strong>&nbsp;Left Align, Left Bordered, and Center Align.&nbsp;&nbsp;</strong>Choosing the Left Align style will give your mobile menu a specific look.</p>
<p><img src="https://www.themexpert.com/images/docs/newsifi/mobile-menu.png" width="600" height="1027" alt="mobile menu" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p><strong>Extra asset:</strong>&nbsp;<a href="https://www.themexpert.com/docs/tutorials/how-to-change-navigation-menu-on-selected-page">How to Change Navigation Menu on Selected Page</a></p>
<h2 style="text-align: justify;">Footer Setup</h2>
<p>We will setup the footer now. Our footer looks like this.</p>
<p><img src="https://www.themexpert.com/images/docs/newsifi/footer.png" width="1200" height="746" alt="footer" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p>To create a footer layout using the Quix page builder, follow these steps:</p>
<ol style="list-style-type: upper-roman;">
<li>Go to the site administrator panel and select "<strong>Quix Page Builder</strong>".</li>
<li>In Quix, click on the "<strong>Footer</strong>" panel.</li>
<li>Press the "<strong>New Template</strong>" button.</li>
<li>Enter "<strong>Footer</strong>" in the Template Name field.</li>
<li>Choose "<strong>Footer</strong>" from the Template Type dropdown menu.</li>
<li>Don't forget to save your settings by clicking on the appropriate options.</li>
</ol>
<p>&nbsp;<img src="https://www.themexpert.com/images/docs/newsifi/footer-template.png" width="1200" height="588" alt="footer template" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p>Once created the Footer, click on the Add Template button. Now insert the footer.</p>
<p><img src="https://www.themexpert.com/images/docs/newsifi/import-footer.png" width="1200" height="579" alt="import footer" style="display: block; margin-left: auto; margin-right: auto;">&nbsp;</p>
<p>Once you've inserted the footer, click on the "Save" button. This action will prompt the Publish Settings to appear. Click on the "<strong>Add Condition</strong>" button, where you'll encounter two options: "<strong>Include</strong>" and "<strong>Default - Entire Site</strong>," with the latter being selected by default.</p>
<p>Selecting "<strong>Include</strong>" will position the footer in the specified footer area on your site. Alternatively, opting for "<strong>Default - Entire Site</strong>" will ensure the footer is displayed across all menu items you select.</p>
<p>&nbsp;<img src="https://www.themexpert.com/images/docs/joomla-templates/skilio/add-condition.png" width="1200" height="802" alt="add condition" style="display: block; margin-left: auto; margin-right: auto;"></p>
<h3 style="text-align: justify;">Activate Quix License</h3>
<p>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 <a href="https://www.themexpert.com/docs/quix-builder/how-to-activate-quix-4-license" target="_blank" rel="noopener">https://www.themexpert.com/docs/quix-builder/how-to-activate-quix-4-license</a>.</p>
<h2 style="text-align: justify;">Upgrade Instruction</h2>
<h3 style="text-align: justify;">Take a full backup</h3>
<p>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.</p>]]></description>
			<author>zannatunnime95@gmail.com (Md Zannatun Nime)</author>
			<category>Joomla Templates</category>
			<pubDate>Mon, 13 May 2024 12:16:49 +0600</pubDate>
		</item>
		<item>
			<title>Skilio</title>
			<link>https://www.themexpert.com/docs/joomla-templates/skilio</link>
			<guid isPermaLink="true">https://www.themexpert.com/docs/joomla-templates/skilio</guid>
			<description><![CDATA[<p><img src="https://www.themexpert.com/images/templates/skilio/skilio_banner.jpg" /></p><p><img src="https://www.themexpert.com/images/templates/skilio/skilio_featured_image_blog_responsive_device.png" width="1200" height="630" alt="skilio featured image blog responsive device" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p>Welcome to Skilio, where every moment is a masterpiece waiting to be captured. Our template is designed to showcase the artistry and expertise of photographers who excel in immortalizing personality and emotion through captivating portraits. Whether it's the joy of a wedding, the warmth of a family gathering, or the professionalism of corporate events,&nbsp;Skilio offers detailed descriptions of packages tailored to every occasion. Dive into a world where talent meets professionalism, where every click of the camera tells a story, and where satisfaction is guaranteed, as echoed by our glowing reviews and testimonials from delighted clients. Explore&nbsp;Skilio and unlock the potential to transform moments into timeless memories.</p>
<h2>Download packages</h2>
<p style="text-align: justify;">Login to your account on <strong>ThemeXpert.com.</strong>&nbsp;Go to the <strong>Downloads</strong> &gt; <strong>Joomla</strong> <strong>Templates</strong> &gt; <strong>Skilio&nbsp;</strong>from <strong>Dashboard</strong>.<br><br>The&nbsp;Skilio template download section includes the following files:</p>
<ol style="list-style-type: upper-alpha;">
<li style="text-align: justify;">Skilio Quickstart Package</li>
<li style="text-align: justify;">Skilio Template</li>
<li style="text-align: justify;">Quix Presets</li>
</ol>
<p>The Quix panel includes the following files:</p>
<ol style="list-style-type: lower-alpha;">
<li style="text-align: justify;">Quix 4 (J4 &amp; J5)</li>
<li style="text-align: justify;">Quix Installer (Recommended)</li>
</ol>
<h2 style="text-align: justify;">Quickstart (Demo) Installation</h2>
<p>To set up the quickstart, you need to follow the same steps as installing Joomla 5. You can't add the quickstart to an existing Joomla 5 site through the extension manager because it comes with all the core files of Joomla 5. So, just install the quickstart package as you would install Joomla 5. Follow the guide of <a href="https://www.themexpert.com/blog/install-joomla-4">quickstart installation</a>.</p>
<h3 style="text-align: justify;">Manual Installation</h3>
<p>Install the&nbsp;Skilio template and Quix page builder (pro) on your existing Joomla website.Go to Extensions &gt; Upload Package Files from the Install section in the site administrator panel System Dashboard. <strong>Drag and Drop</strong> or <strong>Browse</strong>&nbsp;the following files:</p>
<ol style="list-style-type: lower-greek;">
<li>Skilio Template</li>
<li>Quix Pro</li>
</ol>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/skilio/installation.png" width="1200" height="513" alt="installation" style="display: block; margin-left: auto; margin-right: auto;"></p>
<h3 style="text-align: justify;">Skilio Template Installation</h3>
<p>The Skilio template comes with the <strong>Helix Ultimate framework</strong> pre-installed, which means that you don't have to install the framework separately. The framework is included in the <strong>Skilio Template .zip</strong> file, which makes the process much simpler.</p>
<p>Once you have installed the template, go to the Plugin Manager in the Manage section of the System Dashboard. In the search field, type "Helix Ultimate" and either press Enter or click the Search icon. This will display the <strong>System-Helix Ultimate Framework</strong> plugin. Check the box next to it and click the Enable button to activate the plugin.</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/skilio/helix.png" width="1200" height="519" alt="helix" style="display: block; margin-left: auto; margin-right: auto;"></p>
<h2 style="text-align: justify;">Quix Pro Installation</h2>
<p>There are two versions of the Quix files available for installation. The first version is Quix 4, which includes the complete package of the Quix page builder. This version is named pkg_quix_pro.zip and has a size of 11 MB. However, Joomla sets a file upload limit of 2MB for installations, which can be challenging for users who lack technical expertise to increase the limit via the server or cPanel.</p>
<p>To overcome this limitation, we strongly recommend that users install the Quix installer file instead. The Quix installer's file name is com_iquix-1.7.0.zip, and it's only 48KB in size. Installing the Quix page builder using the Quix installer involves only 5 simple steps.</p>
<p>To make the installation process easier for you, we highly recommend that you follow the detailed instructions provided here:</p>
<p><span style="font-family: var(--bs-body-font-family); font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); text-align: var(--bs-body-text-align); caret-color: auto;">(</span><a href="https://www.themexpert.com/docs/quix-builder/basics/installation" style="font-family: var(--bs-body-font-family); font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); text-align: var(--bs-body-text-align);">https://www.themexpert.com/docs/quix-builder/basics/installation</a><span style="font-family: var(--bs-body-font-family); font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); text-align: var(--bs-body-text-align); caret-color: auto;">).</span></p>
<h3 style="text-align: justify;">&nbsp;Import Quix Presets</h3>
<p>After downloading the <strong>quix-presets.zip</strong> file, begin by <strong>extracting</strong> its contents. Next, navigate to the Joomla site administrator panel. On the left-hand side, locate and click on "<strong>Quix - Page Builder</strong>."</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/skilio/quix-pages.png" width="1200" height="391" alt="quix pages" style="display: block; margin-left: auto; margin-right: auto;">&nbsp;</p>
<p>Click to display the Quix Panel. Next, click on the "<strong>New Page</strong>" button and enter the desired page name into the field. For instance, let's name it "<strong>Home</strong>." Once you have created the Home page, you can access the builder.</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/skilio/json.png" width="1200" height="570" alt="json" style="display: block; margin-left: auto; margin-right: auto;">&nbsp;</p>
<p>To import the Quix presets, you need to follow these detailed steps:</p>
<ol style="list-style-type: lower-roman;">
<li>Click on the "<strong>Bar</strong>" icon that is located on the right side of the top bar. This will open a dropdown menu.</li>
<li>From the dropdown menu, select the "<strong>Import JSON</strong>" option.</li>
<li>After selecting "<strong>Import JSON</strong>", the Import to Library panel will appear on the screen. This panel is where you will import the Quix presets.</li>
</ol>
<p>The Skilio template Quix presets consist of seven different files: home.json, about.json, services.json, blog.json, contact.json, and footer.json, and lets talk.json. These files contain all the necessary information to create your desired website.</p>
<p>To import these files, you can either drag and drop each file into the Import field or click to upload them one by one.</p>
<p>Ensure that all files are imported before proceeding to the next step.</p>
<p>Once all JSON files are imported, you can proceed to open the My Templates panel by clicking on the "<strong>Add template</strong>" button located below the builder. The My Templates panel will allow you to view, edit, and use the imported Quix presets for your website.</p>
<p>&nbsp;<img src="https://www.themexpert.com/images/docs/joomla-templates/skilio/add-template.png" width="1200" height="48" alt="add template" style="display: block; margin-left: auto; margin-right: auto;"></p>
<h2 style="text-align: justify;">Home Page Setup</h2>
<p>To create a Home page layout in Quix, follow these steps:</p>
<ol>
<li>Click on the New Page button and enter a name for the page in the field provided. Click <strong>OK</strong>.</li>
<li>Click on the Add template <strong>button</strong> and open the Quix Library panel.</li>
<li>Select the My Templates <strong>tab</strong> and click on the Insert button for the Home page.</li>
<li>To create and insert other pages, repeat the above steps for each page you want to create.</li>
</ol>
<p>Once you have completed all the steps, you will have successfully created and inserted the layout for your Home page.&nbsp;The pages are:</p>
<ul>
<li><a href="https://j5-demo.themexpert.com/skilio/about"><strong>About</strong></a></li>
<li><a href="https://j5-demo.themexpert.com/skilio/blog"><strong>Blog<br></strong></a><b>--&nbsp;<a href="https://j5-demo.themexpert.com/skilio/blog/single-blog">Single blog</a></b></li>
<li><a href="https://j5-demo.themexpert.com/skilio/services" target="_blank" rel="noopener"><b>Services</b></a><br><strong>-- <a href="https://j5-demo.themexpert.com/skilio/services/service-details">Service Details</a></strong></li>
<li><strong><a href="https://j5-demo.themexpert.com/skilio/pages" target="_blank" rel="noopener">Pages<br>-</a>- <a href="https://j5-demo.themexpert.com/skilio/pages/team" target="_blank" rel="noopener">Portfolio</a><br>-- <a href="https://j5-demo.themexpert.com/skilio/pages/case-studies" target="_blank" rel="noopener">Portfolio details</a></strong></li>
<li><a href="https://j5-demo.themexpert.com/skilio/contact"><strong>Contact</strong></a></li>
</ul>
<h3 style="text-align: justify;">Header Setup</h3>
<p>Now, let's add the header. Our header will resemble the following design.</p>
<p>&nbsp;<img src="https://www.themexpert.com/images/docs/joomla-templates/skilio/header.png" width="1200" height="634" alt="header" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p>To access the templates panel, navigate to Site<strong> Template Styles</strong> under <strong>Templates</strong> in the <strong>System Dashboard</strong>. Select Tx Skilio, then click Template Options.</p>
<p>&nbsp;<img src="https://www.themexpert.com/images/docs/joomla-templates/skilio/predifined-header.png" width="1200" height="546" alt="predifined header" style="display: block; margin-left: auto; margin-right: auto;"></p>
<h4 style="text-align: justify;">Add Logo and Favicon</h4>
<p>We must upload our site's logo and favicon in the Logo panel, located within the Basic settings.</p>
<p>&nbsp;<img src="https://www.themexpert.com/images/docs/joomla-templates/skilio/logo.png" width="1200" height="539" alt="logo" style="display: block; margin-left: auto; margin-right: auto;"></p>
<h4 style="text-align: justify;">Add Main Menu&nbsp;</h4>
<p>A website's menu is a vital component as it guides visitors to the various pages on your site. Therefore, it is imperative to have an easily accessible menu. Let's create the main menu now so that users can find what they're looking for quickly and easily. To do this, navigate to the Menu Builder panel and locate the Menu settings. From the dropdown menu labeled "<strong>Select Menu Type</strong>," pick the main menu you want to display. Typically, this menu serves as the primary navigation system on your website and should be structured in a way that is intuitive and user-friendly.</p>
<p>&nbsp;<img src="https://www.themexpert.com/images/docs/joomla-templates/skilio/menu.png" width="1200" height="542" alt="menu" style="display: block; margin-left: auto; margin-right: auto;"></p>
<h3 style="text-align: justify;">Offcanvas Menu</h3>
<p>In the Menu settings, you can find the Off Canvas panel which includes options to manage the off-canvas menu. These options allow you to display the website's menu on smaller devices like phones and tablets. There are three main settings for the off-canvas menu.</p>
<p>&nbsp;<img src="https://www.themexpert.com/images/docs/joomla-templates/skilio/off-canvas.png" width="1200" height="537" alt="off canvas" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p>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.</p>
<p>&nbsp;<img src="https://www.themexpert.com/images/docs/joomla-templates/skilio/mobile.png" width="600" height="1203" alt="mobile" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p><strong><strong>Select Off-canvas:</strong> </strong>There are three styles of the <strong>off-canvas menu</strong>. The styles are: <strong>Left align</strong>, <strong>Left Bordered</strong>, <strong>Center Align</strong>. If you select Left align style, the mobile menu will get the style.</p>
<p>&nbsp;<img src="https://www.themexpert.com/images/docs/joomla-templates/skilio/mobile-menu.png" width="600" height="1202" alt="mobile menu" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p><strong>Select Off-canvas Menu</strong>: In the small device will show the menu which you selected from the Select Off-canvas Menu drop-down.</p>
<p><strong>Extra asset:</strong>&nbsp;<a href="https://www.themexpert.com/docs/tutorials/how-to-change-navigation-menu-on-selected-page">How to Change Navigation Menu on Selected Page</a></p>
<h2 style="text-align: justify;">Footer Setup</h2>
<p>We will setup the footer now. Our footer looks like this.</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/skilio/footer.png" width="1200" height="240" alt="footer" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p>To craft a footer layout using the Quix page builder, adhere to the following steps:</p>
<ol>
<li>Access Quix by selecting "Quix Page Builder" from the left side of the site administrator panel.</li>
<li>Within Quix, navigate to the "Footer" panel.</li>
<li>Click on the "New Template" button.</li>
<li>Input "Footer" in the Template Name field.</li>
<li>From the Template Type dropdown menu, opt for "Footer".</li>
<li>Ensure to save your settings by clicking on the appropriate options.</li>
</ol>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/skilio/footer-template.png" width="1200" height="549" alt="footer template" style="display: block; margin-left: auto; margin-right: auto;">&nbsp;</p>
<p>Once created the Footer, click on the Add Template button. Now insert the footer.</p>
<p>&nbsp;<img src="https://www.themexpert.com/images/docs/joomla-templates/skilio/footer-builder.png" width="1200" height="582" alt="footer builder" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p>Once you've inserted the footer, click on the "Save" button. This action will prompt the Publish Settings to appear. Click on the "<strong>Add Condition</strong>" button, where you'll encounter two options: "<strong>Include</strong>" and "<strong>Default - Entire Site</strong>," with the latter being selected by default.</p>
<p>Selecting "<strong>Include</strong>" will position the footer in the specified footer area on your site. Alternatively, opting for "<strong>Default - Entire Site</strong>" will ensure the footer is displayed across all menu items you select.</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/skilio/add-condition.png" width="1200" height="802" alt="add condition" style="display: block; margin-left: auto; margin-right: auto;"></p>
<h3 style="text-align: justify;">Activate Quix License</h3>
<p>To unlock the complete potential of Quix and utilize all its features, you must activate the license. Below is a step-by-step guide on how to activate the license:&nbsp;(<a href="https://www.themexpert.com/docs/quix-builder/how-to-activate-quix-4-license">https://www.themexpert.com/docs/quix-builder/how-to-activate-quix-4-license</a>).</p>
<h2 style="text-align: justify;">Upgrade Instruction</h2>
<h3 style="text-align: justify;">Take a full backup</h3>
<p>It is advisable to create a comprehensive backup before initiating any upgrades. This precautionary measure minimizes the risk of data loss in case of any unforeseen issues. In the event of a problem, having backup files enables you to restore your data, ensuring everything remains secure and safeguarded.</p>]]></description>
			<author>zannatunnime95@gmail.com (Md Zannatun Nime)</author>
			<category>Joomla Templates</category>
			<pubDate>Sun, 28 Apr 2024 11:51:08 +0600</pubDate>
		</item>
		<item>
			<title>Meditix</title>
			<link>https://www.themexpert.com/docs/joomla-templates/meditix</link>
			<guid isPermaLink="true">https://www.themexpert.com/docs/joomla-templates/meditix</guid>
			<description><![CDATA[<p><img src="https://www.themexpert.com/images/templates/meditix/featured_image_meditix_template.jpg" /></p><p><img src="https://www.themexpert.com/images/templates/meditix/featured_image_meditix_template.jpg" width="1200" height="900" alt="featured image meditix template"></p>
<p>Introducing our cutting-edge Health Joomla Template, meticulously crafted for the wellness industry, specifically tailored to Yoga Studios and Instructors. Designed to optimize user experience and foster engagement, our template seamlessly blends modern aesthetics with intuitive functionality. Elevate your online presence and reach health-conscious individuals with ease, thanks to our SEO-optimized design that ensures maximum visibility and impact.</p>
<h2>Download packages</h2>
<p style="text-align: justify;">Login to your account on <strong>ThemeXpert.com.</strong>&nbsp;Go to the <strong>Downloads</strong> &gt; <strong>Joomla</strong> <strong>Templates</strong> &gt; <strong>Meditix&nbsp;</strong>from <strong>Dashboard</strong>.<br><br>The&nbsp;Meditix template download section includes the following files:</p>
<ol style="list-style-type: upper-alpha;">
<li style="text-align: justify;">Meditix Quickstart Package</li>
<li style="text-align: justify;">Meditix Template</li>
<li style="text-align: justify;">Quix Presets</li>
</ol>
<p>The Quix panel includes the following files:</p>
<ol style="list-style-type: lower-alpha;">
<li style="text-align: justify;">Quix 4 (J3, J4 &amp; J5)</li>
<li style="text-align: justify;">Quix Installer (Recommended)</li>
</ol>
<h2 style="text-align: justify;">Quickstart (Demo) Installation</h2>
<p>To set up the quickstart, you need to follow the same steps as installing Joomla 5. You can't add the quickstart to an existing Joomla 5 site through the extension manager because it comes with all the core files of Joomla 5. So, just install the quickstart package as you would install Joomla 5. Follow the guide of <a href="https://www.themexpert.com/blog/install-joomla-4">quickstart installation</a>.</p>
<h3 style="text-align: justify;">Manual Installation</h3>
<p>Install the&nbsp;Jurix template and Quix page builder (pro) on your existing Joomla website.<br>Go to Extensions &gt; Upload Package Files from the Install section in the site administrator panel System Dashboard. <strong>Drag and Drop</strong> or <strong>Browse</strong>&nbsp;the following files:</p>
<ol style="list-style-type: lower-greek;">
<li>Meditix Template</li>
<li>Quix Pro</li>
</ol>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/meditix/installation.png" width="950" height="523" alt="installation" style="display: block; margin-left: auto; margin-right: auto;"></p>
<h3 style="text-align: justify;">Meditix Template Installation</h3>
<p>The Meditix template utilizes the <strong>Helix Ultimate framework</strong>, eliminating the need for a separate installation of the framework. When installing the template, the framework is automatically included within the <strong>Meditix Template .zip</strong> file, simplifying the process.</p>
<p>After completing the installation of the template, navigate to the Plugin Manager located in the Manage section of the System Dashboard. In the search field, enter "Helix Ultimate" and either press Enter on your keyboard or click on the Search icon. This action will display the <strong>System-Helix Ultimate Framework</strong> plugin. Select the checkbox next to it, and then proceed to click the Enable button to activate the plugin.&nbsp;</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/meditix/helix.png" width="950" height="523" alt="helix" style="display: block; margin-left: auto; margin-right: auto;"></p>
<h2 style="text-align: justify;">Quix Pro Installation</h2>
<p>There are two versions of the Quix files available for installation. The first one, Quix 4, comprises the complete package of the Quix page builder. It's named pkg_quix_pro.zip and is sized at 11 MB. However, Joomla imposes a file upload limit of 2MB for installations, which can pose challenges for users who lack technical expertise to increase this limit via the server or cPanel.</p>
<p>To address this limitation, we recommend users to opt for installing the Quix installer file instead. The Quix installer's filename is com_iquix-1.7.0.zip, and it's only 48KB in size. Installing the Quix page builder using the Quix installer involves just 5 simple steps.</p>
<p>Detailed instructions for the installation process can be found here.<span style="font-family: var(--bs-body-font-family); font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); text-align: var(--bs-body-text-align); caret-color: auto;">&nbsp;(</span><a href="https://www.themexpert.com/docs/quix-builder/basics/installation" style="font-family: var(--bs-body-font-family); font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); text-align: var(--bs-body-text-align);">https://www.themexpert.com/docs/quix-builder/basics/installation</a><span style="font-family: var(--bs-body-font-family); font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); text-align: var(--bs-body-text-align); caret-color: auto;">).</span></p>
<h3 style="text-align: justify;">Import Quix Presets</h3>
<p>After downloading the <strong>quix-presets.zip</strong> file, begin by <strong>extracting</strong> its contents. Next, navigate to the Joomla site administrator panel. On the left-hand side, locate and click on "<strong>Quix - Page Builder</strong>."</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/meditix/quix.png" width="950" height="314" alt="quix" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p>Upon clicking, the Quix Panel will appear. Proceed by clicking on the "<strong>New Page</strong>" button, then enter the desired page name into the field and click "<strong>OK</strong>." For example, let's name it <strong>"Home."</strong> Once the Home page is created, access the builder.</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/meditix/export.png" width="950" height="480" alt="export" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p>To import the Quix presets, follow these steps:</p>
<ol style="list-style-type: upper-roman;">
<li>Click on the "<strong>Bar</strong>" icon located on the right side of the top bar.</li>
<li>Select "<strong>Import JSON</strong>" from the dropdown menu.</li>
<li>The<strong> Import to Library</strong> panel will open.</li>
</ol>
<p style="text-align: justify;">The Meditix template Quix presets include: home.json, about.json, course.json, blog.json, contact.json, footer.json, and book now.json.</p>
<p style="text-align: justify;">Drag and drop the JSON files into the Import field, or alternatively, click to upload them one by one.</p>
<p>&nbsp;Once all JSON files are imported, proceed to open the My Templates panel by clicking on the "<strong>Add template</strong>" button located below the builder.<br><img src="https://www.themexpert.com/images/docs/joomla-templates/meditix/add-template.png" width="950" height="33" alt="add template" style="display: block; margin-left: auto; margin-right: auto;"></p>
<h2 style="text-align: justify;">Home Page Setup</h2>
<p>With the Home page already created, proceed to insert the Home presets by clicking the "Insert" button within the My Templates panel. Here is a demo of the home page.</p>
<p>These are the steps we took to create and insert the layout.</p>
<ol>
<li style="text-align: justify;">Click on the New Page button, and write down the page name in the field and hit on the <strong>OK</strong> button.</li>
<li style="text-align: justify;">Click on the Add template <strong>button</strong>, open the Quix Library panel</li>
<li style="text-align: justify;">Click on the My Templates <strong>tab</strong> and click on the Insert button of the Home page.</li>
</ol>
<p>By following the steps you have to create and insert other pages of Quix. The pages are:</p>
<ol>
<li><a href="https://j5-demo.themexpert.com/meditix/about"><strong>About</strong></a></li>
<li><a href="https://j5-demo.themexpert.com/meditix/blog"><strong>Blog<br></strong></a><b>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; -- <a href="https://j5-demo.themexpert.com/meditix/blog/single-blog">Single blog</a></b></li>
<li><a href="https://j5-demo.themexpert.com/meditix/courses"><strong>Courses</strong></a><br><strong>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; -- <a href="https://j5-demo.themexpert.com/meditix/courses/course-details">Course Details</a></strong></li>
<li><a href="https://j5-demo.themexpert.com/meditix/contact"><strong>Contact</strong></a></li>
</ol>
<h3 style="text-align: justify;">Header Setup</h3>
<p>Now, let's add the header. Our header will resemble the following design.</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/meditix/header.png" width="950" height="457" alt="header" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p>&nbsp;To access the templates panel, navigate to the Site <strong>Template Styles</strong> within the <strong>Templates</strong> section of the <strong>System Dashboard</strong>. Select the Tx <strong>Meditix</strong> template, then proceed by clicking on the Template Options button.</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/meditix/header-selection.png" width="950" height="455" alt="header selection" style="display: block; margin-left: auto; margin-right: auto;"></p>
<h4 style="text-align: justify;">Add Logo and Favicon</h4>
<p>Within the Logo panel under Basic settings, we will upload our site logo and favicon.</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/meditix/logo.png" width="950" height="453" alt="logo" style="display: block; margin-left: auto; margin-right: auto;"></p>
<h4 style="text-align: justify;">Add Main Menu&nbsp;</h4>
<p>Establishing a menu is essential for your website's navigation. Let's configure the main menu now. Navigate to the Menu Builder panel and locate the Menu settings. Within the dropdown labeled "<strong>Select Menu Type</strong>," choose the menu you wish to display. Usually, this would be the main menu of your site.</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/meditix/main-menu.png" width="950" height="456" alt="main menu" style="display: block; margin-left: auto; margin-right: auto;"></p>
<h3 style="text-align: justify;">Offcanvas Menu</h3>
<p>Within the Off Canvas panel of the Menu settings, you'll discover options for managing the off-canvas menu. These configurations enable you to showcase the site menu on smaller devices like phones and tablets. There are three primary settings for the off-canvas menu.</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/meditix/off-canvas.png" width="950" height="460" alt="off canvas" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p><strong>Off-canvas Position</strong>: You have two options to choose from: <strong>Left</strong> and <strong>Right</strong>. These options determine the placement of the mobile menu icon—either on the left or right side. In the screenshot below, the menu icon is positioned on the right side because we selected the Right option from the <strong>Off-canvas position</strong> settings.</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/meditix/mobile.png" width="475" height="893" alt="mobile" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p><strong><strong>Select Off-canvas:</strong> </strong>There are three styles of the <strong>off-canvas menu</strong>. The styles are: <strong>Left align</strong>, <strong>Left Bordered</strong>, <strong>Center Align</strong>. If you select Left align style, the mobile menu will get the style.</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/meditix/mobile-menu.png" width="475" height="865" alt="mobile menu" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p><strong>Select Off-canvas Menu</strong>: In the small device will show the menu which you selected from the Select Off-canvas Menu drop-down.</p>
<p><strong>Extra asset:</strong>&nbsp;<a href="https://www.themexpert.com/docs/tutorials/how-to-change-navigation-menu-on-selected-page">How to Change Navigation Menu on Selected Page</a></p>
<h2 style="text-align: justify;">Footer Setup</h2>
<p>We will setup the footer now. Our footer looks like this.</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/meditix/footer.png" width="950" height="234" alt="footer" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p>To craft a footer layout using the Quix page builder, adhere to the following steps:</p>
<ol>
<li>Access Quix by selecting "Quix Page Builder" from the left side of the site administrator panel.</li>
<li>Within Quix, navigate to the "Footer" panel.</li>
<li>Click on the "New Template" button.</li>
<li>Input "Footer" in the Template Name field.</li>
<li>From the Template Type dropdown menu, opt for "Footer".</li>
<li>Ensure to save your settings by clicking on the appropriate options.</li>
</ol>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/meditix/footer-2.png" width="950" height="455" alt="footer 2" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p>Once created the Footer, click on the Add Template button. Now insert the footer.</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/meditix/insert-footer.png" width="950" height="461" alt="insert footer" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p>Once you've inserted the footer, click on the "Save" button. This action will prompt the Publish Settings to appear. Click on the "<strong>Add Condition</strong>" button, where you'll encounter two options: "<strong>Include</strong>" and "<strong>Default - Entire Site</strong>," with the latter being selected by default.</p>
<p>Selecting "<strong>Include</strong>" will position the footer in the specified footer area on your site. Alternatively, opting for "<strong>Default - Entire Site</strong>" will ensure the footer is displayed across all menu items you select.</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/jurix/condition.png" width="950" height="635" alt="condition" style="display: block; margin-left: auto; margin-right: auto;"></p>
<h3 style="text-align: justify;">Activate Quix License</h3>
<p>To unlock the complete potential of Quix and utilize all its features, you must activate the license. Below is a step-by-step guide on how to activate the license:&nbsp;(<a href="https://www.themexpert.com/docs/quix-builder/how-to-activate-quix-4-license">https://www.themexpert.com/docs/quix-builder/how-to-activate-quix-4-license</a>).</p>
<h2 style="text-align: justify;">Upgrade Instruction</h2>
<h3 style="text-align: justify;">Take a full backup</h3>
<p>It is advisable to create a comprehensive backup before initiating any upgrades. This precautionary measure minimizes the risk of data loss in case of any unforeseen issues. In the event of a problem, having backup files enables you to restore your data, ensuring everything remains secure and safeguarded.</p>]]></description>
			<author>zannatunnime95@gmail.com (Md Zannatun Nime)</author>
			<category>Joomla Templates</category>
			<pubDate>Sun, 24 Mar 2024 17:18:48 +0600</pubDate>
		</item>
		<item>
			<title>Jurix</title>
			<link>https://www.themexpert.com/docs/joomla-templates/jurix</link>
			<guid isPermaLink="true">https://www.themexpert.com/docs/joomla-templates/jurix</guid>
			<description><![CDATA[<p><img src="https://www.themexpert.com/images/templates/jurix/featured-image-jurix.jpg" /></p><p><img src="https://www.themexpert.com/images/templates/jurix/featured-image-jurix.jpg" width="1200" height="900" alt="featured image jurix"></p>
<p>Elevate your legal practice with our cutting-edge Joomla! template tailored for law firms and legal professionals. Designed with meticulous attention to detail, Jurix Pro seamlessly combines functionality, aesthetics, and user experience to enhance your online presence. With its SEO-friendly features and intuitive design, you can effortlessly showcase your expertise and services, captivating visitors from their very first click. Enjoy a clean and modern layout that puts your content front and center, maintaining a polished and professional appearance throughout your site.</p>
<h2>Download packages</h2>
<p style="text-align: justify;">Login to your account on <strong>ThemeXpert.com.</strong>&nbsp;Go to the <strong>Downloads</strong> &gt; <strong>Joomla</strong> <strong>Templates</strong> &gt; <strong>Jurix&nbsp;</strong>from <strong>Dashboard</strong>.<br><br>The Jurix template download section includes the following files:</p>
<ol style="list-style-type: upper-alpha;">
<li style="text-align: justify;">Jurix Quickstart Package</li>
<li style="text-align: justify;">Jurix Template</li>
<li style="text-align: justify;">Quix Presets</li>
</ol>
<p>The Quix panel includes the following files:</p>
<ol style="list-style-type: lower-alpha;">
<li style="text-align: justify;">Quix 4 (J3, J4 &amp; J5)</li>
<li style="text-align: justify;">Quix Installer (Recommended)</li>
</ol>
<h2 style="text-align: justify;">Quickstart (Demo) Installation</h2>
<p>To set up the quickstart, you need to follow the same steps as installing Joomla 5. You can't add the quickstart to an existing Joomla 5 site through the extension manager because it comes with all the core files of Joomla 5. So, just install the quickstart package as you would install Joomla 5. Follow the guide of <a href="https://www.themexpert.com/blog/install-joomla-4">quickstart installation</a>.</p>
<h3 style="text-align: justify;">Manual Installation</h3>
<p>Install the&nbsp;Jurix template and Quix page builder (pro) on your existing Joomla website.<br>Go to Extensions &gt; Upload Package Files from the Install section in the site administrator panel System Dashboard. <strong>Drag and Drop</strong> or <strong>Browse</strong>&nbsp;the following files:</p>
<ol style="list-style-type: lower-greek;">
<li>Jurix Template</li>
<li>Quix Pro</li>
</ol>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/jurix/installation.png" width="950" height="423" alt="installation" style="display: block; margin-left: auto; margin-right: auto;"></p>
<h3 style="text-align: justify;">Jurix Template Installation</h3>
<p>The&nbsp;Jurix template is made by the <strong>Helix Ultimate framework</strong>. There is no need to install the framework separately. The framework includes the <strong>Jurix&nbsp;Template .zip</strong> file. The framework will be installed with the template installation.<br><br>Once the template is installed, go to the Plugin Manager from the Manage section of the System Dashboard. Now write Helix Ultimate in the search field, and press on the Enter key from your keyboard or click on the Search icon. You will get the <strong>System-Helix Ultimate Framework</strong> plugin. Click on the check box, and now hit the Enable button to enable the plugin.</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/jurix/helix.png" width="950" height="339" alt="helix" style="display: block; margin-left: auto; margin-right: auto;"></p>
<h2 style="text-align: justify;">Quix Pro Installation</h2>
<p>There are two Quix files available. The first one, Quix 4, is a complete package of the Quix page builder. Its file name is pkg_quix_pro.zip, and it's 11 MB in size. However, Joomla only allows file uploads of up to 2MB for installation. Increasing this limit from the server or cPanel can be challenging for users without technical expertise.</p>
<p>That's why we suggest our users to install the Quix installer file instead. The Quix installer's filename is com_iquix-1.7.0.zip, and it's only 48KB in size. Installing Quix page builder using the Quix installer is straightforward and requires just 5 simple steps.</p>
<p>You will get the detailed instructions here (<a href="https://www.themexpert.com/docs/quix-builder/basics/installation">https://www.themexpert.com/docs/quix-builder/basics/installation</a>).</p>
<h3 style="text-align: justify;">Import Quix Presets</h3>
<p>You already downloaded the <strong>quix-presets.zip</strong> file, <strong>extract</strong> the file at first. Now go to the Joomla site administrator panel. On the left side, you will get the <strong>Quix - Page Builder.</strong></p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/jurix/quix-pages.png" width="950" height="315" alt="quix pages" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p>Click on the Quix - Page Builder, you will get the Quix Panel. Click on the <strong>New Page button</strong>, and write down the page name in the field and hit on the <strong>OK</strong> button. In the meantime, we will write <strong>Home</strong> in the field. Once the Home page is created, open the builder. Now we will import the Quix presets.&nbsp;</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/jurix/import-json.png" width="950" height="494" alt="import json" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p>By following these steps, we will import Quix presets.<br><br></p>
<ol style="list-style-type: upper-roman;">
<li>Click on <strong>the Bar icon</strong> on the right side of the top bar.</li>
<li>&nbsp;Click on the <strong>Import JSON</strong></li>
<li><strong>Import to Library</strong> panel is open.&nbsp;</li>
</ol>
<p>&nbsp;</p>
<p style="text-align: justify;">The Jurix template Quix presets are: home.json, about.json,&nbsp; practice-areas.json, our team.json contact.json, footer.json, and book now.json.</p>
<p style="text-align: justify;">Drag n drop the json files in the Import field or click and upload one by one. Once all json files are imported.<br>Now open the <strong>My Templates</strong> panel by clicking on the <strong>Add template</strong> button that you will get below the builder.</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/jurix/add-template.png" width="950" height="31" alt="add template" style="display: block; margin-left: auto; margin-right: auto;"></p>
<h2 style="text-align: justify;">Home Page Setup</h2>
<p>We already created the Home page. Now we will insert the Home presets by clicking the Insert button from the My Templates panel. Here is the <a href="https://j5-demo.themexpert.com/jurix/">home page demo</a>.&nbsp;</p>
<p style="text-align: justify;">These steps we followed to create the home page of Quix and insert the layout.<br><br></p>
<ol style="list-style-type: upper-roman;">
<li style="text-align: justify;">Click on the New Page button, and write down the page name in the field and hit on the <strong>OK</strong> button.</li>
<li style="text-align: justify;">Click on the Add template <strong>button</strong>, open the Quix Library panel</li>
<li style="text-align: justify;">Click on the My Templates <strong>tab</strong> and click on the Insert button of the Home page.</li>
</ol>
<p style="text-align: justify;">By following the steps you have to create and insert other pages of Quix. The pages are:</p>
<ol style="list-style-type: lower-roman;">
<li><a href="https://j5-demo.themexpert.com/jurix/about"><strong>About</strong></a></li>
<li><a href="https://j5-demo.themexpert.com/jurix/services"><strong>Services</strong></a></li>
<li><a href="https://j5-demo.themexpert.com/jurix/blog"><strong>Blog</strong></a></li>
<li><strong>Pages</strong><br><strong>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; -- <a href="https://j5-demo.themexpert.com/jurix/pages/team">Team</a></strong><br><strong><strong>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</strong>-- <a href="https://j5-demo.themexpert.com/jurix/pages/service-details">Service details</a></strong><br><strong><strong>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</strong><strong></strong>-- <a href="https://j5-demo.themexpert.com/jurix/pages/single-blog">Single blog</a></strong><br><strong>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</strong>-- <a href="https://j5-demo.themexpert.com/jurix/pages/single-team">Single <strong>team</strong></a></li>
<li><a href="https://j5-demo.themexpert.com/jurix/contact"><strong>Contact</strong></a></li>
</ol>
<h3 style="text-align: justify;">Header Setup</h3>
<p style="text-align: justify;">&nbsp;It’s time to add the header. Our header will be like this.</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/jurix/header.png" width="950" height="497" alt="header" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p>We are going to the templates panel by clicking on the Site<strong> Template Styles</strong> of the <strong>Templates</strong> section from the <strong>System</strong> <strong>Dashboard</strong>. Click on the Tx <strong>Jurix&nbsp; template</strong>, now click on the Template Options button.</p>
<p>&nbsp;<img src="https://www.themexpert.com/images/docs/joomla-templates/jurix/header-setup.png" width="950" height="508" alt="header setup" style="display: block; margin-left: auto; margin-right: auto;"></p>
<h4 style="text-align: justify;">Add Logo and Favicon</h4>
<p>In the <strong>Basic</strong> settings <strong>Logo</strong> panel, we will add our site logo and favicon.</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/jurix/logo-setup.png" width="950" height="506" alt="logo setup" style="display: block; margin-left: auto; margin-right: auto;"></p>
<h4 style="text-align: justify;">Add Main Menu&nbsp;</h4>
<p>Adding a menu is crucial for your website. Let's set up the main menu now. In the Menu settings under the Menu Builder panel, you'll find a dropdown labeled "Select Menu Type". Here, choose the menu that you want to display. Typically, this would be the main menu of your site.</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/jurix/main-menu.png" width="950" height="507" alt="main menu" style="display: block; margin-left: auto; margin-right: auto;"></p>
<h3 style="text-align: justify;">Offcanvas Menu</h3>
<p>In the Menu settings Off Canvas panel, you'll find options for controlling the off-canvas menu. These settings allow you to display the site menu on smaller devices such as phones and tablets. There are three key settings for the off-canvas menu.</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/jurix/off-canvas.png" width="950" height="507" alt="off canvas" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p><strong>Off-canvas Position</strong>: There are two options, one is <strong>Left</strong> and <strong>Right</strong>. The options change the mobile menu icon left or right. The following screenshot, the menu icon has on the right site as we selected the Right from the<strong> Off-canvas position option</strong>.</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/jurix/mobile.png" width="425" height="770" alt="mobile" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p><strong><strong>Select Off-canvas:</strong> </strong>There are three styles of the <strong>off-canvas menu</strong>. The styles are: <strong>Left align</strong>, <strong>Left Bordered</strong>, <strong>Center Align</strong>. If you select Left align style, the mobile menu will get the style.</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/jurix/mobile-menu.png" width="425" height="755" alt="mobile menu" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p><strong>Select Off-canvas Menu</strong>: In the small device will show the menu which you selected from the Select Off-canvas Menu drop-down.</p>
<p><strong>Extra asset:</strong>&nbsp;<a href="https://www.themexpert.com/docs/tutorials/how-to-change-navigation-menu-on-selected-page">How to Change Navigation Menu on Selected Page</a></p>
<h4 style="text-align: justify;">Book an Appointment Button</h4>
<p>To set up the "<strong>Book an Appointment</strong>" feature, you'll need to create a layout using Quix. Here's how:</p>
<ol style="list-style-type: upper-roman;">
<li>Navigate to the Quix dashboard located on the left side of the site administrator panel.</li>
<li>Click on "<strong>Templates</strong>" from the Quix menu bar.</li>
<li>To create a new layout, click on the "<strong>New Template</strong>" button.</li>
<li>In the layout name field, enter "<strong>Book an Appointment</strong>" and choose "<strong>Layout/Section</strong>" from the Layout Type drop-down menu.</li>
<li>Click on the "<strong>Create Layou</strong>t" button to proceed.</li>
<li>You'll have the option to create <strong>header</strong> and <strong>footer</strong> layouts from here as well, but we'll discuss that later.</li>
</ol>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/jurix/create-template.png" width="950" height="500" alt="create template" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p>Once the <strong>Book an Appointment</strong>&nbsp;&nbsp;layout is created, click on the Add Template button. Now insert the&nbsp;<strong>Book an Appointment</strong>&nbsp;&nbsp;item by clicking on the Once the&nbsp;<strong>Book an Appointment</strong>&nbsp;layout is created, click on the Add Template button. Now insert the <strong>Book an Appointment</strong>&nbsp;item by clicking on the Insert button.</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/jurix/book-an-appointment.png" width="950" height="500" alt="book an appointment" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p>We will add the&nbsp;<strong>Book an Appointment</strong>button in our header right side through the module position. We have a module position on our selected header. The module position name is Header Button. We will use the Quix module to achieve it.<br>Now click on the Site Module under Module section from the site System Dashboard. Click on the New button, select Module - Quix type. Write the module name <strong>Book an Appointment&nbsp;</strong>in the Title field.<br>Click on the Select button from the Select Template field and insert the&nbsp;<strong>Book an Appointment</strong>&nbsp;by clicking on the Insert button.</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/jurix/book-an-appointment-2.png" width="950" height="493" alt="book an appointment 2" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p>&nbsp;Now select the module position <strong>Header Button</strong> from the <strong>Position</strong> dropdown and select Published under Status drop-down. We will assign the module by selecting the On All Pages from Menu Assignment tab Module Assignment <strong>drop-down</strong>. Hit on the <strong>Save &amp; Close</strong> button.</p>
<p>After completing the Publishing settings, click on the Save button again. You will see the footer when you reload the home page.</p>
<h2 style="text-align: justify;">Footer Setup</h2>
<p style="text-align: justify;">We will setup the footer now. Our footer looks like this.</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/jurix/footer.png" width="950" height="302" alt="footer" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p>To create a footer layout using the Quix page builder, follow these steps:</p>
<ol style="list-style-type: upper-roman;">
<li>Go to Quix by clicking on "Quix Page Builder" from the left side of the site administrator panel.</li>
<li>Click on the "Footer" panel within Quix.</li>
<li>Next, click on the "New Template" button.</li>
<li>In the Template Name field, enter "Footer".</li>
<li>From the Template Type dropdown menu, select "Footer".</li>
<li>Click on the appropriate options to save your settings.</li>
</ol>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/jurix/create-footer.png" width="950" height="500" alt="create footer" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p>Once created the Footer, click on the Add Template button. Now insert the footer.</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/jurix/insert-footer.png" width="950" height="389" alt="insert footer" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p>After inserting the footer, click on the "Save" button. This will bring up the Publish Settings. Click on the "Add Condition" button, where you'll see two options: "Include" and "Default - Entire Site" is chosen by default.</p>
<p>Choosing "Include" will place the footer in the designated footer position on your site. Opting for "Default - Entire Site" will display the footer when visiting any menu item you choose.</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/jurix/condition.png" width="950" height="635" alt="condition" style="display: block; margin-left: auto; margin-right: auto;"></p>
<h3 style="text-align: justify;">Activate Quix License</h3>
<p style="text-align: justify;">To unlock the full potential of Quix and access all its features, you need to activate the license. Here's a step-by-step guide on how to activate the license (<a href="https://www.themexpert.com/docs/quix-builder/how-to-activate-quix-4-license">https://www.themexpert.com/docs/quix-builder/how-to-activate-quix-4-license</a>).</p>
<h2 style="text-align: justify;">Upgrade Instruction</h2>
<h3 style="text-align: justify;">Take a full backup</h3>
<p style="text-align: justify;">It's smart to make a complete backup before you start any upgrade. This helps you avoid losing important data if something goes wrong. If there's a problem, you can use the backup files to restore your data and make sure everything stays safe and protected.</p>]]></description>
			<author>zannatunnime95@gmail.com (Md Zannatun Nime)</author>
			<category>Joomla Templates</category>
			<pubDate>Thu, 14 Mar 2024 14:08:00 +0600</pubDate>
		</item>
		<item>
			<title>Femix</title>
			<link>https://www.themexpert.com/docs/joomla-templates/femix</link>
			<guid isPermaLink="true">https://www.themexpert.com/docs/joomla-templates/femix</guid>
			<description><![CDATA[<p><img src="https://www.themexpert.com/images/templates/femix/fimax-featured.png" /></p><p><img src="https://www.themexpert.com/images/templates/femix/fimax-featured.png" width="1200" height="900" alt="fimax featured"></p>
<p>Femix revolutionizes financial website design, boasting a sleek aesthetic and robust features. Tailored for financial institutions, advisors, and businesses, it offers seamless customization, responsive layouts, and powerful functionality. With Femix, confidently showcase financial services, investment opportunities, and educational resources, ensuring a flawless user experience across all devices. Built on Joomla, Femix combines elegance with efficiency, providing the ideal platform to establish your online presence and excel in the competitive financial industry. Discover the power of Femix today and unleash new possibilities for your financial ventures.</p>
<h2>Download packages</h2>
<p style="text-align: justify;">Login to your account on <strong>ThemeXpert.com.</strong>&nbsp;Go to the <strong>Downloads</strong> &gt; <strong>Joomla</strong> <strong>Templates</strong> &gt; <strong>Femix&nbsp;</strong>from <strong>Dashboard</strong>.</p>
<p style="text-align: justify;">The Femix template download section includes the following files:<br>1.&nbsp;Femix Quickstart Package<br>2.&nbsp;Femix Template<br>3. Quix Presets</p>
<p style="text-align: justify;">The Quix panel includes the following files:<br>1. Quix 4 (J3, J4 &amp; J5)<br>2. Quix Installer (Recommended)</p>
<h2 style="text-align: justify;">Quickstart (Demo) Installation</h2>
<p>The quickstart should be installed like the Joomla 5 installation. It is not possible to install the quickstart package inside an existing Joomla 5 website via the extension manager. Because, the Quickstart package includes the Joomla 5 core files. So, you have to install a quickstart package like the Joomla 5 installation process.&nbsp; Follow the guide of <a href="https://www.themexpert.com/blog/install-joomla-4">quickstart installation</a>.</p>
<h3 style="text-align: justify;">Manual Installation</h3>
<p>Install the&nbsp;Femix template and Quix page builder (pro) on your existing Joomla website.<br>Go to Extensions &gt; Upload Package Files from the Install section in the site administrator panel System Dashboard. <strong>Drag and Drop</strong> or <strong>Browse</strong>&nbsp;the following files:<br>1.&nbsp;Femix Template<br>2. Quix Pro</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/femix/manual-installation.png" width="950" height="508" alt="manual installation" style="display: block; margin-left: auto; margin-right: auto;"></p>
<h3 style="text-align: justify;">Femix Template Installation</h3>
<p>The Femix template is made by the <strong>Helix Ultimate framework</strong>. There is no need to install the framework separately. The framework includes the <strong>Femix&nbsp;Template .zip</strong> file. The framework will be installed with the template installation.<br><br>Once the template is installed, go to the Plugin Manager from the Manage section of the System Dashboard. Now write Helix Ultimate in the search field, and press on the Enter key from your keyboard or click on the Search icon.<br>You will get the <strong>System-Helix Ultimate Framework</strong> plugin. Click on the check box, and now hit the Enable button to enable the plugin.</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/femix/helix.png" width="950" height="423" alt="helix" style="display: block; margin-left: auto; margin-right: auto;"></p>
<h2 style="text-align: justify;">Quix Pro Installation</h2>
<p>There are two files of Quix. The first one is Quix 4, which is a full package of Quix page builder. The Quix 4 package file name is pkg_quix_pro.zip, and the file size is 11 MB. Joomla allows you to upload maximum 2MB size files for the installation. It is difficult to increase the upload maximum file size from the server/cPanel for a user who does not have technical knowledge.<br><br>That is why we recommend that our users install the Quix installer file. The Quix installer file name is com_iquix-1.7.0.zip, and the size is only 48KB. Any user can install the Quix page builder by the Quix installer by clicking only 5 steps. You will get the detailed instructions here (<a href="https://www.themexpert.com/docs/quix-builder/basics/installation">https://www.themexpert.com/docs/quix-builder/basics/installation</a>).</p>
<h3 style="text-align: justify;">Import Quix Presets</h3>
<p>You already downloaded the <strong>quix-presets.zip</strong> file, <strong>extract</strong> the file at first. Now go to the Joomla site administrator panel. On the left side, you will get the <strong>Quix - Page Builder.</strong></p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/femix/quix.png" width="950" height="410" alt="quix" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p>Click on the Quix - Page Builder, you will get the Quix Panel. Click on the <strong>New Page button</strong>, and write down the page name in the field and hit on the <strong>OK</strong> button. In the meantime, we will write <strong>Home</strong> in the field. Once the Home page is created, open the builder. Now we will import the Quix presets.&nbsp;</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/femix/json.png" width="950" height="431" alt="json" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p>By following these steps, we will import Quix presets.<br>1. Click on <strong>the Bar icon</strong> on the right side of the top bar.<br>2. Click on the <strong>Import JSON</strong><br>3. <strong>Import to Library</strong> panel is open.&nbsp;</p>
<p>&nbsp;</p>
<p style="text-align: justify;">The Femix template Quix presets are: home.json, about.json, blog.json, pages.json, project-details.json, contact.json, footer.json, and let's talk.json.</p>
<p style="text-align: justify;">Drag n drop the json files in the Import field or click and upload one by one. Once all json files are imported.<br>Now open the <strong>My Templates</strong> panel by clicking on the <strong>Add template</strong> button that you will get below the builder.</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/femix/template.png" width="950" height="38" alt="template" style="display: block; margin-left: auto; margin-right: auto;"></p>
<h2 style="text-align: justify;">Home Page Setup</h2>
<p>We already created the Home page. Now we will insert the Home presets by clicking the Insert button from the My Templates panel. Here is the <a href="https://j5-demo.themexpert.com/femix/">home page demo</a>.&nbsp;</p>
<p style="text-align: justify;">These steps we followed to create the home page of Quix and insert the layout.<br>1. Click on the New Page button, and write down the page name in the field and hit on the <strong>OK</strong> button.<br>2. Click on the Add template <strong>button</strong>, open the Quix Library panel<br>3. Click on the My Templates <strong>tab</strong> and click on the Insert button of the Home page.</p>
<p style="text-align: justify;">By following the steps you have to create and insert other pages of Quix. The pages are:</p>
<ul>
<li><a href="https://j5-demo.themexpert.com/femix/about"><strong>About</strong></a></li>
<li><a href="https://j5-demo.themexpert.com/femix/services/service-details"><strong>Services</strong></a></li>
<li><a href="https://j5-demo.themexpert.com/femix/blog"><strong>Blog</strong></a></li>
<li><strong>Pages</strong><br><strong>-- <a href="https://j5-demo.themexpert.com/femix/pages/team">Team</a></strong><br><strong>-- <a href="https://j5-demo.themexpert.com/femix/pages/case-studies">Case studies</a></strong><br><strong>-- <a href="https://j5-demo.themexpert.com/femix/pages/case-study-details">Case study details&nbsp;</a></strong></li>
<li><a href="https://j5-demo.themexpert.com/femix/contact"><strong>Contact</strong></a><br data-mce-bogus="1"><br></li>
</ul>
<h3 style="text-align: justify;">Header Setup</h3>
<p style="text-align: justify;">&nbsp;It’s time to add the header. Our header will be like this.</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/femix/header.png" width="950" height="511" alt="header" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p>We are going to the templates panel by clicking on the Site<strong> Template Styles</strong> of the <strong>Templates</strong> section from the <strong>System</strong> <strong>Dashboard</strong>. Click on the Tx <strong>Femix template</strong>, now click on the Template Options button.</p>
<p style="text-align: justify;">&nbsp;</p>
<h4 style="text-align: justify;">Select Header</h4>
<p style="text-align: justify;">Now we will select the Multi Rows header style from the Basic panel of the Header settings.<br>Navigate to the settings:<br>-&gt; <strong>Templates Option -&gt; Basic -&gt; Headers</strong></p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/femix/header-setup.png" width="950" height="435" alt="header setup" style="display: block; margin-left: auto; margin-right: auto;"></p>
<h4 style="text-align: justify;">Add Logo and Favicon</h4>
<p>In the <strong>Basic</strong> settings <strong>Logo</strong> panel, we will add our site logo and favicon.</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/femix/logo.png" width="950" height="442" alt="logo" style="display: block; margin-left: auto; margin-right: auto;"></p>
<h4 style="text-align: justify;">Add Main Menu</h4>
<p style="text-align: justify;">The menu is an important part for a website. Now we will add the main menu. In the Menu settings Menu Builder panel has the Select Menu Type dropdown option, you have to select the Menu that you want to show. Generally its main menu of your site.</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/femix/menu.png" width="950" height="441" alt="menu" style="display: block; margin-left: auto; margin-right: auto;"></p>
<h3 style="text-align: justify;">Offcanvas Menu</h3>
<p style="text-align: justify;">In the Menu settings Off Canvas panel has the off canvas menu control options. The settings help you to show the site menu on our small devices like phone and tablet. There are three important settings of the off-canvas menu.</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/femix/off-canvas.png" width="950" height="442" alt="off canvas" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p><strong>Off-canvas Position</strong>: There are two options, one is <strong>Left</strong> and <strong>Right</strong>. The options change the mobile menu icon left or right. The following screenshot, the menu icon has on the right site as we selected the Right from the<strong> Off-canvas position option</strong>.</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/femix/mobile-menu.png" width="425" height="755" alt="mobile menu" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p style="text-align: justify;"><strong><strong>Select Off-canvas:</strong> There are three styles of the off-canvas menu. The styles are: <strong>Left align, Left Bordered, Center Align</strong>. If you select <strong>Left align style</strong>, the mobile menu will get the style.</strong></p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/femix/mobile-menu-2.png" width="425" height="760" alt="mobile menu 2" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p><strong>Select Off-canvas Menu</strong>: In the small device will show the menu which you selected from the Select Off-canvas Menu drop-down.</p>
<p><strong>Extra asset:</strong>&nbsp;<a href="https://www.themexpert.com/docs/tutorials/how-to-change-navigation-menu-on-selected-page">How to Change Navigation Menu on Selected Page</a></p>
<h4 style="text-align: justify;">Add Let's Talk Button</h4>
<p style="text-align: justify;">&nbsp;The<strong> Let's Talk</strong> comes from the Quix. At first, you have to create a Quix layout. Go to the Quix dashboard from the left side of the site administrator panel. Now click on the Templates from the Quix menu bar.<br>To create a layout, click on the New Template button, write the name<strong> Let's Talk</strong>&nbsp;in the layout name field and select the type Layout/Section from the Layout Type drop-down, hit on the Create Layout button. You will be able to create header and footer layout also from here. We will discuss it later.</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/hexus/lets-talk.png" width="950" height="419" alt="lets talk" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p>Once the <strong>Let's Talk</strong> layout is created, click on the Add Template button. Now insert the&nbsp;<strong>Let's Talk</strong> item by clicking on the Once the&nbsp;<strong>Let's Talk</strong> layout is created, click on the Add Template button. Now insert the <strong>Let's Talk&nbsp;</strong>item by clicking on the Insert button.</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/hexus/lets-talk-2.png" width="950" height="707" alt="lets talk 2" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p>We will add the&nbsp;<strong>Let's Talk</strong> button in our header right side through the module position. We have a module position on our selected header. The module position name is Header Button. We will use the Quix module to achieve it.<br>Now click on the Site Module under Module section from the site System Dashboard. Click on the New button, select Module - Quix type. Write the module name <strong>Let's Talk&nbsp;</strong>in the Title field.<br>Click on the Select button from the Select Template field and insert the&nbsp;<strong>Let's Talk</strong>&nbsp;by clicking on the Insert button.</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/hexus/module.png" width="950" height="434" alt="module" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p>&nbsp;Now select the module position <strong>Header Button</strong> from the <strong>Position</strong> dropdown and select Published under Status drop-down. We will assign the module by selecting the On All Pages from Menu Assignment tab Module Assignment <strong>drop-down</strong>. Hit on the <strong>Save &amp; Close</strong> button.</p>
<p>After completing the Publishing settings, click on the Save button again. You will see the footer when you reload the home page.</p>
<h2 style="text-align: justify;">Footer Setup</h2>
<p style="text-align: justify;">We will setup the footer now. Our footer looks like this.</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/femix/footer.png" width="950" height="284" alt="footer" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p>We will create a footer layout in the Quix page builder Footer panel. Go to the Quix &gt; Footer panel clicking the Quix Page Builder from the site administrator panel Left side. Now click on the New Template button, write Footer in the Template Name field, select Footer from the Template Type dropdown.</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/hexus/builder-footer.png" width="950" height="449" alt="builder footer" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p>Once created the Footer, click on the Add Template button. Now insert the footer.</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/hexus/footer-import.png" width="950" height="418" alt="footer import" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p>Once the footer is inserted, click on the Save button. There will open the Publish Settings. Click on the Add Condition button, there will open two options Include and Default - Entire Site by default. The Include option will add the footer on the site footer position, and the Default - Entire Site option will allow the footer to show that menu item which you want to visit.</p>
<p>&nbsp;<img src="https://www.themexpert.com/images/docs/joomla-templates/hexus/privacy.png" width="950" height="617" alt="privacy" style="display: block; margin-left: auto; margin-right: auto;"></p>
<h3 style="text-align: justify;">Activate Quix License</h3>
<p style="text-align: justify;">To unlock the full potential of Quix and access all its features, you need to activate the license. Here's a step-by-step guide on how to activate the license (<a href="https://www.themexpert.com/docs/quix-builder/how-to-activate-quix-4-license">https://www.themexpert.com/docs/quix-builder/how-to-activate-quix-4-license</a>).</p>
<h2 style="text-align: justify;">Upgrade Instruction</h2>
<h3 style="text-align: justify;">Take a full backup</h3>
<p style="text-align: justify;">Taking a full backup before starting any upgrade process is always a good idea. This way, you can avoid losing any important data in case something goes wrong during the process. In the event of any issue, you can restore the backup files and ensure that your data is safe and secure.</p>]]></description>
			<author>zannatunnime95@gmail.com (Md Zannatun Nime)</author>
			<category>Joomla Templates</category>
			<pubDate>Mon, 26 Feb 2024 12:48:50 +0600</pubDate>
		</item>
		<item>
			<title>Hexus</title>
			<link>https://www.themexpert.com/docs/joomla-templates/hexus</link>
			<guid isPermaLink="true">https://www.themexpert.com/docs/joomla-templates/hexus</guid>
			<description><![CDATA[<p><img src="https://www.themexpert.com/images/templates/hexus/hexus-featured.png" /></p><p><img src="https://www.themexpert.com/images/docs/joomla-templates/hexus/home-page.png" width="1668" height="991" alt="home page" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p style="text-align: justify;">Hexus provides a complete overview of your SEO services, which are displayed prominently with icons and summaries. This allows you to showcase your expertise in various areas, such as technical audits, local SEO, link building, and site speed enhancements. You can give your customers a deep dive into each service by providing detailed descriptions that go beyond surface-level explanations and illustrate the proprietary frameworks behind your proven performance. By using comparison tables, you can highlight the value of each solution, enabling your customers to make more informed decisions.</p>
<h2>Download packages</h2>
<p style="text-align: justify;">Login your account on <strong>ThemeXpert.com.</strong>&nbsp;Go to the <strong>Downloads</strong> &gt; <strong>Joomla</strong> <strong>Templates</strong> &gt; <strong>Hexus</strong> from <strong>Dashboard</strong>.</p>
<p style="text-align: justify;">Hexus template download section includes the following files:<br>1. Hexus Quickstart Package<br>2. Hexus Template<br>3. Quix Presets</p>
<p style="text-align: justify;">In the Quix panel includes following files:<br>1. Quix 4 (J3, J4 &amp; J5)<br>2. Quix Installer (Recommended)</p>
<h2 style="text-align: justify;">Quickstart (Demo) Installation</h2>
<p style="text-align: justify;">The quickstart should be installed like the Joomla 5 installation. It is not possible to install the quickstart package inside an existing Joomla 5 website via the extension manager. Because, the Quickstart package includes the Joomla 5 core files. So, you hve to install quickstart package like the Joomla 5 installation process.&nbsp; Follow the guide of <a href="https://www.themexpert.com/blog/install-joomla-4">quickstart installation</a>.</p>
<h3 style="text-align: justify;">Manual Installation</h3>
<p>Install the Hexus template, and Quix page builder (pro) on your existing Joomla website.<br>In the site administrator panel <strong>System Dashboard</strong>, go to <strong>Extensions</strong> &gt; <strong>Upload Package Files</strong> from <strong>Install</strong> section. <strong>Drag n Drop</strong> or <strong>Browse</strong> following files:<br>1. Hexus Template<br>2. Quix Pro<br>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<img src="https://www.themexpert.com/images/docs/joomla-templates/hexus/manual-installation.png" width="950" height="511" alt="manual installation" style="display: block; margin-left: auto; margin-right: auto;"></p>
<h3 style="text-align: justify;">Hexus Template Installation</h3>
<p style="text-align: justify;">The Hexus template made by the <strong>Helix Ultimate framework</strong>. There is no need to install the framework separately. The framework includes the <strong>Hexus Template .zip</strong> file. The framework will be installed with the template installation.<br><br>Once installed the template, go to the Plugin manager from the Manage section of the <strong>System Dashboard</strong>. Now write Helix Ultimate in the search field, and press on the Enter key from your keyboard or click on the Search icon.<br>You will get the <strong>System - Helix Ultimate Framework</strong> plugin. Click on the check box, now hit on the <strong>Enable</strong> button to enable the plugin.<img src="https://www.themexpert.com/images/docs/joomla-templates/hexus/helix-framework.png" height="588" alt="helix framework" style="display: block; margin-left: auto; margin-right: auto;" width="950"></p>
<h2 style="text-align: justify;">Quix Pro Installation</h2>
<p style="text-align: justify;">There are two files of Quix. First one is Quix 4 which is a full package of Quix page builder. The Quix 4 package file name is pkg_quix_pro.zip, the file size is 11MB. Joomla allows you to upload maximum 2MB size files for the installation. It is difficult to increase the upload maximum file size from the server/cPanel for a user who does not have technical knowledge.<br><br>That is why we are recommending our users to install the Quix installer file. The Quix installer file name is com_iquix-1.7.0.zip and the size is only 48KB. Any users can install the Quix page builder by the Quix installer by clicking only 5 steps. You will get the detailed instructions here (<a href="https://www.themexpert.com/docs/quix-builder/basics/installation">https://www.themexpert.com/docs/quix-builder/basics/installation</a>).</p>
<h3 style="text-align: justify;">Import Quix Presets</h3>
<p style="text-align: justify;">You already downloaded the <strong>quix-presets.zip</strong> file, <strong>extract</strong> the file at first. Now go to the Joomla site administrator panel. On the left side, you will get the <strong>Quix - Page Builder.</strong><br><img src="https://www.themexpert.com/images/docs/joomla-templates/hexus/quix-dashboard.png" width="950" height="354" alt="quix dashboard" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p style="text-align: justify;">Click on the Quix - Page Builder, you will get the Quix Panel. Click on the <strong>New Page button</strong>, and write down the page name in the field and hit on the <strong>OK</strong> button. In the meantime, we will write <strong>Home</strong> in the field. Once the Home page is created, open the builder. Now we will import the Quix presets.&nbsp;<br><img src="https://www.themexpert.com/images/docs/joomla-templates/hexus/import-jeson.png" width="950" height="472" alt="import jeson" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p style="text-align: justify;">By following these steps we will import Quix presets.<br>1. Click on <strong>the Bar icon</strong> on the right side of the top bar.<br>2. Click on the <strong>Import JSON</strong><br>3. <strong>Import to Library</strong> panel is open.&nbsp;</p>
<p style="text-align: justify;">&nbsp;</p>
<p style="text-align: justify;">The Hexus template Quix presets are: home.json, about.json, blog.json, pages.json, project-details.json, contact.json, footer.json, and let's talk.json.</p>
<p style="text-align: justify;">Drag n drop the json files in the Import field or click and upload one by one. Once all json files are imported.<br>Now open the <strong>My Templates</strong> panel by clicking on the <strong>Add template</strong> button that you will get below the builder.<br><img src="https://www.themexpert.com/images/docs/joomla-templates/hexus/add-template.png" width="950" height="39" alt="add template" style="display: block; margin-left: auto; margin-right: auto;"></p>
<h2 style="text-align: justify;">Home Page Setup</h2>
<p style="text-align: justify;">We already created the Home page. Now we will insert the Home presets by clicking the Insert button from the My Templates panel. After inserting the home page will be like this.<br><img src="https://www.themexpert.com/images/docs/joomla-templates/hexus/Home.jpg" width="950" height="6406" alt="Home" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p>&nbsp;</p>
<p style="text-align: justify;">These steps we followed to create the home page of Quix and insert the layout.<br>1. Click on the New Page button, and write down the page name in the field and hit on the <strong>OK</strong> button.<br>2. Click on the Add template <strong>button</strong>, open the Quix Library panel<br>3. Click on the My Templates <strong>tab</strong> and click on the Insert button of the Home page.</p>
<p style="text-align: justify;">By following the steps you have to create and insert other pages of Quix. The pages are:</p>
<ul style="text-align: justify;">
<li><a href="https://j5-demo.themexpert.com/hexus/about"><strong>About</strong></a></li>
<li><a href="https://j5-demo.themexpert.com/hexus/services/service-details"><strong>Services</strong></a></li>
<li><a href="https://j5-demo.themexpert.com/hexus/blog"><strong>Blog</strong></a></li>
<li><strong>Pages</strong><br><strong>-- <a href="https://j5-demo.themexpert.com/hexus/pages/team">Team</a></strong><br><strong>-- <a href="https://j5-demo.themexpert.com/hexus/pages/case-studies">Case studies</a></strong><br><strong>-- <a href="https://j5-demo.themexpert.com/hexus/pages/case-study-details">Case study details&nbsp;</a></strong></li>
<li><a href="https://j5-demo.themexpert.com/hexus/contact"><strong>Contact</strong></a></li>
</ul>
<h3 style="text-align: justify;">Header Setup</h3>
<p style="text-align: justify;">It’s time to add the header. Our header will be like this.<br><img src="https://www.themexpert.com/images/docs/joomla-templates/hexus/header.png" width="950" height="823" alt="header" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p style="text-align: justify;">We are going to the templates panel by clicking on the Site<strong> Template Styles</strong> of the <strong>Templates</strong> section from the <strong>System</strong> <strong>Dashboard</strong>. Click on the Tx <strong>Hexus template</strong>, now click on the Template Options button.</p>
<h4 style="text-align: justify;">Select Header</h4>
<p style="text-align: justify;">Now we will select the Multi Rows header style from the Basic panel of the Header settings.<br>Navigate to the settings:<br>-&gt; <strong>Templates Option -&gt; Basic -&gt; Headers</strong><br><img src="https://www.themexpert.com/images/docs/joomla-templates/hexus/header-2.png" width="950" height="472" alt="builder footer" style="display: block; margin-left: auto; margin-right: auto;"></p>
<h4 style="text-align: justify;">Add Logo and Favicon</h4>
<p style="text-align: justify;">In the <strong>Basic</strong> settings <strong>Logo</strong> panel, we will add our site logo and favicon.<br><img src="https://www.themexpert.com/images/docs/joomla-templates/hexus/logo.png" width="950" height="472" alt="logo" style="display: block; margin-left: auto; margin-right: auto;"></p>
<h4 style="text-align: justify;">Add Main Menu</h4>
<p style="text-align: justify;">The menu is an important part for a website. Now we will add the main menu. In the Menu settings Menu Builder panel has the Select Menu Type dropdown option, you have to select the Menu that you want to show. Generally its main menu of your site.<img src="https://www.themexpert.com/images/docs/joomla-templates/hexus/main-menu.png" width="950" height="471" alt="main menu" style="display: block; margin-left: auto; margin-right: auto;">&nbsp;</p>
<h3 style="text-align: justify;">Offcanvas Menu</h3>
<p style="text-align: justify;">In the Menu settings Off Canvas panel has the off canvas menu control options. The settings help you to show the site menu on our small devices like phone and tablet. There are three important settings of the off-canvas menu.<img src="https://www.themexpert.com/images/docs/joomla-templates/hexus/off-canvas.png" width="950" height="471" alt="off canvas" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p style="text-align: justify;"><strong>Off-canvas Position</strong>: There are two options, one is <strong>Left</strong> and <strong>Right</strong>. The options change the mobile menu icon left or right. The following screenshot, the menu icon has on the right site as we selected the Right from the<strong> Off-canvas position option</strong>.<img src="https://www.themexpert.com/images/docs/joomla-templates/hexus/mobile-view.png" width="475" height="835" alt="mobile view" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p style="text-align: justify;"><strong>Select Off-canvas:</strong> There are three styles of the off-canvas menu. The styles are: <strong>Left align, Left Bordered, Center Align</strong>. If you select <strong>Left align style</strong>, the mobile menu will get the style.<img src="https://www.themexpert.com/images/docs/joomla-templates/hexus/mobile-menu.png" width="475" height="864" alt="mobile menu" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p style="text-align: justify;"><strong>Select Off-canvas Menu</strong>: In the small device will show the menu which you selected from the Select Off-canvas Menu drop-down.</p>
<p><strong>Extra asset:</strong>&nbsp;<a href="https://www.themexpert.com/docs/tutorials/how-to-change-navigation-menu-on-selected-page">How to Change Navigation Menu on Selected Page<br></a>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</p>
<p><a href="https://www.themexpert.com/docs/tutorials/how-to-change-navigation-menu-on-selected-page"><br></a>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</p>
<h4 style="text-align: justify;">Add Let's Talk Button</h4>
<p style="text-align: justify;">&nbsp;The<strong> Let's Talk</strong> comes from the Quix. At first, you have to create a Quix layout. Go to the Quix dashboard from the left side of the site administrator panel. Now click on the Templates from the Quix menu bar.<br>To create a layout, click on the New Template button, write the name<strong> Let's Talk</strong>&nbsp;in the layout name field and select the type Layout/Section from the Layout Type drop-down, hit on the Create Layout button. You will be able to create header and footer layout also from here. We will discuss it later.<img src="https://www.themexpert.com/images/docs/joomla-templates/hexus/lets-talk.png" width="950" height="419" alt="lets talk" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p style="text-align: justify;">Once the <strong>Let's Talk</strong> layout is created, click on the Add Template button. Now insert the&nbsp;<strong>Let's Talk</strong> item by clicking on the Once the&nbsp;<strong>Let's Talk</strong> layout is created, click on the Add Template button. Now insert the <strong>Let's Talk&nbsp;</strong>item by clicking on the Insert button.<img src="https://www.themexpert.com/images/docs/joomla-templates/hexus/lets-talk-2.png" width="950" height="706" alt="lets talk 2" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p style="text-align: justify;">We will add the&nbsp;<strong>Let's Talk</strong> button in our header right side through the module position. We have a module position on our selected header. The module position name is Header Button. We will use the Quix module to achieve it.<br>Now click on the Site Module under Module section from the site System Dashboard. Click on the New button, select Module - Quix type. Write the module name <strong>Let's Talk&nbsp;</strong>in the Title field.<br>Click on the Select button from the Select Template field and insert the&nbsp;<strong>Let's Talk</strong>&nbsp;by clicking on the Insert button.<img src="https://www.themexpert.com/images/docs/joomla-templates/hexus/module.png" width="950" height="434" alt="module" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p style="text-align: justify;">&nbsp;Now select the module position <strong>Header Button</strong> from the <strong>Position</strong> dropdown and select Published under Status drop-down. We will assign the module by selecting the On All Pages from Menu Assignment tab Module Assignment <strong>drop-down</strong>. Hit on the <strong>Save &amp; Close</strong> button.</p>
<h2 style="text-align: justify;">Footer Setup</h2>
<p style="text-align: justify;">We will setup the footer now. Our footer looks like this.<img src="https://www.themexpert.com/images/docs/joomla-templates/hexus/footer.png" width="950" height="247" alt="footer" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p style="text-align: justify;">We will create a footer layout in the Quix page builder Footer panel. Go to the Quix &gt; Footer panel clicking the Quix Page Builder from the site administrator panel Left side. Now click on the New Template button, write Footer in the Template Name field, select Footer from the Template Type dropdown.<img src="https://www.themexpert.com/images/docs/joomla-templates/hexus/builder-footer.png" width="950" height="449" alt="builder footer" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p style="text-align: justify;">Once created the Footer, click on the Add Template button. Now insert the footer.<img src="https://www.themexpert.com/images/docs/joomla-templates/hexus/footer-import.png" width="950" height="418" alt="footer import" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p style="text-align: justify;">Once the footer is inserted, click on the Save button. There will open the Publish Settings. Click on the Add Condition button, there will open two options Include and Default - Entire Site by default. The Include option will add the footer on the site footer position, and the Default - Entire Site option will allow the footer to show that menu item which you want to visit.<img src="https://www.themexpert.com/images/docs/joomla-templates/hexus/privacy.png" width="950" height="617" alt="privacy" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p style="text-align: justify;">After completing the Publishing settings, click on the Save button again. You will see the footer when you reload the home page.</p>
<h3 style="text-align: justify;">Activate Quix License</h3>
<p style="text-align: justify;">To unlock the full potential of Quix and access all its features, you need to activate the license. Here's a step-by-step guide on how to activate the license (<a href="https://www.themexpert.com/docs/quix-builder/how-to-activate-quix-4-license">https://www.themexpert.com/docs/quix-builder/how-to-activate-quix-4-license</a>).</p>
<h2 style="text-align: justify;">Upgrade Instruction</h2>
<h3 style="text-align: justify;">Take a full backup</h3>
<p style="text-align: justify;">It's always a good idea to take a full backup before starting any upgrade process. This way, you can avoid losing any important data in case something goes wrong during the process. In the event of any issue, you can restore the backup files and ensure that your data is safe and secure.</p>]]></description>
			<author>zannatunnime95@gmail.com (Md Zannatun Nime)</author>
			<category>Joomla Templates</category>
			<pubDate>Tue, 20 Feb 2024 10:41:27 +0600</pubDate>
		</item>
		<item>
			<title>Venture</title>
			<link>https://www.themexpert.com/docs/joomla-templates/venture</link>
			<guid isPermaLink="true">https://www.themexpert.com/docs/joomla-templates/venture</guid>
			<description><![CDATA[<p><img src="https://www.themexpert.com/images/templates/venture/venture-featured.png" /></p><p><img src="https://www.themexpert.com/images/templates/venture/venture-featured.png" width="1200" height="900" alt="Screenshot on 2024 01 25 at 20 11 43"></p>
<p style="text-align: justify;">Venture offers you an opportunity to create an engaging and captivating digital storefront that will leave a lasting impression on your visitors. Through an authentic storytelling experience, you can share the heart of your startup and build personal connections with your audience. Showcase your expertise seamlessly and stand out in the competitive landscape. Venture empowers you to foster engagement, simplify decisions, and build confidence with potential clients.</p>
<h2>Download packages</h2>
<p style="text-align: justify;">Login your account on <strong>ThemeXpert.com.</strong>&nbsp;Go to the <strong>Downloads</strong> &gt; <strong>Joomla</strong> <strong>Templates</strong> &gt; <strong>Venture</strong> from <strong>Dashboard</strong>.</p>
<p style="text-align: justify;">Venture template download section includes the following files:<br>1. Venture Quickstart Package<br>2. Venture Template<br>3. Quix Presets</p>
<p style="text-align: justify;">In the Quix panel includes following files:<br>1. Quix 4 (J3, J4 &amp; J5)<br>2. Quix Installer (Recommended)</p>
<h2>Quickstart (Demo) Installation</h2>
<p style="text-align: justify;">The quickstart should be installed like the Joomla 5 installation. It is not possible to install the quickstart package inside an existing Joomla 5 website via the extension manager. Because, the Quickstart package includes the Joomla 5 core files. So, you hve to install quickstart package like the Joomla 5 installation process. Here is the guide of quickstart installation (ex. <a href="https://www.themexpert.com/blog/install-joomla-4">https://www.themexpert.com/blog/install-joomla-4</a>).</p>
<h3>Why Quickstart Package?</h3>
<p style="text-align: justify;">The quickstart package is a complete demo website of the template. It will allow you to get all content, Quix pages, templates, and extensions with Quix page builder (Pro). You can watch the video to install Quickstart package (<a href="https://www.youtube.com/watch?v=yQPgBpQxA_k">https://www.youtube.com/watch?v=yQPgBpQxA_k</a>).</p>
<h3>Manual Installation</h3>
<p style="text-align: justify;">Install the Venture template, and Quix page builder (pro) on your existing Joomla website.<br>In the site administrator panel <strong>System Dashboard</strong>, go to <strong>Extensions</strong> &gt; <strong>Upload Package Files</strong> from <strong>Install</strong> section. <strong>Drag n Drop</strong> or <strong>Browse</strong> following files:<br>1. Venture Template<br>2. Quix Pro</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<img src="https://www.themexpert.com/images/docs/joomla-templates/venture/upload-package-file.png" width="650" height="363" alt="upload package file"></p>
<h3>Venture Template Installation</h3>
<p style="text-align: justify;">The Venture template made by the <strong>Helix Ultimate framework</strong>. There is no need to install the framework separately. The framework includes the <strong>Venture Template .zip</strong> file. The framework will be installed with the template installation.<br><br>Once installed the template, go to the Plugin manager from the Manage section of the <strong>System Dashboard</strong>. Now write Helix Ultimate in the search field, and press on the Enter key from your keyboard or click on the Search icon.<br>You will get the <strong>System - Helix Ultimate Framework</strong> plugin. Click on the check box, now hit on the <strong>Enable</strong> button to enable the plugin.</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<img src="https://www.themexpert.com/images/docs/joomla-templates/venture/Helix.png" width="650" height="195" alt="Helix"></p>
<h2>Quix Pro Installation</h2>
<p style="text-align: justify;">There are two files of Quix. First one is Quix 4 which is a full package of Quix page builder. The Quix 4 package file name is pkg_quix_pro.zip, the file size is 11MB. Joomla allows you to upload maximum 2MB size files for the installation. It is difficult to increase the upload maximum file size from the server/cPanel for a user who does not have technical knowledge.<br><br>That is why we are recommending our users to install the Quix installer file. The Quix installer file name is com_iquix-1.7.0.zip and the size is only 48KB. Any users can install the Quix page builder by the Quix installer by clicking only 5 steps. You will get the detailed instructions here (<a href="https://www.themexpert.com/docs/quix-builder/basics/installation">https://www.themexpert.com/docs/quix-builder/basics/installation</a>).</p>
<h3>Import Quix Presets</h3>
<p style="text-align: justify;">You already downloaded the <strong>quix-presets.zip</strong> file, <strong>extract</strong> the file at first. Now go to the Joomla site administrator panel. On the left side, you will get the <strong>Quix - Page Builder.</strong></p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<img src="https://www.themexpert.com/images/docs/joomla-templates/venture/preset.png" width="650" height="322" alt="preset"></p>
<p style="text-align: justify;">Click on the Quix - Page Builder, you will get the Quix Panel. Click on the <strong>New Page button</strong>, and write down the page name in the field and hit on the <strong>OK</strong> button. In the meantime, we will write <strong>Home</strong> in the field. Once the Home page is created, open the builder. Now we will import the Quix presets.&nbsp;</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<img src="https://www.themexpert.com/images/docs/joomla-templates/venture/preset2.png" width="650" height="367" alt="preset2"></p>
<p style="text-align: justify;">By following these steps we will import Quix presets.<br>1. Click on <strong>the Bar icon</strong> on the right side of the top bar.<br>2. Click on the <strong>Import JSON</strong><br>3. <strong>Import to Library</strong> panel is open.&nbsp;<br><br>The Venture template Quix presets are: <strong>home.json, about-us.json, services.json, projects.json, project-details.json, pricing.json, contact.json, footer.json, and get-a-quote.json.<br><br></strong>Drag n drop the json files in the Import field or click and upload one by one. Once all json files are imported.<br>Now open the <strong>My Templates</strong> panel by clicking on the <strong>Add template</strong> button that you will get below the builder.</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<img src="https://www.themexpert.com/images/docs/joomla-templates/venture/addtemplate.png" width="650" height="36" alt="addtemplate"></p>
<p>Now you will get the <strong>My Templates panel</strong>.</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<img src="https://www.themexpert.com/images/docs/joomla-templates/venture/template_panel.png" width="650" height="367" alt="template panel"></p>
<h2>Home Page Setup</h2>
<p>We already created the Home page. Now we will insert the Home presets by <strong>clicking</strong> the <strong>Insert</strong> button from the <strong>My Templates</strong> <strong>panel</strong>. After inserting the home page will be like this.</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<img src="https://www.themexpert.com/images/docs/joomla-templates/venture/home_page.png" width="650" height="3835" alt="home page"></p>
<p style="text-align: justify;">These steps we followed to create the home page of Quix and insert the layout.<br>1. Click on the New Page button, and write down the page name in the field and hit on the <strong>OK</strong> button.<br>2. Click on the Add template <strong>button</strong>, open the Quix Library panel<br>3. Click on the My Templates <strong>tab</strong> and click on the Insert button of the Home page.</p>
<p>By following the steps you have to create and insert other pages of Quix. The pages are:<br><strong>* About Us</strong><br><strong>* Services</strong><br><strong>* Projects</strong><br><strong>* Project Details</strong><br><strong>* Pricing</strong><br><strong>* Contact</strong></p>
<h3>Header Setup</h3>
<p>It’s time to add the header. Our header will be like this.</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<img src="https://www.themexpert.com/images/docs/joomla-templates/venture/header_setup.png" width="650" height="367" alt="header setup"></p>
<p style="text-align: justify;">We are going to the templates panel by clicking on the <strong>Site Template Styles</strong> of the <strong>Templates</strong> section from the <strong>System Dashboard</strong>. Click on the <strong>Tx Venture</strong> template, now click on the <strong>Template Options</strong> button.</p>
<h4>Select Header</h4>
<p style="text-align: justify;">Now we will select the <strong>Multi Rows</strong> header style from the <strong>Basic</strong> panel of the <strong>Header</strong> settings.<br>Navigate to the settings:<br>-&gt; <strong>Templates Option</strong> -&gt; <strong>Basic</strong> -&gt; <strong>Headers</strong></p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<img src="https://www.themexpert.com/images/docs/joomla-templates/venture/Select_Header.png" width="650" height="367" alt="Select Header"></p>
<h4>Add Logo and Favicon</h4>
<p>In the <strong>Basic</strong> settings <strong>Logo</strong> panel, we will add our site logo and favicon.</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<img src="https://www.themexpert.com/images/docs/joomla-templates/venture/Logo_and_Favicon.png" width="650" height="367" alt="Logo and Favicon"></p>
<h4>Add Main Menu</h4>
<p style="text-align: justify;">The menu is an important part for a website. Now we will add the <strong>main menu</strong>. In the Menu settings <strong>Menu Builder</strong> panel has the <strong>Select Menu Type</strong> dropdown option, you have to select the Menu that you want to show. Generally its <strong>main menu</strong> of your site.</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<img src="https://www.themexpert.com/images/docs/joomla-templates/venture/Main_Menu.png" width="650" height="367" alt="Main Menu"></p>
<h3>Offcanvas Menu</h3>
<p style="text-align: justify;">In the <strong>Menu</strong> settings <strong>Off Canvas</strong> panel has the off canvas menu control options. The settings help you to show the site menu on our small devices like phone and tablet. There are three important settings of the off-canvas menu.</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<img src="https://www.themexpert.com/images/docs/joomla-templates/venture/off_canvas.png" width="650" height="367" alt="off canvas"></p>
<p style="text-align: justify;"><strong>Off-canvas Position</strong>: There are two options, one is <strong>Left</strong> and <strong>Right</strong>. The options change the mobile menu icon left or right. The following screenshot, the menu icon has on the right site as we selected the <strong>Right</strong> from the <strong>Off-canvas position</strong> option.</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<img src="https://www.themexpert.com/images/docs/joomla-templates/venture/Off-canvas_Position.png" width="325" height="702" alt="Off canvas Position"></p>
<p style="text-align: justify;"><strong>Select Off-canvas</strong>: There are three styles of the off-canvas menu. The styles are: <strong>Left align</strong>, <strong>Left Bordered</strong>, <strong>Center Align</strong>. If you select <strong>Left align</strong> style, the mobile menu will get the style.</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<img src="https://www.themexpert.com/images/docs/joomla-templates/venture/Select_Off-canvas.png" width="325" height="702" alt="Select Off canvas"></p>
<p style="text-align: justify;"><strong>Select Off-canvas Menu</strong>: In the small device will show the menu which you selected from the <strong>Select Off-canvas Menu</strong> drop-down.</p>
<h4>Add Get a Quote Button</h4>
<p style="text-align: justify;">The <strong>Get a Quote button</strong> comes from the Quix. At first, you have to create a <strong>Quix</strong> layout. Go to the Quix <strong>dashboard</strong> from the left side of the site administrator panel. Now click on the Templates from the Quix menu bar.<br>To create a layout, click on the <strong>New Template</strong> button, write the name <strong>Get a Quote</strong> in the layout name field and select the type <strong>Layout/Section</strong> from the <strong>Layout Type</strong> drop-down, hit on the <strong>Create Layout</strong> button. You will be able to create <strong>header</strong> and <strong>footer</strong> layout also from here. We will discuss it later.</p>
<p style="text-align: justify;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<img src="https://www.themexpert.com/images/docs/joomla-templates/venture/Quote_Button.png" width="325" height="332" alt="Quote Button"></p>
<p style="text-align: justify;">Once the Get a <strong>Quote layout</strong> is created, click on the <strong>Add Template</strong> button. Now insert the <strong>get a quote</strong> item by clicking on the&nbsp;Once the Get a Quote layout is created, click on the Add Template button. Now insert the get a quote item by clicking on the Insert button.</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;<img src="https://www.themexpert.com/images/docs/joomla-templates/venture/Quote.png" width="650" height="485" alt="Quote"></p>
<p style="text-align: justify;">We will add the Get a <strong>Quote button</strong> in our header right side through the module position. We have a module position on our selected header. The module position name is <strong>Header Button</strong>. We will use the <strong>Quix module</strong> to achieve it.<br>Now click on the <strong>Site Module</strong> under <strong>Module</strong> section from the site <strong>System Dashboard.</strong> Click on the <strong>New</strong> button, select <strong>Module - Quix type</strong>. Write the module name <strong>Get a Quote</strong> in the <strong>Title</strong> field.<br>Click on the <strong>Select</strong> button from the <strong>Select Template</strong> field and insert the <strong>Get a Quote</strong> by clicking on the Insert button.</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;<img src="https://www.themexpert.com/images/docs/joomla-templates/venture/quote2.png" width="650" height="343" alt="quote2"></p>
<p style="text-align: justify;">Now select the module position <strong>Header Button</strong> from the <strong>Position</strong> dropdown and select Published under Status <strong>drop-down</strong>. We will assign the module by selecting the On All Pages from Menu Assignment tab Module Assignment drop-down. Hit on the Save &amp; Close button.</p>
<h4>Add Contact Info</h4>
<p style="text-align: justify;">Go to the template panel <strong>Basic settings</strong> options, below you will get the <strong>Contact Info</strong> panel. At first, enable the option, then here will show the contact information fields. Now you can add your information to the corresponding fields (Phone, Mobile, Email, and Opening Hours).</p>
<p>&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;<img src="https://www.themexpert.com/images/docs/joomla-templates/venture/Add_Contact_Info.png" width="650" height="367" alt="Add Contact Info"></p>
<p>Our Header setup is completed successfully.</p>
<h2>Footer Setup</h2>
<p>We will setup the footer now. Our footer looks like this.</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;<img src="https://www.themexpert.com/images/docs/joomla-templates/venture/footer.png" width="650" height="473" alt="footer"></p>
<p style="text-align: justify;">We will create a <strong>footer layout</strong> in the Quix page builder <strong>Footer panel</strong>. Go to the <strong>Quix</strong> &gt; <strong>Footer panel</strong> clicking the <strong>Quix Page Builder</strong> from the site administrator panel Left side. Now click on the <strong>New Template</strong> button, write Footer in the <strong>Template Name</strong> field, select <strong>Footer</strong> from the <strong>Template Type</strong> dropdown.</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;<img src="https://www.themexpert.com/images/docs/joomla-templates/venture/footer2.png" width="650" height="623" alt="footer2"></p>
<p>Once created the Footer, <strong>click</strong> on the Add Template button. Now <strong>insert</strong> the footer.</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;<img src="https://www.themexpert.com/images/docs/joomla-templates/venture/footer3.png" width="650" height="486" alt="footer3"></p>
<p style="text-align: justify;">Once the <strong>footer</strong> is inserted, click on the <strong>Save button</strong>. There will open the <strong>Publish Settings</strong>. Click on the <strong>Add Condition</strong> button, there will open two options <strong>Include</strong> and Default - Entire Site by default. The Include option will add the footer on the site<strong> footer position</strong>, and the <strong>Default - Entire</strong> <strong>Site</strong> option will allow the footer to show that menu item which you want to visit.</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;<img src="https://www.themexpert.com/images/docs/joomla-templates/venture/layout.png" width="650" height="422" alt="layout"></p>
<p>After completing the <strong>Publishing settings</strong>, click on the <strong>Save</strong> button again. You will see the footer when you reload the home page.</p>
<h3>Activate Quix License</h3>
<p style="text-align: justify;">To unlock the full potential of Quix and access all its features, you need to activate the license. Here's a step-by-step guide on how to activate the license (<a href="https://www.themexpert.com/docs/quix-builder/how-to-activate-quix-4-license">https://www.themexpert.com/docs/quix-builder/how-to-activate-quix-4-license</a>).</p>
<h2>Upgrade Instruction</h2>
<h3>Take a full backup</h3>
<p style="text-align: justify;">It's always a good idea to take a full backup before starting any upgrade process. This way, you can avoid losing any important data in case something goes wrong during the process. In the event of any issue, you can restore the backup files and ensure that your data is safe and secure.</p>
<h2>Troubleshooting</h2>
<p><strong>Problem 1: Are you getting the Venture template header like the screenshot on your site?</strong></p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;<img src="https://www.themexpert.com/images/docs/joomla-templates/venture/troubleshoot.png" width="650" height="71" alt="troubleshoot"></p>
<p style="text-align: justify;"><strong>Solution</strong>: It is the <strong>Helix Framework</strong> CSS file Compression issue. Go to the <strong>Venture</strong> template panel, Advance settings. Open the <strong>SCSS</strong> panel, and enable the Compile <strong>SCSS</strong> to <strong>CSS</strong> option. Now open the <strong>Compression</strong> panel, and enable the <strong>Compress</strong> <strong>CSS</strong> Files options. Click on the Save button, reload the site front-page. You will see the header correctly.<br>Now you can disable the <strong>Compile SCSS to CSS option</strong>, Save and close the template panel.&nbsp;</p>]]></description>
			<author>shams.bd71@gmail.com (Abu Huraira)</author>
			<category>Joomla Templates</category>
			<pubDate>Thu, 25 Jan 2024 15:53:02 +0600</pubDate>
		</item>
		<item>
			<title>Startup</title>
			<link>https://www.themexpert.com/docs/joomla-templates/startup</link>
			<guid isPermaLink="true">https://www.themexpert.com/docs/joomla-templates/startup</guid>
			<description><![CDATA[<p><img src="https://www.themexpert.com/images/templates/startup/startup-featured.png" /></p><p>&nbsp;<img src="https://www.themexpert.com/images/docs/joomla-templates/Startup/Frame_332.png" width="1682" height="1260" alt="Frame 332"></p>
<p>Startup Joomla template is designed to provide you with a stunning and immersive experience. It is ultra-fast, ensuring that your website visitors won't have to wait long for your portfolio to load. The template is fully responsive, meaning it will look great on any screen size or device. <br>It has been built using the latest and most advanced theme framework, Gantry 5, which ensures that it is optimized for SEO and that it will work seamlessly with all Joomla extensions.</p>
<p>The template also features a drag-and-drop approach by Quix, making it incredibly easy to use and customize, even if you have no coding skills.</p>
<h2>Installation</h2>
<p>The following section provides instructions for installing Elevate through quickstart or manual installation methods.</p>
<p style="padding-left: 30px;"><strong>1. Quickstart installation</strong>: Replicate Template demo to your server.<br><strong>2.</strong>&nbsp;<strong>Manual installation</strong>: install template manually on your Joomla site</p>
<h4>&nbsp;Gantry 5 Documentation</h4>
<p>If you are new to Gantry 5, a good place to start would be the <a href="https://docs.gantry.org/gantry5/basics">dedicated Gantry documentation</a>.</p>
<h3>System requirements<strong>&nbsp;</strong></h3>
<table style="width: 879px; height: 233px;">
<tbody>
<tr>
<td>
<h4><strong>Requirements jor Joomla! 5.x</strong></h4>
</td>
<td>
<h4><strong>Requirements for Joomla!4.x</strong></h4>
</td>
</tr>
<tr>
<td><strong>Software</strong><br>PHP: 8.1.0 +</td>
<td><strong>Software</strong><br>PHP: 7.2.5 +</td>
</tr>
<tr>
<td><strong>Databases<br></strong>MySQL: 8.0.13 +<br>MariaDB: 10.4.0 +<strong><br></strong></td>
<td><strong>Databases<br></strong>MySQL: 5.6 +<br>MariaDB: 10.3.35 +</td>
</tr>
<tr>
<td><strong>Web Servers<br></strong>Apache: 2.4<br>Nginx: 1.21 +<br>Microsoft IIS: 10<strong><br></strong></td>
<td><strong>Web Servers<br></strong>Apache: 2.4<br>Nginx: 1.10 +<br>Microsoft IIS: 8</td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>
<p>To install the Joomla 4/5 and QuickStart package on a local computer with WAMP/JAMP/XAMPP/MAMP software, but it requires a server (Linux / Apache) to be installed. Ensure that your system meets the following requirements:</p>
<p style="padding-left: 30px;">1. <strong>PHP: 8.1 (Minimum), 8.2+ (Recommended)</strong><br>2.<strong> Upload_max_filesize = 5M (or more)</strong><br>3. <strong>Database: MySQL 8.0.13 (Minimum), 8.1 (Recommended) or MariaDB 10.4.0 (Minimum), 11.1.0 (Recommended)</strong><br>4. <strong>Max_execution_time = 150 (300 or more is recommended)</strong><br>5. <strong>Memory_limit = 128MB, 256MB (or 512MB is recommended)</strong><br>6. <strong>cURL library - your server must work with curl or url_fopen.</strong></p>
<p>If you need to change PHP settings, you can do so by editing either the php.ini or .htaccess file. To learn where and how to make these changes, please contact your web hosting service provider for assistance.</p>
<h2>&nbsp;Template configuration</h2>
<h3>Layout settings</h3>
<p>To access Layout from your Joomla administrator, go to Components → <strong>Gantry 5 Themes → Default Theme</strong>.</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/Startup/S1.png" width="225" height="774" alt="S1"></p>
<h4>Base Outline</h4>
<p>This is the default layout for all Gantry pages, where global style, particle defaults, page settings, and layout options are set. For more info, see Gantry 5 Inheritance documentation.</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/Startup/S2.png" width="1682" height="853" alt="S2"></p>
<h4>Theme Outlines</h4>
<p>You can switch to an individual Outline in two ways:<br>Using the <strong>drop-down</strong> menu located on the left-hand side of the toolbar which hosts the outline-specific administrative panels.</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/Startup/S3.png" width="1682" height="860" alt="S3"></p>
<p>Or you can go to System → Site Template Styles and then click the template name (We use the Startup template for the demonstration) to access the layout manager.</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/Startup/S26.png" width="1115" height="294" alt="S26"></p>
<p>Quickstart package has predefined page layouts like Home, About, Blog, and Contact. Create a new Joomla Menu Item with Menu Item Type Gantry 5 Themes → Custom Page and assign it to a special outline. See the Outline section for more details.</p>
<h4>Inheritance</h4>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/Startup/S5.png" width="1530" height="480" alt="S5"></p>
<p>This template uses Gantry's inheritance system, allowing you to manage your site through synced particles, atoms, sections, and layouts. Use inheritance to save time and avoid repetitive changes! Learn more in the Inheritance Guide.</p>
<h4>Section Settings</h4>
<p>Sections are basic parts of page layout. They let you create content sections with horizontal grids for adding Blocks, including Particles and Positions.</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/Startup/S6.png" width="1530" height="480" alt="S6"></p>
<p>You can add a new row in a section by clicking plus (+) icon, or click the cog icon to open the section settings.</p>
<h4>Section Max Width</h4>
<p>Set the max content width for a section using Max Width. Choose Default, Small, Large, or XLarge for fixed max width. Use Expand to expand content to full width of the section with small padding.</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/Startup/S7.png" width="1048" height="564" alt="S7"></p>
<p>By default, all Sections Max Width is inherited from the Page Settings. You can change the global max width for all sections by going to Base Outline → Page Settings → Body Attributes → Max Width</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/Startup/S24.png" width="1107" height="617" alt="S24"></p>
<h4>Section Variations</h4>
<p>Section Variations are its assortment of utility classes that make it easy to quickly set up elements and have them appear how you want and when you want them to.</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/Startup/S9.png" width="1696" height="930" alt="S9"></p>
<p>he theme has default Gantry 5 core Utility Classes, including Responsive Utility Classes, Padding and Margin, and Utility Variations. Choose from Default, X-Small, Small, Large, or X-Large for vertical padding of a section. Additional settings are available to remove padding or margin.</p>
<h3>Changing content via Layout Manager</h3>
<p>You can find more detailed documentation for Gantry5 layout manager <a href="https://docs.gantry.org/gantry5/configure/layout-manager">here</a>.</p>
<h4>Editing Default Content</h4>
<p>Default content is defined via Base Outline layout with special particles for top, navigation, footer, and copyright sections. Target individual sections for inheritance. Top and Navigation sections contain logo, contact info, main navigation, and search. Footer and Copyright sections contain copyright notices, links, contact info, and any other content.</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/Startup/S10.png" width="1683" height="858" alt="S10"></p>
<p><strong>Changing the default content through the Base Outline will affect all outlines that are inherited by these sections.</strong></p>
<h4>Example about the Home Section Inheritance</h4>
<p>The Home Layout inherits sections like Top, Navigation, Footer, Copyright, and Off-canvas from the Base Outline. Any changes made to the content, particles, or section variations in the Base Outline will automatically reflect in the Home Outline sections due to the natural inheritance of settings.</p>
<p>&nbsp;<img src="https://www.themexpert.com/images/docs/joomla-templates/Startup/S11.png" width="1686" height="862" alt="S11"></p>
<h4>Editing Home Demo Content</h4>
<p>This guide will cover how to edit the Home demo content in Quickstart packages. Switching between prebuilt layouts can be done by using the drop-down menu located on the left-hand side of the toolbar.</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/Startup/S12.png" width="1684" height="897" alt="S12"></p>
<p>To edit or replace the demo content, select Home Outline or go to System → Site Template Styles and click on the Logan template to access the Home Layout Manager.</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/Startup/S13.png" width="1701" height="594" alt="S13"></p>
<p>Below, you will find an example of the Home layout that includes all particles that present the content on the front page.</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/Startup/S14.png" width="1681" height="940" alt="S14"></p>
<p>Editing all Home Particles can be done by clicking on the cog icon (), making changing the Home content simple.</p>
<h4>Positions</h4>
<p>Our Joomla templates come with unlimited positions. Thanks to the awesome Gantry 5 framework you can now easily create as many positions as you want.</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/Startup/S15.png" width="1757" height="956" alt="S15"></p>
<h4>Create new Position</h4>
<p>You just need to go to the Layout Manager, drag and drop the “Module Position” particle wherever you want it to be and set the Position name.</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/Startup/S16.png" width="1686" height="753" alt="S16"></p>
<p>Set the Joomla position name, example: module-position</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/Startup/S17.png" width="1689" height="864" alt="S17"></p>
<p>After that, you can assign the Joomla module to the new position</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/Startup/S18.png" width="973" height="706" alt="S18"></p>
<p>Learn how to create any position quickly without coding <a href="https://docs.gantry.org/gantry5/particles/position">here</a>.</p>
<h4>Alternative Layouts</h4>
<p>Startup templates provide alternative layouts for Articles.</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/Startup/S19.png" width="1008" height="793" alt="S19"></p>
<h3>Customization</h3>
<p>Add custom JavaScript and CSS/SCSS to the website.</p>
<h4>Add custom Css</h4>
<p>Go to Base Outline → Page Settings → Assets → CSS → then click the plus(+) icon to Add new item</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/Startup/S20.png" width="1003" height="568" alt="S20"></p>
<h4>Custom SCSS Code</h4>
<p>Place custom code in the "Custom Style Sheet" file (custom.scss). For custom JS, go to Base Outline → Page Settings → Assets → JS and add a new item by clicking the plus (+) icon.</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/Startup/S21.png" width="978" height="594" alt="S21"></p>
<h2>Joomla! 5 compatibility</h2>
<p>Gantry 5 is compatible with Joomla! 5, but there's an issue with the Atom administrator template. Some icons won't display correctly due to old Fontawesome CSS classes. Stay with Joomla 4.4.x for now and wait for Gantry 5 framework 5.5.18 update.</p>]]></description>
			<author>zannatunnime95@gmail.com (Md Zannatun Nime)</author>
			<category>Joomla Templates</category>
			<pubDate>Tue, 23 Jan 2024 11:45:32 +0600</pubDate>
		</item>
		<item>
			<title>Sassy</title>
			<link>https://www.themexpert.com/docs/joomla-templates/sassy</link>
			<guid isPermaLink="true">https://www.themexpert.com/docs/joomla-templates/sassy</guid>
			<description><![CDATA[<p><img src="https://www.themexpert.com/images/templates/sassy/sassy-featured.png" /></p><h2><img src="https://www.themexpert.com/images/docs/joomla-templates/Sassy/Sassy_2.png" width="1682" height="1260" alt="Sassy 2"></h2>
<p>Sassy is the ultimate Joomla template, exclusively designed to cater to the needs of SAAS businesses. With its cutting-edge drag and drop page builder, Quix, you can create a stunning website in no time and showcase your online presence like never before.</p>
<h2>Installation</h2>
<p>The following section provides instructions for installing Elevate through quickstart or manual installation methods.</p>
<p style="padding-left: 30px;"><strong>1. Quickstart installation</strong>: Replicate Template demo to your server.<br><strong>2.</strong>&nbsp;<strong>Manual installation</strong>: install template manually on your Joomla site</p>
<h3><br>System requirements<strong>&nbsp;</strong></h3>
<table style="width: 879px; height: 233px;">
<tbody>
<tr>
<td>
<h4><strong>Requirements jor Joomla! 5.x</strong></h4>
</td>
<td>
<h4><strong>Requirements for Joomla!4.x</strong></h4>
</td>
</tr>
<tr>
<td><strong>Software</strong><br>PHP: 8.1.0 +</td>
<td><strong>Software</strong><br>PHP: 7.2.5 +</td>
</tr>
<tr>
<td><strong>Databases<br></strong>MySQL: 8.0.13 +<br>MariaDB: 10.4.0 +<strong><br></strong></td>
<td><strong>Databases<br></strong>MySQL: 5.6 +<br>MariaDB: 10.3.35 +</td>
</tr>
<tr>
<td><strong>Web Servers<br></strong>Apache: 2.4<br>Nginx: 1.21 +<br>Microsoft IIS: 10<strong><br></strong></td>
<td><strong>Web Servers<br></strong>Apache: 2.4<br>Nginx: 1.10 +<br>Microsoft IIS: 8</td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>
<p>To install the Joomla 4/5 and QuickStart package on a local computer with WAMP/JAMP/XAMPP/MAMP software, but it requires a server (Linux / Apache) to be installed. Ensure that your system meets the following requirements:</p>
<p style="padding-left: 30px;">1. <strong>PHP: 8.1 (Minimum), 8.2+ (Recommended)</strong><br>2.<strong> Upload_max_filesize = 5M (or more)</strong><br>3. <strong>Database: MySQL 8.0.13 (Minimum), 8.1 (Recommended) or MariaDB 10.4.0 (Minimum), 11.1.0 (Recommended)</strong><br>4. <strong>Max_execution_time = 150 (300 or more is recommended)</strong><br>5. <strong>Memory_limit = 128MB, 256MB (or 512MB is recommended)</strong><br>6. <strong>cURL library - your server must work with curl or url_fopen.</strong></p>
<p>If you need to change PHP settings, you can do so by editing either the php.ini or .htaccess file. To learn where and how to make these changes, please contact your web hosting service provider for assistance.</p>
<h2>Template configuration</h2>
<h3>Layout settings</h3>
<p>The following screenshots highlight the main header and layout module positions that we used in the demo template. The Default Header style can be changed, and by using Layout Builder in Sassy template, you're able to move positions or even change their sizes in the grid (based on Bootstrap 5). Our in-built layout builder from template settings provides you the opportunity to add new positions, columns, and rows wherever you need and to move the elements as much as you want. Even hide some of them in the tablet or mobile view.</p>
<h4>Predefined Header</h4>
<p>Predefined Header offers preset header layouts and styles, simplifying header designing and customization for Joomla websites.</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/Sassy/11.png" width="1886" height="991" alt="11"></p>
<h4>Website Layout</h4>
<p>Website Layout feature allows users to customize their Joomla website's element arrangement and structure, ensuring flexibility and adaptability to various design preferences</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/Sassy/12.png" width="1881" height="967" alt="12"></p>
<h4>Logo settings</h4>
<p>The Logo settings are present under Site configuration &gt; Logo Settings.</p>
<p>For the logo, you can select to use an image logo or text logo. You can also select the different logos for mobile view and dark theme logo</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/Sassy/Screenshot_on_2024-01-23_at_16_18_15_1.png" width="1682" height="894" alt="Screenshot on 2024 01 23 at 16 18 15 1"></p>
<h4>Color Presets</h4>
<p>The theme color allows you to use the color picker to change color for brand colors, base colors, main menu colors, and footer colors.</p>
<p>You can view the changes in the website preview on the right panel.</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/Sassy/13.png" width="1880" height="980" alt="13"></p>
<h4>Typography settings</h4>
<p>The typography includes the global settings for font family, font weight, and line height.</p>
<p>You can enable the custom font setting for heading and navigation (menu).</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/Sassy/14.png" width="1886" height="986" alt="14"></p>
<p>Local font supported: due to the GDPR issue, you can disable Google font, and use the local font that is already supported at core.</p>
<h2>Navigation configuration</h2>
<h4>Main Menu Settings</h4>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/Sassy/15.png" width="1891" height="988" alt="15"></p>
<p>Sassy supports Megamenu for Desktop layout and dropdown or Off-canvas for Mobile layout.</p>
<h4>Mega Menu setting</h4>
<p>Go to Navigation &gt; Megamenu, select a menu and configure the megamenu. You can build a mega menu with multiple rows, each row can include multiple columns. You can assign menu items, modules or a module position to each column.</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/Sassy/16.png" width="1887" height="989" alt="16"></p>
<h4>Off-canvas Menu setting</h4>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/Sassy/17.png" width="1888" height="988" alt="17"></p>
<p>Enable Off-canvas (it is enabled by default), select module position, module style and other options.</p>
<p>Next, create a menu module, assign it to the position: off-canvas.</p>
<h4>Blog Options</h4>
<p>The term "blog options" refers to the settings and configurations that are available for controlling and personalizing the blog's layout and features. Users can adjust the number of blog columns, display styles, and other elements, among other things, to customize the blog's look and feel inside the template.</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/Sassy/18.png" width="1882" height="984" alt="18"></p>
<h4>Custom Code</h4>
<p>Custom Code Options allow users to add custom CSS, JavaScript, or other code snippets to the template settings.</p>
<p>This enables easy integration of additional styling or functionality into a Joomla website.</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/Sassy/19.png" width="1886" height="987" alt="19"></p>
<h4>Advanced Settings</h4>
<p>Advanced Options let users fine-tune and optimize their Joomla websites' appearance, behavior, and functionality with greater precision.</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/Sassy/20.png" width="1891" height="989" alt="20"></p>
<h2>Home page set up</h2>
<h4>Create menu item</h4>
<p>Navigate to the "Menus" area; pick the menu to which you wish to add the home page item; click "New," and select "Menu Item Type." pick "Home Page" under the "System connects" category; then, before saving, modify the menu item options to make sure it connects to the main page of your Joomla site.</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/Sassy/Screenshot_on_2024-01-23_at_16_18_47.png" width="1907" height="994" alt="Screenshot on 2024 01 23 at 16 18 47"></p>
<p>Import/Insert Home Page (JSON)</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/Sassy/21.png" width="1907" height="967" alt="21"></p>
<h2>Footer set up</h2>
<p>To modify and set up the design, content, and module locations for the footer of your Joomla website, go to the "Footer" section of the template settings.</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/Sassy/22.png" width="1907" height="888" alt="22"></p>
<h4>Module Position</h4>
<p>To set up a footer module position in Joomla, navigate to "Template Manager" in the "Extensions" menu of the administrator panel. Locate the "Footer" section in your template settings and publish your modules there to display them on your Joomla website's footer.</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/Sassy/23.png" width="1912" height="986" alt="23"></p>
<h2>Upgrade Instruction</h2>
<h4>Take a full backup</h4>
<p>It's always a good idea to take a full backup before starting any upgrade process. This way, you can avoid losing any important data in case something goes wrong during the process. In the event of any issue, you can restore the backup files and ensure that your data is safe and secure.</p>]]></description>
			<author>shams.bd71@gmail.com (Abu Huraira)</author>
			<category>Joomla Templates</category>
			<pubDate>Tue, 23 Jan 2024 10:26:59 +0600</pubDate>
		</item>
		<item>
			<title>Elevate</title>
			<link>https://www.themexpert.com/docs/joomla-templates/elevate</link>
			<guid isPermaLink="true">https://www.themexpert.com/docs/joomla-templates/elevate</guid>
			<description><![CDATA[<p><img src="https://www.themexpert.com/images/templates/elevate/elevate-featured.png" /></p><p><img src="https://www.themexpert.com/images/docs/joomla-templates/elevate/21-22.png" width="1901" height="828" alt="21 22"></p>
<p>&nbsp;</p>
<p>This premium Joomla template has been expertly crafted and optimized to meet the exacting standards of a top-tier business consultancy. With the powerful and intuitive drag-and-drop builder Quix at your fingertips, you can confidently create a website that not only looks great but also delivers exceptional performance in driving conversions and achieving your business objectives.</p>
<h2>Installation</h2>
<p>The following section provides instructions for installing Elevate through quickstart or manual installation methods.</p>
<p style="padding-left: 30px;"><strong>1. Quickstart installation</strong>: Replicate Template demo to your server.<br><strong>2.</strong>&nbsp;<strong>Manual installation</strong>: install template manually on your Joomla site</p>
<h3><br>System requirements<strong>&nbsp;</strong></h3>
<table style="width: 879px; height: 233px;">
<tbody>
<tr>
<td>
<h4><strong>Requirements jor Joomla! 5.x</strong></h4>
</td>
<td>
<h4><strong>Requirements for Joomla!4.x</strong></h4>
</td>
</tr>
<tr>
<td><strong>Software</strong><br>PHP: 8.1.0 +</td>
<td><strong>Software</strong><br>PHP: 7.2.5 +</td>
</tr>
<tr>
<td><strong>Databases<br></strong>MySQL: 8.0.13 +<br>MariaDB: 10.4.0 +<strong><br></strong></td>
<td><strong>Databases<br></strong>MySQL: 5.6 +<br>MariaDB: 10.3.35 +</td>
</tr>
<tr>
<td><strong>Web Servers<br></strong>Apache: 2.4<br>Nginx: 1.21 +<br>Microsoft IIS: 10<strong><br></strong></td>
<td><strong>Web Servers<br></strong>Apache: 2.4<br>Nginx: 1.10 +<br>Microsoft IIS: 8</td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>
<p>To install the Joomla 4/5 and QuickStart package on a local computer with WAMP/JAMP/XAMPP/MAMP software, but it requires a server (Linux / Apache) to be installed. Ensure that your system meets the following requirements:</p>
<p style="padding-left: 30px;">1. <strong>PHP: 8.1 (Minimum), 8.2+ (Recommended)</strong><br>2.<strong> Upload_max_filesize = 5M (or more)</strong><br>3. <strong>Database: MySQL 8.0.13 (Minimum), 8.1 (Recommended) or MariaDB 10.4.0 (Minimum), 11.1.0 (Recommended)</strong><br>4. <strong>Max_execution_time = 150 (300 or more is recommended)</strong><br>5. <strong>Memory_limit = 128MB, 256MB (or 512MB is recommended)</strong><br>6. <strong>cURL library - your server must work with curl or url_fopen.</strong></p>
<p>If you need to change PHP settings, you can do so by editing either the php.ini or .htaccess file. To learn where and how to make these changes, please contact your web hosting service provider for assistance.</p>
<p>&nbsp;</p>
<h2>Template configuration</h2>
<h4>Layout settings</h4>
<p>The following screenshots highlight the main header and layout module positions that we used in the demo template. The Default Header style can be changed, and by using Layout Builder in Elevate template, you're able to move positions or even change their sizes in the grid (based on Bootstrap 5).</p>
<p>Our in-built layout builder from template settings provides you the opportunity to add new positions, columns, and rows wherever you need and to move the elements as much as you want. Even hide some of them in the tablet or mobile view.</p>
<h4>Predefined Header</h4>
<p>Predefined Header offers preset header layouts and styles, simplifying header designing and <br>customization for Joomla websites.</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/elevate/E1.png" width="800" height="412" alt="E1"></p>
<h4>Website Layout</h4>
<p>Website Layout feature allows users to customize their Joomla website's element arrangement<br>and structure, ensuring flexibility and adaptability to various design preferences</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/elevate/E2.png" width="800" height="414" alt="E2"></p>
<h4>Logo settings</h4>
<p>The Logo settings are present under Site configuration &gt; Logo Settings.</p>
<p>For the logo, you can select to use an image logo or text logo. You can also select the different <br>logos for mobile view and dark theme logo</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/elevate/E3.png" width="800" height="415" alt="E3"></p>
<h4>Color Presets</h4>
<p>The theme color allows you to use the color picker tochange color for <br>brand colors, base colors, main menu colors, <br>and footer colors.</p>
<p>You can view the changes in the website preview on the right panel.</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/elevate/E4.png" width="800" height="416" alt="E4"></p>
<p>&nbsp;</p>
<h3>Typography settings</h3>
<p>The typography includes the global settings for font family, font weight, and line height.</p>
<p>You can enable the custom font setting for heading and navigation (menu).</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/elevate/E5.png" width="800" height="417" alt="E5"></p>
<p>Local font supported: due to the GDPR issue, you can disable Google font, and use the local font <br>that is already supported at core.</p>
<h3>Navigation configuration</h3>
<h4>Main Menu Settings</h4>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/elevate/E6.png" width="800" height="416" alt="E6"></p>
<p>Elevate supports Megamenu for Desktop layout and dropdown or Off-canvas for Mobile layout.</p>
<h4>Mega Menu setting</h4>
<p>Go to Navigation &gt; Megamenu, select a menu and configure the megamenu. You can build a mega menu <br>with multiple rows, each row can include multiple columns.</p>
<p>You can assign menu items, modules or a module position to each column.</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/elevate/E7.png" width="800" height="414" alt="E7"></p>
<h4>Off-canvas Menu setting</h4>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/elevate/E8.png" width="800" height="414" alt="E8"></p>
<p>Enable Off-canvas (it is enabled by default), select module position, module style and other options.<br>Next, create a menu module, assign it to the position: off-canvas.</p>
<h3>Blog Options</h3>
<p>The term "blog options" refers to the settings and configurations that are available for controlling and <br>personalizing the blog's layout and features. Users can adjust the number of blog columns, <br>display styles, and other elements, among other things, to customize the blog's look and feel <br>inside the template.</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/elevate/E9.png" width="800" height="417" alt="E9"></p>
<h3>Custom Code</h3>
<p>Custom Code Options allow users to add custom CSS, JavaScript, or other code snippets to <br>the template settings.</p>
<p>This enables easy integration of additional styling or functionality into a Joomla website.</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/elevate/E10.png" width="800" height="414" alt="E10"></p>
<h3>Advanced Settings</h3>
<p>Advanced Options let users fine-tune and optimize their Joomla websites' appearance, behavior, <br>and functionality with greater precision.</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/elevate/E11.png" width="800" height="415" alt="E11"></p>
<h2>&nbsp;Home page set up</h2>
<h4>Create menu item</h4>
<p>Navigate to the "Menus" area; pick the menu to which you wish to add the home page item; <br>click "New," and select "Menu Item Type." pick "Home Page" under the "System connects" <br>category; then, before saving, modify the menu item options to make sure it connects to <br>the main page of your Joomla site.</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/elevate/E12.png" width="800" height="417" alt="E12"></p>
<h4>Import/Insert Home Page (JSON)</h4>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/elevate/E13.png" width="800" height="414" alt="E13"></p>
<h2>Footer set up</h2>
<p>To modify and set up the design, content, and module locations for the footer of your Joomla website, <br>go to the "Footer" section of the template settings.</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/elevate/E14.png" width="800" height="266" alt="E14"></p>
<h4>Module Position</h4>
<p>To set up a footer module position in Joomla, navigate to "Template Manager" in the "Extensions" <br>menu of the administrator panel. Locate the "Footer" section in your template settings and publish <br>your modules there to display them on your Joomla website's footer.</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/elevate/E15.png" width="800" height="414" alt="E15"></p>
<h2>Upgrade Instruction</h2>
<h4>Take a full backup</h4>
<p>It's always a good idea to take a full backup before starting any upgrade process. This way, you can avoid losing any important data in case something goes wrong during the process. In the event of any issue, you can restore the backup files and ensure that your data is safe and secure.</p>]]></description>
			<author>shams.bd71@gmail.com (Abu Huraira)</author>
			<category>Joomla Templates</category>
			<pubDate>Tue, 02 Jan 2024 12:45:10 +0600</pubDate>
		</item>
		<item>
			<title>CureX</title>
			<link>https://www.themexpert.com/docs/joomla-templates/curex</link>
			<guid isPermaLink="true">https://www.themexpert.com/docs/joomla-templates/curex</guid>
			<description><![CDATA[<p><img src="https://www.themexpert.com/images/templates/curex/curex-featured.png" /></p><p><img src="https://www.themexpert.com/images/docs/joomla-templates/curex/curex.jpg" alt="CureX" class="img-responsive"></p>
<p>Curex Joomla medical template simplifies website creation for hospitals, clinics, and healthcare providers. With Quix page builder and pre-made pages, deliver your site faster without coding hassles. </p>
<h2>Key Features</h2>
<ul>
<li>4 Stylish built-in Home layouts</li>
<li>Video Background</li>
<li>Drag &amp; Drop Development</li>
<li>Cross Browser Compatibility</li>
<li>Fully Clean Codes</li>
<li>Ajax based Search</li>
<li>RTL Supported</li>
<li>SEO Optimized</li>
<li>Parallax Background</li>
<li>Fast loading Speed</li>
<li>Smart Modal element</li>
<li>Shape Divider</li>
<li>Sticky Header</li>
<li>Video Element</li>
<li>Full-Width Home Variations</li>
<li>Megamenu</li>
<li>Support from Developers</li>
<li>Easy Customization</li>
<li>Elegant Color Gradient</li>
<li>Mobile Responsive</li>
<li>Video Tutorials</li>
<li>Doctor element</li>
<li>Get Regular Updates</li>
<li>Enriched Documentation</li>
<li>Social Share</li>
<li>Transparent Header</li>
</ul>
<h2>Requirements</h2>
<p>In order to run Curex smoothly on your server, you need to fulfill this requirements listed below :</p>
<ul>
<li>Joomla: 3.8+</li>
<li>Server : PHP 5.6+</li>
<li>Page Builder : Quix 1.9+</li>
</ul>
<h2>Download</h2>
<p>Head over to our <a href="https://www.themexpert.com/downloads">download</a> page and click <strong>Explore</strong> button of template you want to download. You will see several files listed there. Read section below to understand which file to download.</p>
<h2>Installation</h2>
<p>There are 2 ways you can install curex template. Both are pretty simple and straightforward.</p>
<ol>
<li>Install QuickStart package.</li>
<li>Install Everything Manually with recommended extensions.</li>
</ol>
<h3>Install QuickStart Package</h3>
<p>QuickStart is a complete Joomla pre-packaged with all required extensions, settings, images, content as well as default template configurations.</p>
<blockquote>
<blockquote>
<p>If you are starting from scratch, we recommend you to download Quickstart package and install it. This is the most simplest way to get started.</p>
</blockquote>
</blockquote>
<p>Please follow step by step process from the video:</p>
<h3>Manual Installation</h3>
<p>If you already have an existing Joomla site and want to apply curex template, you have to install the following packages listed below:</p>
<ul>
<li>T3 Framework plugin</li>
<li>Quix Page Builder</li>
<li>Curex Template</li>
<li>And few other extensions you will find under <strong>required_extensions.zip</strong> file.</li>
</ul>
<p>All of above extensions are very easy to install by following standard Joomla installation process. Simply, go to <code>Extensions &gt; Manage &gt; Install</code> then upload respective extension zip package and hit upload.</p>
<p>You can check our <a href="https://www.themexpert.com/docs/tutorials/how-to-manually-install-joomla" title="Joomla Manual Installation Guide"><strong>extensive installation tutorial</strong></a> to understand more.</p>
<h2>Template Settings</h2>
<p>You can differently customize template according to your need using Easy Customization feature. Go to <code>Extensions &gt; Templates &gt;tx_curex</code>. It will open up Template Setting Screen.</p>
<h3>Compile LESS to CSS</h3>
<p>When site development is complete, you should compile LESS to CSS. This option will compile LESS files to CSS files. All your customization in LESS files will be compiled to corresponding CSS files.</p>
<h3>ThemeMagic</h3>
<p>By enabling this feature, you'll get the <strong>ThemeMagic</strong> customization panel, and with this, you can customize your theme. After customization, you should turn it off.</p>
<p><img src="https://www.themexpert.com/images/docs/framework/t3TM.png" alt="T3 Theme Settings" class="img-responsive"></p>
<p>For better understanding, go through the video below:</p>
<h3>Megamenu Options</h3>
<ul>
<li><strong>Enable Submenu</strong> : This option is to show or hide submenu of a parent menu. If a menu has no submenus, to enable this option, it allows you to add new submenu and add content to the submenu.</li>
</ul>
<p>To add a submenu, click on the menu in which you want to add submenu.</p>
<blockquote>
<blockquote>
<p>You can only add a submenu for a menu that has no child menus.</p>
</blockquote>
</blockquote>
<ul>
<li>
<p><strong>Add New Column/ Row</strong> : You can add new <strong>columns</strong> or <strong>rows</strong> for a selected Column/ Row.</p>
</li>
<li>
<p><strong>Group Submenu or not</strong> : You can group submenus of any menu item by selecting the menu item then enable option "Group."</p>
</li>
<li>
<p><strong>Assign any module for new created Row/ Submenu</strong> : After adding new Row/ Submenu, you can display content from any module by assigning the module to the Row/ Submenu.</p>
</li>
<li>
<p><strong>Move Menu Item</strong> : You can move a menu item to the next or previous column. This option will help you to divide menu items into columns.</p>
</li>
<li><strong>Resize submenu and column width</strong> : T3 allows you to change the size of a submenu. To do so, select the submenu then change its size in pixel. After changing the size of the submenu, you can change the size of a column. Just select the column and set the Width (max 12).</li>
</ul>
<h3>Style Megamenu</h3>
<p>You can style for any level of Megamenu including Menu Items, Columns, Submenus by Adding a class to Extra Class field.</p>
<p><img src="https://www.themexpert.com/images/docs/framework/t3megamenu-style.png" alt="T3 Megamenu Options" class="img-responsive"></p>
<p>Using two files, you can add style for MegaMenu. megamenu.less in: <code>plugins/system/t3/base/less</code> megamenu.less in: <code>templates/tx_curex/less</code></p>
<ul>
<li>
<p><strong>Add Icon for Menu Item</strong> : You can add class to define icon that you want to add to the menu item, or you can use classes of Bootstrap and Font Awesome.</p>
</li>
<li>Bootstrap 3 icon list</li>
<li>
<p>Font Awesome 4 icon list</p>
</li>
<li><strong>Animation Settings</strong> : T3 supports four types of animation for Megamenu.
<blockquote>
<blockquote>
<blockquote>
<p>This feature is only available from version: 1.2.5</p>
</blockquote>
</blockquote>
</blockquote>
</li>
</ul>
<p>There are two fields configure the animation.</p>
<ul>
<li>Animation type and</li>
<li>Duration</li>
</ul>
<p>Currently, T3 supports four animation types: Fading, Slide, Elastic, and Zoom.</p>
<ul>
<li><strong>Small Screens Menu System</strong> : T3 supports two navigation systems for small screens. First one is the default Bootstrap navigation called Collapse navigation for small screens and The second one is the Off-canvas sidebar. Check out Off-canvas sidebar configuration documentation.</li>
</ul>
<p>For better understanding, watch the video below:</p>
<p>To enable default Bootstrap navigation, in the Navigation tab, enable option Collapse navigation for small screens. After all that, the Front-end Appearance will be like below:</p>
<p><img src="https://www.themexpert.com/images/docs/framework/t3off-canvas-front.png" alt="T3 Megamenu" class="img-responsive"></p>
<blockquote>
<blockquote>
<p>We highly recommend you to disable this option if you use Off-canvas sidebar for navigation in small screens.</p>
</blockquote>
</blockquote>
<h3>General Settings</h3>
<p>The global settings are applied for all styles, themes, and layout, no matter the settings are changed in any styles.</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/meteor/general.png" alt="General Settings" class="img-responsive"></p>
<ul>
<li><strong>Development Mode</strong> : As this is an important option, you should get the differences between <strong>Enabling</strong> and <strong>Disabling</strong> the option clearly. You should enable this option while you are developing your site.</li>
</ul>
<blockquote>
<blockquote>
<p>We recommend to use Chrome Developer Tool or Firebug when developing your site. These tools help you to find problem and solve them faster.</p>
</blockquote>
</blockquote>
<p>Once it's turned on, your site will directly run original files - LESS files. The LESS files are located in <code>templates/tx_Curex_less/</code> or <code>templates/tx_curex/less</code></p>
<blockquote>
<blockquote>
<blockquote>
<p>Make sure to turn off development mode when your site goes live. It may decrease your site loading speed on production environment.</p>
</blockquote>
</blockquote>
</blockquote>
<p>All compiled CSS files are located in <code>templates\tx_curex\css</code>. But we don't recommend you to customize your site with the CSS files in this folder as each time you compile LESS to CSS, the files will be overridden.</p>
<ul>
<li><strong>ThemeMagic</strong> : By enabling this option, you’ll find ThemeMagic enriched customization panel to customize the theme according to your preference.</li>
<li>
<p><strong>Legacy Compatible</strong> : By enabling this feature, some compatible Bootstrap 2.0 as well as Font Awesome 3.0 style will be loaded.</p>
</li>
<li><strong>Responsive</strong> : Turn ON-OFF template responsiveness. By turning on, your site will be responsive according to the device screen size. If you turn the option OFF, you can set the screen size manually.</li>
<li>
<p><strong>Build RTL CSS</strong> : This option allows you to fix the language appearance. Usually, some language like Arabic is to read from the right-hand side. If it is turned off, also those languages will appear from the left side and won't be understandable.</p>
</li>
<li>
<p><strong>T3 Assets Folder</strong> : Defining the T3 Framework Asset Folder. It can be only done when the <strong>Development Mode</strong> or <strong>Optimize CSS</strong> is set to "YES".</p>
</li>
<li><strong>Show T3 Logo</strong> : Allows to enable or disable T3 Logo in footer.</li>
<li><strong>Optimization</strong> : In the case of Development mode is off, you are allowed to enable or disable option: Optimize CSS and Optimize JS. This option will optimize and join CSS files. By this way, it will improve your site performance. When enabled, the optimized and joined CSS files will be located in the defined T3 Assets Folder folder. By default this folder is t3-assets.</li>
</ul>
<p>For better understanding, watch the video below:</p>
<ul>
<li><strong>Link Title For Article View</strong> : Allows to enable put hyperlink to single article.</li>
</ul>
<h3>Theme Settings</h3>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/meteor/theme.png" alt="Theme Settings" class="img-responsive"></p>
<ul>
<li>
<p><strong>Theme</strong> : This option allows you to choose a preset style for the current theme. It affects and changes the whole user interface according to its previously set color as well as font for the particular section on the theme.</p>
</li>
<li>
<p><strong>Logo Type</strong> : Type you can either select image logo style or text logo style.</p>
</li>
<li>
<p><strong>Site Name</strong> : Specify the name of your site.</p>
</li>
<li>
<p><strong>Slogan</strong> : Write a slogan for your site.</p>
</li>
<li>
<p><strong>Logo Image</strong> : Using this option, you can select an image that you want to use as the logo for your site. If you choose Image Logo Type in the previous option, only then this setting will appear.</p>
</li>
<li><strong>Enable Small Logo</strong> : If this set on, a small version responsive logo will appear for the small screens. That logo image has to be selected from the following option; <strong>Small Logo Image</strong></li>
</ul>
<blockquote>
<blockquote>
<p>You can find this below option only when you enable the option; <strong>Small Logo Image</strong>.</p>
</blockquote>
</blockquote>
<ul>
<li><strong>Logo SVG Code</strong> : If you have any svg logo code, paste it here and the svg logo will be visible at the site.</li>
</ul>
<h3>Layout Setting</h3>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/curex/layout-settings.png" alt="CureX" class="img-responsive"></p>
<ul>
<li><strong>Position &amp; Responsive Configuration</strong> : Select a Layout configuration style.</li>
<li><strong>Layout structure</strong> : Assign the Module Position.</li>
<li><strong>Responsive layout configuration</strong> : Select responsive layout size. It can be Large, Medium, Small and Extra Small as well.</li>
</ul>
<p>To know more about <strong>Layout Configuration</strong>, we recommend you to watch the video below:</p>
<h3>Navigation Settings</h3>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/meteor/navigation.png" alt="Navigation Settings" class="img-responsive"></p>
<ul>
<li>
<p><strong>Menu</strong> : Select menu to configure megamenu.</p>
<blockquote>
<blockquote>
<p>The navigation settings are not global settings, so in each style, it may have difference navigations and in each style, you can display different menus as the main menu.</p>
</blockquote>
</blockquote>
</li>
<li><strong>Dropdown Trigger</strong> : Define the style while mouse hovers on the menu items to fetch sub-menus.</li>
</ul>
<p><strong>MegaMenu Configuration</strong></p>
<ul>
<li>
<p><strong>Enable Megamenu</strong> : To enable Megamenu, under <strong>Navigation</strong> tab, set <strong>ON</strong> to Enable Megamenu option. <code>Megamenu &gt; Enable Megamenu</code>.</p>
</li>
<li><strong>Animation</strong> : Define animation effect for <strong>Megamenu</strong>.</li>
<li>
<p><strong>Duration</strong> : Define the animation speed.</p>
</li>
<li>
<p><strong>Collapse navigation for small screens</strong> : Allows you to enable default collapse navigation for the main navigation menu for small screens.</p>
</li>
<li>
<p><strong>Configuration Level</strong> : There are three levels of configuration that you are suppose to know;</p>
<ol>
<li>Submenu Setting</li>
<li>Column Setting</li>
<li>Menu Item Setting</li>
</ol></li>
<li>
<p><strong>Sub-megamenu Setting</strong> : This setting allows you to configure the width of the sub-megamenu, add the column, and add class that manage the style.</p>
</li>
<li>
<p><strong>Column Setting</strong> : Here, you can Add column, remove column, set width of column and assign the module to column as well.</p>
</li>
<li><strong>Main Item Setting</strong> : In this configuration level, you can <strong>Enable</strong> or <strong>Disable</strong> Submenu, Whether a menu item displays sub-menus in a group or not, Move menu item to the right or left, Assign a module to a module menu item, Add icon for the menu item.</li>
</ul>
<h3>Add-ons Settings</h3>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/meteor/addOns.png" alt="Add-ons Settings" class="img-responsive"></p>
<h4>Off-canvas Sidebar</h4>
<ul>
<li><strong>Enable</strong> : Enabling or Disabling Off-canvas Sidebar. Assign a module position to Off-canvas sidebar. By default, Off-canvas will be assigned to off-canvas position. Add content to Off-canvas sidebar by creating modules then assign them to off-canvas position</li>
</ul>
<p>Front-end Appearance will be like below:</p>
<p><img src="https://www.themexpert.com/images/docs/framework/t3off-canvas-front.png" alt="Off-Canvas Sidebar" class="img-responsive"></p>
<blockquote>
<blockquote>
<p>To display menu in the off-canvas sidebar, create module menu then assign the menu to "off-canvas" position.</p>
</blockquote>
</blockquote>
<p>For better understanding, watch the video below:</p>
<ul>
<li><strong>Off-Canvas Effect</strong> : The effect used in Off-Canvas Sidebar menu. You can change the effect from this drop down menu.</li>
</ul>
<h3>Custom Codes</h3>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/meteor/customCode.png" alt="Custom Code Settings" class="img-responsive"></p>
<p>The tab includes settings that allows you to add scripts like Google Analytic, Live chat service to any position.</p>
<blockquote>
<blockquote>
<p>To add scripts, you have to open Custom Code tab then you can add scripts in four positions: Before Head, After Head, Before Body and After Body as well.</p>
</blockquote>
</blockquote>
<p>In front-page, you can see the source code to watch whether the scripts are added or not</p>
<p><img src="https://www.themexpert.com/images/docs/framework/t3custom-code-front.png" alt="Custom Code" class="img-responsive"></p>
<ul>
<li><strong>Show debug module position: </strong>You can <strong>Enable</strong> or <strong>Disable</strong> this option. By Enabling this option, you can add a module before closing tag.</li>
</ul>
<h3>Template Options</h3>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/curex/template-options.png" alt="CureX" class="img-responsive"></p>
<ul>
<li><strong>Preloader</strong> : When you reload the site, an excellent loading animation will appear on your screen till the site fully loaded only if you enable the preloader option.</li>
</ul>
<p>For getting the option, go to template setting <code>Extensions &gt; Templates &gt; Select your template &gt; Template Options</code>, It will open template option screen. You can turn this feature enable/disable shown on the screenshot below.</p>
<ul>
<li>
<p><strong>Go To Top</strong> : You can add a "Go To To" button at the right bottom side of you site and by clicking on it, it will be taken at the top of the site if necessary.</p>
</li>
<li>
<p><strong>Off-canvas Position</strong> : Allows you to choose off-canvas menu position from either left or right.</p>
</li>
<li>
<p><strong>Fixed Footer</strong> : Define whether you want to fix your footer or not.</p>
</li>
<li>
<p><strong>Transparent Header</strong> : You can set the header transparent by enabling this option.</p>
</li>
<li>
<p><strong>Sticky Header</strong> : This option allows you to <strong>Enable</strong> or <strong>Disable</strong> sticky header. When you scroll down your site, the Header will be fixed in its position if this option is set <strong>Enabled</strong> previously.</p>
</li>
<li>
<p><strong>Upload Favicon</strong> : You can change the favicon of your site by simply selecting from your computer hard drive or from online link.</p>
</li>
<li>
<p><strong>Header Variation</strong> : Choose your preferred <strong>Header</strong> styles.</p>
</li>
<li>
<p><strong>Search Menu ID</strong> : Choose the menu where you want to show your search result. You can make an entirely new page to show search result or use any of the existing page.</p>
</li>
<li>
<p><strong>Enable Social</strong> : By enabling this option, you can set your social profiling link. Only when you enable this option, you will find the most common social website name and their corresponding empty text box. You just need to put your profile link on the appropriate text box and that's it.</p>
</li>
<li>
<p><strong>Enable Box Layout</strong> : <em>Enabling</em> or <em>Disabling</em> Box Layout</p>
</li>
<li><strong>Enable Video Background</strong> : <em>Enabling</em> or <em>Disabling</em> Video as Background. After Enabling this option, you need to provide the <em>Video Background Class</em>, <em>Video Poster</em> (optional) and <em>YouTube Video ID</em>.</li>
</ul>
<blockquote>
<blockquote>
<p>If you want to use this video as a background of a section, you just need to put the <strong>Video Background Class</strong> on that section class. Under the section settings, you will find a defined place to put additional class in case you need.</p>
</blockquote>
</blockquote>
<ul>
<li>
<p><strong>Enable Copyright Area</strong> : Allows you to enable copyright area.</p>
</li>
<li>
<p><strong>Copyright Text</strong> : Write the Copyright information text according to your wish.</p>
</li>
<li>
<p><strong>Show ThemeXpert Credit?</strong> : Define that you want to show ThemeXpert Credit or not.</p>
</li>
<li>
<p><strong>Custom Error Page</strong> : Define Error Page from here. To do so, first you need to enable this option.</p>
</li>
<li><strong>Coming Soon Page</strong> : Set the coming soon page similarly like error page.</li>
</ul>
<h3>Typography Settings</h3>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/meteor/typography.png" alt="Typography Settings" class="img-responsive"></p>
<p>With <strong>Typography Settings</strong>, you can define different font style for different particles in your site like: Body, Heading1, Heading2, Heading3, Heading4, Heading5, Heading6 and Navigation Menu as well. To apply that, you have to just <strong>Enable</strong> the area in which you want to apply the font and customize customize style, then just select the font from the drop down menu.</p>
<p><img src="https://www.themexpert.com/images/docs/framework/t3typography_1.png" alt="T3 Typography Settings" class="img-responsive"></p>
<p>If you are unable to find any font from the drop down menu, you have to check for the update fonts and have to download. After that, you can apply those new downloaded fonts too.</p>
<p><img src="https://www.themexpert.com/images/docs/framework/t3typography_2.png" alt="T3 Typography Settings" class="img-responsive"></p>
<h3>Blog Settings</h3>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/meteor/blog.png" alt="Blog Settings" class="img-responsive"></p>
<h4>Post Format</h4>
<ul>
<li>
<p><strong>Show Icon </strong>: Enabling or Disabling post icon.</p>
</li>
<li>
<p><strong>Show Comments </strong> : Enabling or Disabling social comments on posts. After enabling, a setting module will appear and you need to provide the information in those corresponding boxes to successfully configure social commenting option in your blog post.</p>
</li>
<li><strong>Enable Social Share :</strong> Allow you to either Enable or Disable sharing on social sites.</li>
</ul>
<h2>Creating Pages With Quix</h2>
<p>Quix is the most powerful tool of Joomla with 50+ elements in its pro version. You can create your complete dream website using these elements within a very short time just by simple drag &amp; drop. You can control the page layout and manage everything from one place. It has advanced caching mechanism and powerful rendering engine that's why the site load pretty faster and it is compatible with any template or any framework in Joomla. In short, It's just awesome!!</p>
<p>Now, I will show you the procedure to create a complete website without even a single line of coding.</p>
<p>Here is the process to install <a href="https://www.themexpert.com/docs/tutorials/install-akeeba-quickstart" title="QuickStart"><strong>QuickStart</strong></a></p>
<p>You can <a href="https://www.themexpert.com/docs/tutorials/how-to-manually-install-joomla"><strong>Manually Install Joomla</strong></a>, following this procedure.</p>
<h3>Home Page</h3>
<p>Go to <code>Quix&gt; Pages&gt;Click on New</code></p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/joomhost/Quix1.png" alt="Quix Home Page" class="img-responsive"></p>
<p>Give a Page name on the <strong>Title</strong> Box. Click on the Top Right Corner Icon which will allow you to select presets from sort of default saved presets.</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/joomhost/Quix2.png" alt="Quix Home Page" class="img-responsive"></p>
<p>Click <strong>Load From Preset</strong> and then click on the right side <strong>Load</strong> button of your selected preset.</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/curex/layout-presets.PNG" alt="CureX" class="img-responsive"></p>
<p>Click on the <strong>Save</strong> Button or Manually press <code>Ctrl+S</code> from your keyboard. <strong>Close</strong> it by clicking on the Close Button.</p>
<p><strong>Front-end appearance for Home Layout 1: </strong></p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/curex/home-1.jpg" alt="CureX" class="img-responsive"></p>
<p><strong>Front-end appearance for Home Layout 2: </strong></p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/curex/Home-2.jpg" alt="CureX" class="img-responsive"></p>
<p><strong>Front-end appearance for Home Layout 3: </strong></p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/curex/Home-3.jpg" alt="CureX" class="img-responsive"></p>
<p><strong>Front-end appearance for Home Layout 4: </strong></p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/curex/Home-4.jpg" alt="CureX" class="img-responsive"></p>
<h2>How To's</h2>
<h3>Changing Header Style</h3>
<p>You can change the style of your template header. To do so, go to <code>Extensions&gt; Templates&gt; Click on tx_curex- Default</code> then the template configuration module will appear. Now, under the <strong>Template Options</strong> tab, find the <strong>Header</strong> area. Choose your preferred header variation from the <strong>Header Variation</strong> drop down.</p>
<p><img src="https://www.themexpert.com/images/templates/primer/header-variation.png" alt="CureX" class="img-responsive"></p>
<h2>Curex Elements</h2>
<h3>Doctor</h3>
<p><strong>General</strong></p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/curex/doctor-general.PNG" alt="CureX" class="img-responsive"></p>
<ul>
<li><strong>Name</strong> : Put the name for the person at here.</li>
<li><strong>Position</strong> : Define persons position or designation at here.</li>
<li><strong>Image</strong> : Choose the image or type the URL of the image you want to display.</li>
<li><strong>Description</strong> : Type your desired description for the element at here.</li>
<li><strong>Phone</strong> : Define the phone number at here.</li>
<li><strong>Email</strong> : Define the email address at here.</li>
<li><strong>Details Page Link</strong> : Enter the link of redirection at here. Toggle to YES, for open the redirected link into a new tab.</li>
</ul>
<p><strong>Styles</strong> :</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/curex/doctor-style.PNG" alt="CureX" class="img-responsive"></p>
<p>Under styles area, you can find detail styling settings. You can put your custom style properties in animation, title font, title color, image style, image margin, icon color, border radius, thickness and other settings.</p>
<p><strong>Animation</strong> :</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/curex/doctor-animation.PNG" alt="CureX" class="img-responsive"></p>
<p>Under this area, you can put different types of animations on entrance and hover with custom settings.</p>
<p><strong>Advanced</strong> :</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/curex/doctor-advanced.PNG" alt="CureX" class="img-responsive"></p>
<p>Under this area, you can find an empty textbox named <em>class</em>. It's for defining additional class to add some css properties, if necessary for designing needs.</p>
<h3>Smart Modal</h3>
<p><strong>General</strong></p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/curex/smart-modal-general.PNG" alt="CureX" class="img-responsive"></p>
<ul>
<li><strong>Element ID</strong> : Put element id at here. For example: if you want to show form, then put form id at here.</li>
<li><strong>Button Text</strong> : Put the text you want to show, at here.</li>
<li><strong>Enable Icon</strong> : Toggle this button to YES, to enable icon option on modal.</li>
<li><strong>Icon</strong> : Choose preferable icon for your element form here.</li>
<li><strong>Icon placement</strong> : Choose position, where you want to place your icon.</li>
</ul>
<p><strong>Styles</strong> :</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/curex/smart-modal-style.PNG" alt="CureX" class="img-responsive"></p>
<p>Under styles area, you can find detail styling settings. You can put your custom style properties in margin, padding, font, color, background, meta font, box shadow and many more.</p>
<p><strong>Animation</strong> :</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/curex/smart-modal-animation.PNG" alt="CureX" class="img-responsive"></p>
<p>Under this area, you can put different types of animations on entrance and hover with custom settings.</p>
<p><strong>Advanced</strong> :</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/curex/smart-modal-advanced.PNG" alt="CureX" class="img-responsive"></p>
<p>Under this area, you can find an empty textbox named <em>class</em>. It's for defining additional class to add some css properties, if necessary for designing needs.</p>
<h2>Quix How To Tutorial</h2>
<p>We have a series Tutorials on <strong>Quix</strong>, describing things in step by step procedure. It will help you to have a clear concept regarding sort of important things that leads to boost-up building your site. Find it on the below link. <a href="https://www.themexpert.com/video-tutorials"><img src="https://blog.transcom.com/wp-content/uploads/2015/11/OPERATIONS-video-tutorial.png" style="height: 414px;"></a></p>
<h2>Creating Blog with Joomla</h2>
<p><strong>Blogging</strong> using Joomla is now much easier than before. You can go through <a href="https://www.themexpert.com/docs/tutorials/how-to-create-blog-in-joomla" title="How to create Blog in Joomla"><strong>detail</strong></a> here about <em>How to create</em> <strong>Blog</strong> <em>in Joomla within a very short time</em></p>
<p><a href="https://www.themexpert.com/docs/tutorials/how-to-create-blog-in-joomla"><img src="https://www.themexpert.com/images/docs/joomla-templates/meteor/Blog.jpg" style="height: 414px;"></a></p>]]></description>
			<author>parvez@themexpert.com (Parvez Akther)</author>
			<category>Joomla Templates</category>
			<pubDate>Mon, 26 Feb 2018 13:05:59 +0600</pubDate>
		</item>
		<item>
			<title>Primer</title>
			<link>https://www.themexpert.com/docs/joomla-templates/primer</link>
			<guid isPermaLink="true">https://www.themexpert.com/docs/joomla-templates/primer</guid>
			<description><![CDATA[<p><img src="https://www.themexpert.com/images/templates/primer/primer-featured.png" /></p><p><img src="https://www.themexpert.com/images/templates/primer/primer-featured.png" width="1200" height="900" alt="primer featured"></p>
<p>Super sleek responsive onepage Joomla template for your business, agency website. Featuring crypto currency homepage with realtime conversion rates module. Built with state-of-the-art pagebuilder Quix.</p>
<h2>Key Features</h2>
<ul>
<li>3 Stylish built-in Home layouts</li>
<li>Video Background</li>
<li>Drag &amp; Drop Development</li>
<li>Cross Browser Compatibility</li>
<li>Fully Clean Codes</li>
<li>Ajax based Search</li>
<li>RTL Supported</li>
<li>SEO Optimized</li>
<li>Primer Bar Counter</li>
<li>Parallax Background</li>
<li>Fast loading Speed</li>
<li>Shape Divider</li>
<li>Primer Slider</li>
<li>Sticky Header</li>
<li>Video Element</li>
<li>Full-Width Home Variations</li>
<li>Primer Button</li>
<li>Megamenu</li>
<li>Support from Developers</li>
<li>Easy Customization</li>
<li>rimer Blurb</li>
<li>Primer Testimonial</li>
<li>Elegant Color Gradient</li>
<li>Mobile Responsive</li>
<li>Video Tutorials</li>
<li>Get Regular Updates</li>
<li>Enriched Documentation</li>
<li>Social Share</li>
<li>Transparent Header</li>
<li>Primer Gallery</li>
</ul>
<h2>Requirements</h2>
<p>In order to run Primer smoothly on your server, you need to fulfill this requirements listed below :</p>
<ul>
<li>Joomla: 3.8+</li>
<li>Server : PHP 5.6+</li>
<li>Page Builder : Quix 1.9+</li>
</ul>
<h2>Download</h2>
<p>Head over to our <a href="https://www.themexpert.com/downloads">download</a> page and click <strong>Explore</strong> button of template you want to download. You will see several files listed there. Read section below to understand which file to download.</p>
<h2>Installation</h2>
<p>There are 2 ways you can install primer template. Both are pretty simple and straightforward.</p>
<ol>
<li>Install QuickStart package.</li>
<li>Install Everything Manually with recommended extensions.</li>
</ol>
<h3>Install QuickStart Package</h3>
<p>QuickStart is a complete Joomla pre-packaged with all required extensions, settings, images, content as well as default template configurations.</p>
<blockquote>
<blockquote>
<p>If you are starting from scratch, we recommend you to download Quickstart package and install it. This is the most simplest way to get started.</p>
</blockquote>
</blockquote>
<p>Please follow step by step process from the video:</p>
<h3>Manual Installation</h3>
<p>If you already have an existing Joomla site and want to apply primer template, you have to install the following packages listed below:</p>
<ul>
<li>T3 Framework plugin</li>
<li>Quix Page Builder</li>
<li>Primer Template</li>
<li>And few other extensions you will find under <strong>required_extensions.zip</strong> file.</li>
</ul>
<p>All of above extensions are very easy to install by following standard Joomla installation process. Simply, go to <code>Extensions &gt; Manage &gt; Install</code> then upload respective extension zip package and hit upload.</p>
<p>You can check our <a href="https://www.themexpert.com/docs/tutorials/how-to-manually-install-joomla" title="Joomla Manual Installation Guide"><strong>extensive installation tutorial</strong></a> to understand more.</p>
<h2>Template Settings</h2>
<p>You can differently customize template according to your need using Easy Customization feature. Go to <code>Extensions &gt; Templates &gt;tx_primer</code>. It will open up Template Setting Screen.</p>
<h3>Compile LESS to CSS</h3>
<p>When site development is complete, you should compile LESS to CSS. This option will compile LESS files to CSS files. All your customization in LESS files will be compiled to corresponding CSS files.</p>
<h3>ThemeMagic</h3>
<p>By enabling this feature, you'll get the <strong>ThemeMagic</strong> customization panel, and with this, you can customize your theme. After customization, you should turn it off.</p>
<p><img src="https://www.themexpert.com/images/docs/framework/t3TM.png" alt="T3 Theme Settings" class="img-responsive"></p>
<p>For better understanding, go through the video below:</p>
<h3>Megamenu Options</h3>
<ul>
<li><strong>Enable Submenu</strong> : This option is to show or hide submenu of a parent menu. If a menu has no submenus, to enable this option, it allows you to add new submenu and add content to the submenu.</li>
</ul>
<p>To add a submenu, click on the menu in which you want to add submenu.</p>
<blockquote>
<blockquote>
<p>You can only add a submenu for a menu that has no child menus.</p>
</blockquote>
</blockquote>
<ul>
<li>
<p><strong>Add New Column/ Row</strong> : You can add new <strong>columns</strong> or <strong>rows</strong> for a selected Column/ Row.</p>
</li>
<li>
<p><strong>Group Submenu or not</strong> : You can group submenus of any menu item by selecting the menu item then enable option "Group."</p>
</li>
<li>
<p><strong>Assign any module for new created Row/ Submenu</strong> : After adding new Row/ Submenu, you can display content from any module by assigning the module to the Row/ Submenu.</p>
</li>
<li>
<p><strong>Move Menu Item</strong> : You can move a menu item to the next or previous column. This option will help you to divide menu items into columns.</p>
</li>
<li><strong>Resize submenu and column width</strong> : T3 allows you to change the size of a submenu. To do so, select the submenu then change its size in pixel. After changing the size of the submenu, you can change the size of a column. Just select the column and set the Width (max 12).</li>
</ul>
<h3>Style Megamenu</h3>
<p>You can style for any level of Megamenu including Menu Items, Columns, Submenus by Adding a class to Extra Class field.</p>
<p><img src="https://www.themexpert.com/images/docs/framework/t3megamenu-style.png" alt="T3 Megamenu Options" class="img-responsive"></p>
<p>Using two files, you can add style for MegaMenu. megamenu.less in: <code>plugins/system/t3/base/less</code> megamenu.less in: <code>templates/tx_primer/less</code></p>
<ul>
<li>
<p><strong>Add Icon for Menu Item</strong> : You can add class to define icon that you want to add to the menu item, or you can use classes of Bootstrap and Font Awesome.</p>
</li>
<li>Bootstrap 3 icon list</li>
<li>
<p>Font Awesome 4 icon list</p>
</li>
<li><strong>Animation Settings</strong> : T3 supports four types of animation for Megamenu.
<blockquote>
<blockquote>
<blockquote>
<p>This feature is only available from version: 1.2.5</p>
</blockquote>
</blockquote>
</blockquote>
</li>
</ul>
<p>There are two fields configure the animation.</p>
<ul>
<li>Animation type and</li>
<li>Duration</li>
</ul>
<p>Currently, T3 supports four animation types: Fading, Slide, Elastic, and Zoom.</p>
<ul>
<li><strong>Small Screens Menu System</strong> : T3 supports two navigation systems for small screens. First one is the default Bootstrap navigation called Collapse navigation for small screens and The second one is the Off-canvas sidebar. Check out Off-canvas sidebar configuration documentation.</li>
</ul>
<p>For better understanding, watch the video below:</p>
<p>To enable default Bootstrap navigation, in the Navigation tab, enable option Collapse navigation for small screens. After all that, the Front-end Appearance will be like below:</p>
<p><img src="https://www.themexpert.com/images/docs/framework/t3off-canvas-front.png" alt="T3 Megamenu" class="img-responsive"></p>
<blockquote>
<blockquote>
<p>We highly recommend you to disable this option if you use Off-canvas sidebar for navigation in small screens.</p>
</blockquote>
</blockquote>
<h3>General Settings</h3>
<p>The global settings are applied for all styles, themes, and layout, no matter the settings are changed in any styles.</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/meteor/general.png" alt="General Settings" class="img-responsive"></p>
<ul>
<li><strong>Development Mode</strong> : As this is an important option, you should get the differences between <strong>Enabling</strong> and <strong>Disabling</strong> the option clearly. You should enable this option while you are developing your site.</li>
</ul>
<blockquote>
<blockquote>
<p>We recommend to use Chrome Developer Tool or Firebug when developing your site. These tools help you to find problem and solve them faster.</p>
</blockquote>
</blockquote>
<p>Once it's turned on, your site will directly run original files - LESS files. The LESS files are located in <code>templates/tx_Primer_less/</code> or <code>templates/tx_primer/less</code></p>
<blockquote>
<blockquote>
<blockquote>
<p>Make sure to turn off development mode when your site goes live. It may decrease your site loading speed on production environment.</p>
</blockquote>
</blockquote>
</blockquote>
<p>All compiled CSS files are located in <code>templates\tx_primer\css</code>. But we don't recommend you to customize your site with the CSS files in this folder as each time you compile LESS to CSS, the files will be overridden.</p>
<ul>
<li><strong>ThemeMagic</strong> : By enabling this option, you’ll find ThemeMagic enriched customization panel to customize the theme according to your preference.</li>
<li>
<p><strong>Legacy Compatible</strong> : By enabling this feature, some compatible Bootstrap 2.0 as well as Font Awesome 3.0 style will be loaded.</p>
</li>
<li><strong>Responsive</strong> : Turn ON-OFF template responsiveness. By turning on, your site will be responsive according to the device screen size. If you turn the option OFF, you can set the screen size manually.</li>
<li>
<p><strong>Build RTL CSS</strong> : This option allows you to fix the language appearance. Usually, some language like Arabic is to read from the right-hand side. If it is turned off, also those languages will appear from the left side and won't be understandable.</p>
</li>
<li>
<p><strong>T3 Assets Folder</strong> : Defining the T3 Framework Asset Folder. It can be only done when the <strong>Development Mode</strong> or <strong>Optimize CSS</strong> is set to "YES".</p>
</li>
<li><strong>Show T3 Logo</strong> : Allows to enable or disable T3 Logo in footer.</li>
<li><strong>Optimization</strong> : In the case of Development mode is off, you are allowed to enable or disable option: Optimize CSS and Optimize JS. This option will optimize and join CSS files. By this way, it will improve your site performance. When enabled, the optimized and joined CSS files will be located in the defined T3 Assets Folder folder. By default this folder is t3-assets.</li>
</ul>
<p>For better understanding, watch the video below:</p>
<ul>
<li><strong>Link Title For Article View</strong> : Allows to enable put hyperlink to single article.</li>
</ul>
<h3>Theme Settings</h3>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/meteor/theme.png" alt="Theme Settings" class="img-responsive"></p>
<ul>
<li>
<p><strong>Theme</strong> : This option allows you to choose a preset style for the current theme. It affects and changes the whole user interface according to its previously set color as well as font for the particular section on the theme.</p>
</li>
<li>
<p><strong>Logo Type</strong> : Type you can either select image logo style or text logo style.</p>
</li>
<li>
<p><strong>Site Name</strong> : Specify the name of your site.</p>
</li>
<li>
<p><strong>Slogan</strong> : Write a slogan for your site.</p>
</li>
<li>
<p><strong>Logo Image</strong> : Using this option, you can select an image that you want to use as the logo for your site. If you choose Image Logo Type in the previous option, only then this setting will appear.</p>
</li>
<li><strong>Enable Small Logo</strong> : If this set on, a small version responsive logo will appear for the small screens. That logo image has to be selected from the following option; <strong>Small Logo Image</strong></li>
</ul>
<blockquote>
<blockquote>
<p>You can find this below option only when you enable the option; <strong>Small Logo Image</strong>.</p>
</blockquote>
</blockquote>
<ul>
<li><strong>Logo SVG Code</strong> : If you have any svg logo code, paste it here and the svg logo will be visible at the site.</li>
</ul>
<h3>Layout Setting</h3>
<p><img src="https://www.themexpert.com/images/templates/primer/layout-setting.png" alt="Primer" class="img-responsive"></p>
<ul>
<li><strong>Position &amp; Responsive Configuration</strong> : Select a Layout configuration style.</li>
<li><strong>Layout structure</strong> : Assign the Module Position.</li>
<li><strong>Responsive layout configuration</strong> : Select responsive layout size. It can be Large, Medium, Small and Extra Small as well.</li>
</ul>
<p>To know more about <strong>Layout Configuration</strong>, we recommend you to watch the video below:</p>
<h3>Navigation Settings</h3>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/meteor/navigation.png" alt="Navigation Settings" class="img-responsive"></p>
<ul>
<li>
<p><strong>Menu</strong> : Select menu to configure megamenu.</p>
<blockquote>
<blockquote>
<p>The navigation settings are not global settings, so in each style, it may have difference navigations and in each style, you can display different menus as the main menu.</p>
</blockquote>
</blockquote>
</li>
<li><strong>Dropdown Trigger</strong> : Define the style while mouse hovers on the menu items to fetch sub-menus.</li>
</ul>
<p><strong>MegaMenu Configuration</strong></p>
<ul>
<li>
<p><strong>Enable Megamenu</strong> : To enable Megamenu, under <strong>Navigation</strong> tab, set <strong>ON</strong> to Enable Megamenu option. <code>Megamenu &gt; Enable Megamenu</code>.</p>
</li>
<li><strong>Animation</strong> : Define animation effect for <strong>Megamenu</strong>.</li>
<li>
<p><strong>Duration</strong> : Define the animation speed.</p>
</li>
<li>
<p><strong>Collapse navigation for small screens</strong> : Allows you to enable default collapse navigation for the main navigation menu for small screens.</p>
</li>
<li>
<p><strong>Configuration Level</strong> : There are three levels of configuration that you are suppose to know;</p>
<ol>
<li>Submenu Setting</li>
<li>Column Setting</li>
<li>Menu Item Setting</li>
</ol></li>
<li>
<p><strong>Sub-megamenu Setting</strong> : This setting allows you to configure the width of the sub-megamenu, add the column, and add class that manage the style.</p>
</li>
<li>
<p><strong>Column Setting</strong> : Here, you can Add column, remove column, set width of column and assign the module to column as well.</p>
</li>
<li><strong>Main Item Setting</strong> : In this configuration level, you can <strong>Enable</strong> or <strong>Disable</strong> Submenu, Whether a menu item displays sub-menus in a group or not, Move menu item to the right or left, Assign a module to a module menu item, Add icon for the menu item.</li>
</ul>
<h3>Add-ons Settings</h3>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/meteor/addOns.png" alt="Add-ons Settings" class="img-responsive"></p>
<h4>Off-canvas Sidebar</h4>
<ul>
<li><strong>Enable</strong> : Enabling or Disabling Off-canvas Sidebar. Assign a module position to Off-canvas sidebar. By default, Off-canvas will be assigned to off-canvas position. Add content to Off-canvas sidebar by creating modules then assign them to off-canvas position</li>
</ul>
<p>Front-end Appearance will be like below:</p>
<p><img src="https://www.themexpert.com/images/docs/framework/t3off-canvas-front.png" alt="Off-Canvas Sidebar" class="img-responsive"></p>
<blockquote>
<blockquote>
<p>To display menu in the off-canvas sidebar, create module menu then assign the menu to "off-canvas" position.</p>
</blockquote>
</blockquote>
<p>For better understanding, watch the video below:</p>
<ul>
<li><strong>Off-Canvas Effect</strong> : The effect used in Off-Canvas Sidebar menu. You can change the effect from this drop down menu.</li>
</ul>
<h3>Custom Codes</h3>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/meteor/customCode.png" alt="Custom Code Settings" class="img-responsive"></p>
<p>The tab includes settings that allows you to add scripts like Google Analytic, Live chat service to any position.</p>
<blockquote>
<blockquote>
<p>To add scripts, you have to open Custom Code tab then you can add scripts in four positions: Before Head, After Head, Before Body and After Body as well.</p>
</blockquote>
</blockquote>
<p>In front-page, you can see the source code to watch whether the scripts are added or not</p>
<p><img src="https://www.themexpert.com/images/docs/framework/t3custom-code-front.png" alt="Custom Code" class="img-responsive"></p>
<ul>
<li><strong>Show debug module position: </strong>You can <strong>Enable</strong> or <strong>Disable</strong> this option. By Enabling this option, you can add a module before closing tag.</li>
</ul>
<h3>Template Options</h3>
<p><img src="https://www.themexpert.com/images/templates/primer/templates-options.png" alt="Primer" class="img-responsive"></p>
<ul>
<li><strong>Preloader</strong> : When you reload the site, an excellent loading animation will appear on your screen till the site fully loaded only if you enable the preloader option.</li>
</ul>
<p>For getting the option, go to template setting <code>Extensions &gt; Templates &gt; Select your template &gt; Template Options</code>, It will open template option screen. You can turn this feature enable/disable shown on the screenshot below.</p>
<ul>
<li>
<p><strong>Go To Top</strong> : You can add a "Go To To" button at the right bottom side of you site and by clicking on it, it will be taken at the top of the site if necessary.</p>
</li>
<li>
<p><strong>Off-canvas Position</strong> : Allows you to choose off-canvas menu position from either left or right.</p>
</li>
<li>
<p><strong>Fixed Footer</strong> : Define whether you want to fix your footer or not.</p>
</li>
<li>
<p><strong>Transparent Header</strong> : You can set the header transparent by enabling this option.</p>
</li>
<li>
<p><strong>Sticky Header</strong> : This option allows you to <strong>Enable</strong> or <strong>Disable</strong> sticky header. When you scroll down your site, the Header will be fixed in its position if this option is set <strong>Enabled</strong> previously.</p>
</li>
<li>
<p><strong>Upload Favicon</strong> : You can change the favicon of your site by simply selecting from your computer hard drive or from online link.</p>
</li>
<li>
<p><strong>Header Variation</strong> : Choose your preferred <strong>Header</strong> styles.</p>
</li>
<li>
<p><strong>Search Menu ID</strong> : Choose the menu where you want to show your search result. You can make an entirely new page to show search result or use any of the existing page.</p>
</li>
<li>
<p><strong>Enable Social</strong> : By enabling this option, you can set your social profiling link. Only when you enable this option, you will find the most common social website name and their corresponding empty text box. You just need to put your profile link on the appropriate text box and that's it.</p>
</li>
<li>
<p><strong>Enable Box Layout</strong> : <em>Enabling</em> or <em>Disabling</em> Box Layout</p>
</li>
<li><strong>Enable Video Background</strong> : <em>Enabling</em> or <em>Disabling</em> Video as Background. After Enabling this option, you need to provide the <em>Video Background Class</em>, <em>Video Poster</em> (optional) and <em>YouTube Video ID</em>.</li>
</ul>
<blockquote>
<blockquote>
<p>If you want to use this video as a background of a section, you just need to put the <strong>Video Background Class</strong> on that section class. Under the section settings, you will find a defined place to put additional class in case you need.</p>
</blockquote>
</blockquote>
<ul>
<li>
<p><strong>Enable Copyright Area</strong> : Allows you to enable copyright area.</p>
</li>
<li>
<p><strong>Copyright Text</strong> : Write the Copyright information text according to your wish.</p>
</li>
<li>
<p><strong>Show ThemeXpert Credit?</strong> : Define that you want to show ThemeXpert Credit or not.</p>
</li>
<li>
<p><strong>Custom Error Page</strong> : Define Error Page from here. To do so, first you need to enable this option.</p>
</li>
<li><strong>Coming Soon Page</strong> : Set the coming soon page similarly like error page.</li>
</ul>
<h3>Typography Settings</h3>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/meteor/typography.png" alt="Typography Settings" class="img-responsive"></p>
<p>With <strong>Typography Settings</strong>, you can define different font style for different particles in your site like: Body, Heading1, Heading2, Heading3, Heading4, Heading5, Heading6 and Navigation Menu as well. To apply that, you have to just <strong>Enable</strong> the area in which you want to apply the font and customize customize style, then just select the font from the drop down menu.</p>
<p><img src="https://www.themexpert.com/images/docs/framework/t3typography_1.png" alt="T3 Typography Settings" class="img-responsive"></p>
<p>If you are unable to find any font from the drop down menu, you have to check for the update fonts and have to download. After that, you can apply those new downloaded fonts too.</p>
<p><img src="https://www.themexpert.com/images/docs/framework/t3typography_2.png" alt="T3 Typography Settings" class="img-responsive"></p>
<h3>Blog Settings</h3>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/meteor/blog.png" alt="Blog Settings" class="img-responsive"></p>
<h4>Post Format</h4>
<ul>
<li>
<p><strong>Show Icon </strong>: Enabling or Disabling post icon.</p>
</li>
<li>
<p><strong>Show Comments </strong> : Enabling or Disabling social comments on posts. After enabling, a setting module will appear and you need to provide the information in those corresponding boxes to successfully configure social commenting option in your blog post.</p>
</li>
<li><strong>Enable Social Share :</strong> Allow you to either Enable or Disable sharing on social sites.</li>
</ul>
<h2>Creating Pages With Quix</h2>
<p>Quix is the most powerful tool of Joomla with 50+ elements in its pro version. You can create your complete dream website using these elements within a very short time just by simple drag &amp; drop. You can control the page layout and manage everything from one place. It has advanced caching mechanism and powerful rendering engine that's why the site load pretty faster and it is compatible with any template or any framework in Joomla. In short, It's just awesome!!</p>
<p>Now, I will show you the procedure to create a complete website without even a single line of coding.</p>
<p>Here is the process to install <a href="https://www.themexpert.com/docs/tutorials/install-akeeba-quickstart" title="QuickStart"><strong>QuickStart</strong></a></p>
<p>You can <a href="https://www.themexpert.com/docs/tutorials/how-to-manually-install-joomla"><strong>Manually Install Joomla</strong></a>, following this procedure.</p>
<h3>Home Page</h3>
<p>Go to <code>Quix&gt; Pages&gt;Click on New</code></p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/joomhost/Quix1.png" alt="Quix Home Page" class="img-responsive"></p>
<p>Give a Page name on the <strong>Title</strong> Box. Click on the Top Right Corner Icon which will allow you to select presets from sort of default saved presets.</p>
<p><img src="https://www.themexpert.com/images/docs/joomla-templates/joomhost/Quix2.png" alt="Quix Home Page" class="img-responsive"></p>
<p>Click <strong>Load From Preset</strong> and then click on the right side <strong>Load</strong> button of your selected preset.</p>
<p><img src="https://www.themexpert.com/images/templates/primer/layout-presets.PNG" alt="Primer" class="img-responsive"></p>
<p>Click on the <strong>Save</strong> Button or Manually press <code>Ctrl+S</code> from your keyboard. <strong>Close</strong> it by clicking on the Close Button.</p>
<p><strong>Front-end appearance for Home Layout 1: </strong></p>
<p><img src="https://www.themexpert.com/images/templates/primer/home-1.jpg" alt="Primer" class="img-responsive"></p>
<p><strong>Front-end appearance for Home Layout 2: </strong></p>
<p><img src="https://www.themexpert.com/images/templates/primer/Home-2.jpg" alt="Primer" class="img-responsive"></p>
<p><strong>Front-end appearance for Home Layout 3: </strong></p>
<p><img src="https://www.themexpert.com/images/templates/primer/Home-3.jpg" alt="Primer" class="img-responsive"></p>
<h2>How To's</h2>
<h3>Changing Header Style</h3>
<p>You can change the style of your template header. To do so, go to <code>Extensions&gt; Templates&gt; Click on tx_primer- Default</code> then the template configuration module will appear. Now, under the <strong>Template Options</strong> tab, find the <strong>Header</strong> area. Choose your preferred header variation from the <strong>Header Variation</strong> drop down.</p>
<p><img src="https://www.themexpert.com/images/templates/primer/header-variation.png" alt="Primer" class="img-responsive"></p>
<h2>Primer Elements</h2>
<h3>Primer Bar Counter</h3>
<p><strong>General</strong></p>
<p><img src="https://www.themexpert.com/images/templates/primer/bar-counter-general.PNG" alt="Primer" class="img-responsive"></p>
<ul>
<li><strong>Title</strong> : Put the title for your bar at here.</li>
<li><strong>Percent</strong> : Define a percentage for the bar. With increasing percentage, size of the bar also increases.</li>
<li><strong>Bar color</strong> : Choose the preferable color you want to apply to your bar.</li>
<li><strong>Percentage color</strong> : Choose the preferable color you want to apply to your percentage text.</li>
<li><strong>Bar type</strong> : Choose the type of the Bar.</li>
</ul>
<p><strong>Styles</strong> :</p>
<p><img src="https://www.themexpert.com/images/templates/primer/bar-counter-style.PNG" alt="Primer" class="img-responsive"></p>
<p>Under styles area, you can find detail styling settings. You can put your custom style properties in animation, title font, title color, border radius and thickness.</p>
<p><strong>Animation</strong> :</p>
<p><img src="https://www.themexpert.com/images/templates/primer/bar-counter-animation.PNG" alt="Primer" class="img-responsive"></p>
<p>Under this area, you can put different types of animations with custom settings.</p>
<p><strong>Advanced</strong> :</p>
<p><img src="https://www.themexpert.com/images/templates/primer/barcounter-advanced.PNG" alt="Primer" class="img-responsive"></p>
<p>Under this area, you can find an empty textbox named <em>class</em>. It's for defining additional class to add some css properties, if necessary for designing needs.</p>
<h3>Primer Blurb</h3>
<p><strong>General</strong></p>
<p><img src="https://www.themexpert.com/images/templates/primer/blurb-general.PNG" alt="Primer" class="img-responsive"></p>
<ul>
<li><strong>Title</strong> : Put The suitable title for your blurb at here.</li>
<li><strong>Title Tag</strong> : Choose the your preferred title tag from here.</li>
<li><strong>Link</strong> : On this field put your targeted link at here and toggle the button to <strong>YES</strong> to turn on the function.</li>
<li><strong>Link Apply</strong> : Choose the area of the link.</li>
<li><strong>Select Icon</strong> : Choose what type of media (Image, Icon and SVG ) you want to put on your blurb element.</li>
<li><strong>Image</strong> : Choose the image file from here.</li>
<li><strong>Image Alt Text</strong> : Define the HTML ALT text for image in here.</li>
<li><strong>Icon</strong> : Choose your preferred font awesome icon for your blurb element.</li>
<li><strong>Svg</strong> : Paste your medias svg code at here.</li>
<li><strong>Svg width</strong> : Choose the width for your svg element.</li>
<li><strong>Svg height</strong> : Choose the height for your svg element.</li>
<li><strong>Svg Color</strong> : Choose the color of your svg element.</li>
<li><strong>Image/Icon Placement</strong> : Choose where you want to place your image or icon.</li>
<li><strong>Content Alignment</strong> : Choose your desired alignment for your content.</li>
<li><strong>Content</strong> : Create the text content, you want to add in the blurb element.</li>
</ul>
<p><strong>Styles</strong> :</p>
<p><img src="https://www.themexpert.com/images/templates/primer/blurb-style.PNG" alt="Primer" class="img-responsive"></p>
<p>Under styles area, you can find detail styling settings. You can put your custom style properties in margin, padding, font, color, background, meta font, box shadow and many more.</p>
<p><strong>Animation</strong> :</p>
<p><img src="https://www.themexpert.com/images/templates/primer/blurb-animation.PNG" alt="Primer" class="img-responsive"></p>
<p>Under this area, you can put different types of animations with custom settings.</p>
<p><strong>Advanced</strong> :</p>
<p><img src="https://www.themexpert.com/images/templates/primer/blurb-advanced.PNG" alt="Primer" class="img-responsive"></p>
<p>Under this area, you can find an empty textbox named <em>class</em>. It's for defining additional class to add some css properties, if necessary for designing needs.</p>
<h3>Primer Button</h3>
<p><strong>General</strong></p>
<p><img src="https://www.themexpert.com/images/templates/primer/button-general.PNG" alt="Primer" class="img-responsive"></p>
<ul>
<li><strong>Button</strong> : Define the name of your button and give the url you want to redirect to. Then toggle to YES and the button will be activated.</li>
<li><strong>Icon</strong> : Choose the suitable icon for your button form here.</li>
<li><strong>Icon placement</strong> : Choose the position of your icon placement.</li>
</ul>
<p><strong>Styles</strong> :</p>
<p><img src="https://www.themexpert.com/images/templates/primer/button-style.PNG" alt="Primer" class="img-responsive"></p>
<p>Under styles area, you can find detail styling settings. You can put your custom style properties in margin, padding, font, color, background color and many more.</p>
<p><strong>Animation</strong> :</p>
<p><img src="https://www.themexpert.com/images/templates/primer/button-animation.PNG" alt="Primer" class="img-responsive"></p>
<p>Under this area, you can put different types of animations with custom settings.</p>
<p><strong>Advanced</strong> :</p>
<p><img src="https://www.themexpert.com/images/templates/primer/button-advanced.PNG" alt="Primer" class="img-responsive"></p>
<p>Under this area, you can find an empty textbox named <em>class</em>. It's for defining additional class to add some css properties, if necessary for designing needs.</p>
<h3>Primer Gallery</h3>
<p><strong>General</strong></p>
<p><img src="https://www.themexpert.com/images/templates/primer/gallery-general.PNG" alt="Primer" class="img-responsive"></p>
<ul>
<li><strong>+ ADD NEW</strong> : Add new item for your gallery by clicking on this button.</li>
<li><strong>Title</strong> : Give your preferred title to the gallery item.</li>
<li><strong>Image</strong> : Choose image for your gallery item.</li>
<li><strong>Description</strong> : Type the description for your gallery item.</li>
<li><strong>Link</strong> : If you want to redirect to any link, put it here.</li>
<li><strong>Open in New Window</strong> : If you want your redirected link will open at new window, then toggle the button and keep it yes.</li>
<li><strong>Columns</strong> : Choose the number of columns you want in your gallery.</li>
<li><strong>Show Title</strong> : Toggle if you want to show title or not.</li>
<li><strong>Show Description</strong> : Toggle if you want to show description or not.</li>
</ul>
<p><strong>Styles</strong> :</p>
<p><img src="https://www.themexpert.com/images/templates/primer/gallery-style.PNG" alt="Primer" class="img-responsive"></p>
<p>Under styles area, you can find detail styling settings. You can put your custom style properties in margin, padding, font, color, background color and many more.</p>
<p><strong>Animation</strong> :</p>
<p><img src="https://www.themexpert.com/images/templates/primer/gallery-animation.PNG" alt="Primer" class="img-responsive"></p>
<p>Under this area, you can find different settings for defining the Primer Gallery element appearing animation style and hover animation styles as well.</p>
<p><strong>Advanced</strong> :</p>
<p><img src="https://www.themexpert.com/images/templates/primer/gallery-advanced.PNG" alt="Primer" class="img-responsive"></p>
<p>Under this area, you can find an empty textbox named <em>class</em>. It's for defining additional class to add some css properties, if necessary for designing needs.</p>
<h3>Primer Slider</h3>
<p><strong>General</strong></p>
<p><img src="https://www.themexpert.com/images/templates/primer/slider-general.PNG" alt="Primer" class="img-responsive"></p>
<ul>
<li><strong>+ ADD NEW</strong> : Add new item for your slider by clicking on this button.</li>
<li><strong>Title</strong> : Give your preferred title to the slider item.</li>
<li><strong>Hide Title</strong> : Toggle this button to hide or show the title.</li>
<li><strong>Content</strong> : Type the content for your gallery item.</li>
<li><strong>Horizontal Alignment</strong> : Choose the horizontal alignment type from here.</li>
<li><strong>Enable Button 1</strong> : If you want any button on your slider item toggle and keep it on. Then choose the text and url of your button.</li>
<li>
<p><strong>Enable Button 2</strong> : If you want any second button on your slider item toggle and keep it on. Then choose the text and url of your button.</p>
</li>
<li><strong>Background Image</strong> : Choose the background image for your slider.</li>
<li><strong>BG color</strong> : If you want color for background, select it from here.</li>
<li><strong>Background Overlay</strong> : Toggle if you want to use background overlay.</li>
<li><strong>Vertica Center Text</strong> : Turn this function on, if you want to put your text on the vertical center position.</li>
<li><strong>Slider height</strong> : Choose the type of the slider height.</li>
<li><strong>Custom height</strong> : If the height type is chosen as custom height, customize the height from this option.</li>
<li><strong>Parallax Image</strong> : Turn on this function, if you want parallax image.</li>
<li><strong>Arrows</strong> : Turn on navigation arrows with this option.</li>
<li><strong>Dots Navigation</strong> : Turn on dot navigation with this setting.</li>
<li><strong>Autoplay</strong> : If you want to turn on Autoplay of slider, keep this setting on.</li>
<li><strong>Autoplay Speed</strong> : Set the autoplay speed of the slider in milliseconds.</li>
</ul>
<p><strong>Styles</strong> :</p>
<p><img src="https://www.themexpert.com/images/templates/primer/slider-style.PNG" alt="Primer" class="img-responsive"></p>
<p>Under styles area, you can find detail styling settings. You can put your custom style properties in margin, padding, font, color, background color and many more.</p>
<p><strong>Animation</strong> :</p>
<p><img src="https://www.themexpert.com/images/templates/primer/slider-animation.PNG" alt="Primer" class="img-responsive"></p>
<p>Under this area, you can find different settings for defining the Primer Slider element appearing animation style, hover animation and slider items animation styles as well.</p>
<p><strong>Advanced</strong> :</p>
<p><img src="https://www.themexpert.com/images/templates/primer/slider-advanced.PNG" alt="Primer" class="img-responsive"></p>
<p>Under this area, you can find an empty textbox named <em>class</em>. It's for defining additional class to add some css properties, if necessary for designing needs.</p>
<h3>Primer Testimonial</h3>
<p><strong>General</strong></p>
<p><img src="https://www.themexpert.com/images/templates/primer/testimonial-general.PNG" alt="Primer" class="img-responsive"></p>
<ul>
<li><strong>+ ADD NEW</strong> : Add new item for your testimonial by clicking on this button.</li>
<li><strong>Name</strong> : Give name of the person who’s testimonial you are about to show.</li>
<li><strong>Job Title, Company Name</strong> : Give your designation and company name at here.</li>
<li><strong>Content</strong> : Type the content for your gallery item.</li>
<li><strong>Horizontal Alignment</strong> : Choose the horizontal alignment type from here.</li>
<li><strong>Image</strong> : Choose the image of the person, who’s testimonial you are showing.</li>
<li><strong>Testimony</strong> : Write the text for testimonial at this field.</li>
<li><strong>Text Alignment</strong> : Choose the text alignment you want to keep on your testimonial.</li>
<li><strong>Arrows</strong> : Turn on navigation arrows with this option.</li>
<li><strong>Dots Navigation</strong> : Turn on dot navigation with this setting.</li>
<li><strong>Autoplay</strong> : If you want to turn on Autoplay of slider, keep this setting on.</li>
<li><strong>Autoplay Speed</strong> : Set the autoplay speed of the slider in milliseconds.</li>
</ul>
<p><strong>Styles</strong> :</p>
<p><img src="https://www.themexpert.com/images/templates/primer/testimonial-style.PNG" alt="Primer" class="img-responsive"></p>
<p>Under styles area, you can find detail styling settings. You can put your custom style properties in margin, padding, font, color, background color and many more.</p>
<p><strong>Animation</strong> :</p>
<p><img src="https://www.themexpert.com/images/templates/primer/testimonial-animation.PNG" alt="Primer" class="img-responsive"></p>
<p>Under this area, you can find different settings for defining the Primer Testimonial element appearing animation style and hover animation styles as well.</p>
<p><strong>Advanced</strong> :</p>
<p><img src="https://www.themexpert.com/images/templates/primer/testimonial-advanced.PNG" alt="Primer" class="img-responsive"></p>
<p>Under this area, you can find an empty textbox named <em>class</em>. It's for defining additional class to add some css properties, if necessary for designing needs.</p>
<h2>Quix How To Tutorial</h2>
<p>We have a series Tutorials on <strong>Quix</strong>, describing things in step by step procedure. It will help you to have a clear concept regarding sort of important things that leads to boost-up building your site. Find it on the below link. <a href="https://www.themexpert.com/video-tutorials"><img src="https://blog.transcom.com/wp-content/uploads/2015/11/OPERATIONS-video-tutorial.png" style="height: 414px;"></a></p>
<h2>Creating Blog with Joomla</h2>
<p><strong>Blogging</strong> using Joomla is now much easier than before. You can go through <a href="https://www.themexpert.com/docs/tutorials/how-to-create-blog-in-joomla" title="How to create Blog in Joomla"><strong>detail</strong></a> here about <em>How to create</em> <strong>Blog</strong> <em>in Joomla within a very short time</em></p>
<p><a href="https://www.themexpert.com/docs/tutorials/how-to-create-blog-in-joomla"><img src="https://www.themexpert.com/images/docs/joomla-templates/meteor/Blog.jpg" style="height: 414px;"></a></p>]]></description>
			<author>parvez@themexpert.com (Parvez Akther)</author>
			<category>Joomla Templates</category>
			<pubDate>Thu, 22 Feb 2018 16:56:32 +0600</pubDate>
		</item>
	</channel>
</rss>
