<?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/quix/tutorials</link>
		<lastBuildDate>Fri, 09 Aug 2024 15:28:06 +0600</lastBuildDate>
		<generator>ThemeXpert</generator>
		<atom:link rel="self" type="application/rss+xml" href="https://www.themexpert.com/docs/quix/tutorials?format=feed&amp;type=rss"/>
		<language>en-gb</language>
		<managingEditor>support@themexpert.com (ThemeXpert)</managingEditor>
		<item>
			<title>How to translate language the  contact form element of Quix</title>
			<link>https://www.themexpert.com/docs/quix/tutorials/how-to-translate-language-the-contact-form-element-of-quix</link>
			<guid isPermaLink="true">https://www.themexpert.com/docs/quix/tutorials/how-to-translate-language-the-contact-form-element-of-quix</guid>
			<description><![CDATA[<p>If you want to change the language of the contact form element of Quix, from the language override panel, you have to first input the language constant name and the correspondent text you want to show in your preferred language. </p>
<p>Go to <code>Extensions &gt; Languages &gt; Overrides</code>.</p>
<p>In the filter drop-down menu, you have to select the language.</p>
<p>Now click new, copy &amp; paste below language constant in the Language constant field, in the text field you have to write text which you need to show your site front-end.</p>
<pre><code>COM_QUIX_EMAIL_SENT_SUCCESSFUL
COM_QUIX_EMAIL_SENT_ERROR

QX_CF_YOUR_NAME
QX_CF_YOUR_EMAIL
QX_CF_YOUR_SUBJECT
QX_CF_YOUR_MESSAGE
QX_CF_SEND

QX_CF_YOUR_NAME_HINT
QX_CF_YOUR_EMAIL_HINT
QX_CF_YOUR_SUBJECT_HINT
QX_CF_YOUR_MESSAGE_HINT</code></pre>
<p>Hopefully, you can easily change the language of the element.</p>]]></description>
			<author>parvez@themexpert.com (Parvez Akther)</author>
			<category>Tutorials</category>
			<pubDate>Thu, 29 Mar 2018 21:43:37 +0600</pubDate>
		</item>
		<item>
			<title>Fix filemanager 403 access denied  issue.</title>
			<link>https://www.themexpert.com/docs/quix/tutorials/fix-filemanager-403-access-denied-issue</link>
			<guid isPermaLink="true">https://www.themexpert.com/docs/quix/tutorials/fix-filemanager-403-access-denied-issue</guid>
			<description><![CDATA[<p>Filemanager <code>403 access denied</code> issue can be solved through any of these following two simple approaches.</p>
<p><strong>Approach 01</strong> : Simply include the following string of code to your template's <code>.htaccess</code> file and that's it.</p>
<p><code>RewriteRule ^media\/quix\/filemanager/ - [L]</code></p>
<p><strong>Approach 02</strong> : In case you are an user of <strong>Akeeba Admin Tool</strong> premium version-</p>
<ul>
<li>Go to <code>Components&gt; Admin Tools</code></li>
<li>Click on <code>.htaccess Maker</code></li>
</ul>
<p><img src="https://www.themexpert.com/images/docs/quix/filemanager/htaccessMaker.png" alt="" class="img-responsive" /></p>
<ul>
<li>Paste the following string of code to the <strong>Allow direct access, including .php files, to these directories</strong> empty text box.</li>
</ul>
<p><code>media/quix/filemanager</code></p>
<p><img src="https://www.themexpert.com/images/docs/quix/filemanager/akeebaAdminTool2.png" alt="" class="img-responsive" /></p>
<ul>
<li><strong>Save &amp; Close</strong> the window and you are done.</li>
</ul>]]></description>
			<author>parvez@themexpert.com (Parvez Akther)</author>
			<category>Tutorials</category>
			<pubDate>Mon, 27 Nov 2017 12:53:25 +0600</pubDate>
		</item>
		<item>
			<title>How to create column in Quix page</title>
			<link>https://www.themexpert.com/docs/quix/tutorials/how-to-create-column-in-quix-page</link>
			<guid isPermaLink="true">https://www.themexpert.com/docs/quix/tutorials/how-to-create-column-in-quix-page</guid>
			<description><![CDATA[<p>Creating colums in Quix pages is a fact of just a click. You can create maximum 12 colums in a row. Go through the instruction below regarding how to do so.</p>
<ul>
<li>Go to <code>Quix&gt; Pages</code></li>
<li>Click on the <strong>Add Columns</strong> button from the center of the module. You'll find sort of column layout in different grid styles then.</li>
</ul>
<p><img src="https://www.themexpert.com/images/docs/quix/tutorial/c1.png" alt="" class="img-responsive" /></p>
<ul>
<li>Choose your preferred grid style. </li>
</ul>
<p><img src="https://www.themexpert.com/images/docs/quix/tutorial/c2.png" alt="" class="img-responsive" /></p>
<blockquote>
<blockquote>
<p>You are allowed to customize that selected colum grid style either.</p>
</blockquote>
</blockquote>
<ul>
<li>Use <strong>Add Columns</strong> button to add more columns.</li>
</ul>
<p><img src="https://www.themexpert.com/images/docs/quix/tutorial/c3.png" alt="" class="img-responsive" /></p>
<ul>
<li>Click and hold on the pointed area shown on the screenshot below and you can see a number (4) is written on the center of the column area. That defines the colums is assigned 4 grid number. You can select grid number within 12.</li>
</ul>
<p><img src="https://www.themexpert.com/images/docs/quix/tutorial/c4.png" alt="" class="img-responsive" /></p>
<blockquote>
<blockquote>
<p>To resize the column, just hold and drag the pointed area towards or backwards.</p>
</blockquote>
</blockquote>
<p><img src="https://www.themexpert.com/images/docs/quix/tutorial/c5.png" alt="" class="img-responsive" /></p>
<p>Front-end appearance:</p>
<p><img src="https://www.themexpert.com/images/docs/quix/tutorial/c6.png" alt="" class="img-responsive" /></p>]]></description>
			<author>parvez@themexpert.com (Parvez Akther)</author>
			<category>Tutorials</category>
			<pubDate>Tue, 10 Jan 2017 11:41:08 +0600</pubDate>
		</item>
		<item>
			<title>How to set Parallax Background Image using Quix</title>
			<link>https://www.themexpert.com/docs/quix/tutorials/how-to-use-parallax-background-image-in-quix</link>
			<guid isPermaLink="true">https://www.themexpert.com/docs/quix/tutorials/how-to-use-parallax-background-image-in-quix</guid>
			<description><![CDATA[<p>Using Parallax Background Image with Quix is pretty simple and straightforward. There is a few easy steps to do so.</p>
<blockquote>
<blockquote>
<p>Remember that, you can use parallax background image in two ways; either through Section or through Row.</p>
</blockquote>
</blockquote>
<h2>How to use Parallax Background Image through Section?</h2>
<ul>
<li>Click on the <strong>Section Settings</strong></li>
</ul>
<p><img src="https://www.themexpert.com/images/docs/quix/tutorial/1.png" alt="" class="img-responsive" /></p>
<ul>
<li>Upload your preferred background image using the pointed button on the screenshot below.</li>
</ul>
<p><img src="https://www.themexpert.com/images/docs/quix/tutorial/2.png" alt="" class="img-responsive" /></p>
<ul>
<li>At the bottom of the module, enable the option <strong>Parallax Effect</strong> and you’re done using your selected image as parallax background image.</li>
</ul>
<p><img src="https://www.themexpert.com/images/docs/quix/tutorial/3.png" alt="" class="img-responsive" /></p>
<p>Front-end appearance:</p>
<p><img src="https://www.themexpert.com/images/docs/quix/tutorial/parallax.png" alt="" class="img-responsive" /></p>
<h2>How to use Parallax Background Image through Row?</h2>
<ul>
<li>Go to <strong>Row Settings</strong></li>
</ul>
<p><img src="https://www.themexpert.com/images/docs/quix/tutorial/11.png" alt="" class="img-responsive" /></p>
<ul>
<li>Upload your preferred background image using the pointed button on the screenshot below.</li>
</ul>
<p><img src="https://www.themexpert.com/images/docs/quix/tutorial/12.png" alt="" class="img-responsive" /></p>
<ul>
<li>At the bottom of the module, enable the option <strong>Parallax Effect</strong> and you’re done using your selected image as parallax background image.</li>
</ul>
<p><img src="https://www.themexpert.com/images/docs/quix/tutorial/3.png" alt="" class="img-responsive" /></p>
<p>Front-end appearance:</p>
<p><img src="https://www.themexpert.com/images/docs/quix/tutorial/parallax.png" alt="" class="img-responsive" /></p>]]></description>
			<author>parvez@themexpert.com (Parvez Akther)</author>
			<category>Tutorials</category>
			<pubDate>Mon, 09 Jan 2017 14:33:09 +0600</pubDate>
		</item>
		<item>
			<title>How to fix Quix Pages loading problem on your website?</title>
			<link>https://www.themexpert.com/docs/quix/tutorials/how-to-fix-quix-pages-loading-problem-on-your-website</link>
			<guid isPermaLink="true">https://www.themexpert.com/docs/quix/tutorials/how-to-fix-quix-pages-loading-problem-on-your-website</guid>
			<description><![CDATA[<p>Sometimes, Quix Pages don't load on website front-end because of the of the<code>HTTPS</code> API Protocol. By default, it is set <strong>HTTP</strong>.
To fix this problem,</p>
<ul>
<li>Go to <code>Quix &gt; Pages</code></li>
<li>Click <strong>Options</strong> on the top right side of the module</li>
</ul>
<p><img src="https://www.themexpert.com/images/docs/quix/tutorial/b1.png" alt="" class="img-responsive" /></p>
<p>You can see an options named <strong>API Protocol</strong></p>
<ul>
<li>Select HTTPS in <code>default mode</code></li>
</ul>
<p><img src="https://www.themexpert.com/images/docs/quix/tutorial/b2.png" alt="" class="img-responsive" /></p>
<ul>
<li>Click Save &amp; Close button and you are done with.</li>
</ul>
<p><img src="https://www.themexpert.com/images/docs/quix/tutorial/b3.png" alt="" class="img-responsive" /></p>
<p><strong>Maximum Execution Time</strong></p>
<p>By default, The maximum execution time is set 30 seconds for loading PHP scripts from the server. If a script runs for longer than 30 seconds, PHP stops the script. For this reason, the Quix builder does not load. To avoid the builder loading problem you have to increase the <code>max_execution_time</code>, set the time <code>300</code> from the <code>php.ini</code> of the server.</p>
<p><strong>Maximum Length of Apache</strong></p>
<p>The problem can be experienced sometimes if the server apache maximum line length is limited. If you try to create or edit a page on your website that time you might be face the builder loading problem.</p>
<p>The cause of the problem is that the Quix page builder is reaching a certain limit applied to the Apache service. In order to resolve the issue that particular limit needs to be raised. To do that you should add the following lines in the website's .htaccess file:</p>
<pre><code>&lt;IfModule mod_substitute.c&gt;
SubstituteMaxLineLength 10M
&lt;/IfModule&gt;</code></pre>]]></description>
			<author>parvez@themexpert.com (Parvez Akther)</author>
			<category>Tutorials</category>
			<pubDate>Tue, 27 Dec 2016 13:08:41 +0600</pubDate>
		</item>
		<item>
			<title>How to use quix shortcode in Joomla custom module</title>
			<link>https://www.themexpert.com/docs/quix/tutorials/how-to-use-quix-shortcode-in-joomla-custom-module</link>
			<guid isPermaLink="true">https://www.themexpert.com/docs/quix/tutorials/how-to-use-quix-shortcode-in-joomla-custom-module</guid>
			<description><![CDATA[<p>In this tutorial you will learn how to use Quix shortcode inside the Joomla custom module.</p>
<blockquote>
<blockquote>
<p>Its a pro feature and you have to install Quix Pro version. Buy Quix Pro from here <a href="https://www.themexpert.com/quix-pagebuilder">https://www.themexpert.com/quix-pagebuilder</a></p>
</blockquote>
</blockquote>
<h2>Step 1</h2>
<p>Go to <code>Quix &gt; Pages or Library</code> click <strong>Options</strong> button from top right corner. Make sure <strong>Custom Module</strong> settings is set to <code>Yes</code>(default setting is Yes).</p>
<p><img src="https://www.themexpert.com/images/docs/framework/t3custom-module-enable.png" alt="Enable Quix Custom module" class="img-responsive" /></p>
<h2>Step 2</h2>
<p>Head over to <code>Extensions &gt; Module</code> and click <strong>New</strong> button and choose <strong>Custom Module</strong> option. Now click the Quix button from editor and insert any layout shortcode you want. </p>
<p><img src="https://www.themexpert.com/images/docs/framework/t3custom-module-editor.png" alt="Quix button in joomla editor " class="img-responsive" /></p>
<p>Now click <strong>Options</strong> tab and set <strong>Prepare Content</strong> to <strong>Yes</strong>.</p>
<p><img src="https://www.themexpert.com/images/docs/framework/t3custom-module-option.png" alt="Quix preapere content" class="img-responsive" /></p>
<h2>Step 3</h2>
<p>Select <strong>module position</strong> where you want to publish that module and hit <strong>Save &amp; Close</strong>.</p>
<p>You can see Quix loading inside Joomla module.</p>]]></description>
			<author>parvez@themexpert.com (Parvez Akther)</author>
			<category>Tutorials</category>
			<pubDate>Thu, 22 Dec 2016 22:28:01 +0600</pubDate>
		</item>
		<item>
			<title>How to use Quix inside virtuemart</title>
			<link>https://www.themexpert.com/docs/quix/tutorials/how-to-use-quix-inside-virtuemart</link>
			<guid isPermaLink="true">https://www.themexpert.com/docs/quix/tutorials/how-to-use-quix-inside-virtuemart</guid>
			<description><![CDATA[<p>With Quix you can build Virtuemart product pages with drag &amp; drop interface. Its a very simple process and leverage Quix original editor interface.</p>
<h2>Step 1</h2>
<p><strong>Enable Joomla Plugins</strong> settings from <code>Components &gt; Virtuemart &gt; Configuration</code>. This will allow Joomla plugin to load inside virtuemart.</p>
<p><img src="https://www.themexpert.com/images/docs/framework/t3virtuemart4.png" alt="" class="img-responsive" /></p>
<h2>Step 2</h2>
<p>Enable Virtuemart support from Quix. Head over to <code>Quix &gt; Settings</code> page and enable virtuemart support.</p>
<p><img src="https://www.themexpert.com/images/docs/framework/t3virtuemart3.png" alt="Quix for Virtuemart" class="img-responsive" /></p>
<h2>Step 3</h2>
<p>Now create a product inside Virtuemart <code>Products &gt; Products &gt; New</code> and click Quix button inside your editor.</p>
<p><img src="https://www.themexpert.com/images/docs/framework/t3virtuemart5.png" alt="Quix for Virtuemart" class="img-responsive" /></p>
<p>This will open Quix builder interface inside a modal. You can choose any existing layout and click <strong>insert</strong> button to insert that layout to your product. You can create a new layout by clciking <strong>Create New</strong> button.</p>
<p><img src="https://www.themexpert.com/images/docs/framework/t3virtuemart6.png" alt="" class="img-responsive" /></p>
<p>When you create any layout from Virtuemart and save, it save inside <code>Quix &gt; Library</code>. You can re-use that layout to any other product page.</p>
<p>When you click insert button it generate a shortcode and insert it to your editor.</p>
<p><img src="https://www.themexpert.com/images/docs/framework/t3virtuemart7.png" alt="Quix for Virtuemart" class="img-responsive" /></p>
<p>If you want to change the layout, just click on that shortcode and then Quix button will load the builder interface.</p>]]></description>
			<author>parvez@themexpert.com (Parvez Akther)</author>
			<category>Tutorials</category>
			<pubDate>Tue, 01 Nov 2016 16:03:47 +0600</pubDate>
		</item>
	</channel>
</rss>
