WordPress & Joomla Documentation - ThemeXpert

How to translate article date of Joomla

2020-02-06T12:57:00+06:00

You can easily translate the article date to your language of the Meteor Joomla Articles element of Quix.

Open the meta.php file from the templates > tx_meteor > quix > meteor_joomla_articles > blocks from the website root direcotry.

Now copy & paste the code:

<?php
    setlocale(LC_TIME, "es_ES");
    $artTransDate = strftime($field['date_format'], strtotime($item->displayDate));
    echo $artTransDate; 
?>

Instead of the code place:

 <?php echo $date->format($field['date_format']); ?>

Now write your language tag instead of es_ES. The language tag you will get to the site adminstrator panel. Just navigate to Extensions > Languages and copy & paste the language tag to the corresponding place.

Now go to the Meteor Joomla Articles element Styles tab, paste the code %d, %B %Y in the Date format field.

The date will be translated to your langueage.

How to install and configure WHMCS

2017-09-10T13:53:45+06:00

WHMCS is an incredible solution for the reseller that is able to handle automatic billing including sending invoices, collecting payments, taxes as well as support ticket requests for clients. It's compatible with all popular payment gateways like PayPal, Authorize.net, and Google Checkout. Besides, it's able to use several different currencies and create promotions targeting your particular clients.

One of our Joomla templates JoomHost is the first ever hosting template supported with WHMCS.

It's a minimalist and clean Joomla 3.7x template with multiple homepage layouts as well as 8 different header variations. Completely niche design, extreme typography control and SEO optimized characteristics make it the best in its category.

Now, I’m going to show you the step by step procedure of how you can install WHMCS in your site.

Download

Head over to the WHMCS download page and download the last stable version of WHMCS. You will get a .zip file.

Installation

WHMCS

Installation of WHMCS is absolutely simple with a few straightforward step. Find the steps below.

Unzip the .zip file and upload on your webserver desire location.

Open your browser and navigate to the following address www.yourdomain.com/whmcs/install/

This will guide you through the rest of the installation process till the end.

For more information, go through the below link; https://help.whmcs.com/m/installation/l/678261-installing-whmcs

Template

Now, let’s see how you can install and change your default WHMCS template.

Head over to our website’s download page and download the tx_joomhost_whmcs.zip file.

Go to your web server cPanel> File Manager where you have already installed WHMCS and find the templates folder.

Go to the folder and Upload and Extract the “tx_joomhost_whmcs.zip” file.

Now, login to your WHMCS admin panel (www.yourdomain.com/whmcs/admin/)
Under the Setup navigation menu, select General Settings

Under General tab, select tx_joomhost_whmcs from the template drop-down menu.

Click on the Save Changes button from the bottom part in order to successfully save the template as your default WHMCS template.

How to Override Template Color by ThemeMagic

2017-03-21T09:27:08+06:00

Making a customized theme using ThemeMagic is not that much tedious task as many people think. Let's see how cool is that.

First, go to Extensions> Templates and click on your current selected template.
Now, from the top of the module, click on the ThemeMagic button to configure according to your wants.

Choose Default from the Theme drop-down box then click on the down arrow icon next to the Preview button and select Save As.

A module to give the name of your custom theme will be appeared then.

Write the name of your new custom theme on the empty text box and click on Accept.

There will be two sections. On the left section, there is a customization settings module and on the right section, there is a live preview window.

Now, let's know about the customization setting options and their functionality.

Theme

Dropdown : From the drop-down menu, you can select a theme to customize and override the settings or save as a new theme.
Preview : A button to see the live preview instantly according to the current changes on selected theme.

Header

Header Background : Choose a background color for the header. Logo Margin : Define some margin space in pixel for the logo. Margin will be applied on top, right, bottom as well as left at a time. Don't forget to write px after inputting a numeric value in the box.

Navbar Settings

Navbar Height : Define the navigation menu height in numeric value and write px after the value. px defines pixels.
Navbar Background Color : Choose navigation bar background color.
Navbar Link Color : Choose navigation bar link color.
Navbar Link Background Color : Choose navigation bar link background color.
Navbar Link Hover Color : Choose navigation bar link hover color.
Navbar Link Hover Background Color : Choose navigation bar hover background link color.
Font Size : Select a font size.
Text Transform : Define a transform method for the text.
Font Weight : Define font weight.

Navbar Dropdown Settings

Dropdown BG Color : Choose a color for the dropdown background.
Dropdown Link Color : Select a color for the dropdown links.
Dropdown Link BG Color : Select a color for the dropdown links background.
Dropdown Link Hover Color : Select a color for the dropdown links hover.
Dropdown Link Hover BG Color : Select a color for the dropdown links hover background.
Text Transform : Define a transform method for the text.
List Border Color : Choose a color for the dropdown list border.
Dropdown Item Padding : Define some padding space in pixel for the dropdown item. Padding will be applied on top, right, bottom as well as left at a time. Don't forget to write px after inputting a numeric value in the box.

Typo

Font Size : Select a font size.
Font Family : Choose a font family.
Heading Font Family : Choose a font family for the heading.

Color

Brand Primary Color : Select a primary color for your custom theme.
Background Color : Choose a background color.
Text Color : Choose a default color for the texts.
Heading Color : Choose a default color for the heading.
Link Color : Choose a deafult color for the links.

Grid

Large Desktop Width : Set a width value in pixels for the Large Desktops.
Desktop Width : Set a default width value in pixels for Desktops.
Tablet Width : Set a width value in pixels for the Tablets.
Gutter Width : Set a width value in pixels for Gutter.

Advanced

External CSS Urls : Put external CSS urls here, if you use any.

How to add a Module into a Megamenu

2017-03-21T09:17:16+06:00

Adding a module into a megamenu is quite simple. You just need a few steps to do so. So, let's see how it is done.

At the very beginning,

Go to Extensions> Templates and click on your active template.

Click on the Megamenu button from the top to configure.

From the megamenu configuration module, click on the Megamenu first then select the submenu area and click on the + icon of Add/ Remove columns to add an empty column.

Now, click on the empty column and choose a module ( ex. Footer ) from the Module drop-down box.

Finally, save the settings after successfully done all this according to the given instructions.

Front-end should be like below.

How to Create Megamenu

2017-03-21T09:14:15+06:00

To create a Megamenu, you have to first create a Drop Down Menu then-

Go to Extensions> Templates
Click on your selected template
Click on the Megamenu button from the middle of the configuration module.

Therefore the Megamenu configuration module will appear.

We have used here, Megamenu as the Parent of the drop-down menu and the submenus are About Us, Services, Team, FAQ and Contact Us for example.

Select the Drop Down Menu
Select the area of drop-down submenus then define a numeric value to set its width on Submenu Width Box.

You can allign the submenus into multiple columns by clicking on the Megamenu first, then click on the Column area and then click on add/remove column's +/- icons.

Save the settings after done all this. If everything you did just according to the instruction, the Front-end should be like below.

How to Fix Joomla Website Indexing Problem

2017-03-20T13:59:28+06:00

A well-indexed website is crucial for search engine visibility and organic traffic. If your Joomla website isn't being indexed properly by search engines like Google, it can be frustrating. This guide will walk you through several steps to diagnose and troubleshoot common indexing issues with your Joomla site.

Check Your Robots.txt File

The robots.txt file instructs search engine crawlers on which pages to index and which to avoid. Ensure your robots.txt file isn't accidentally blocking search engines from crawling your content.

Access Your robots.txt File

You can typically access your robots.txt file through your web hosting control panel's file manager or by directly visiting https://www.yourdomain.com/robots.txt (replace yourdomain.com with your actual domain name).

Verify Indexing Permissions

	User-agent: *
    Disallow:

    # Allow all search engines to crawl all content
    Allow: /

This configuration allows all search engines to crawl all your website's content. If you see Disallow: / or other restrictive directives, adjust them to permit indexing (consult Joomla's documentation for specific robots.txt syntax).

Additional Tips

Use tools like Google Search Console's robots.txt tester to validate your file's accuracy.
Avoid blocking essential files like CSS or JavaScript that can affect website rendering.

Inspect for Canonical URL Issues

Canonical URLs tell search engines which version of a page (e.g., with or without trailing slashes) is the preferred one, preventing duplicate content penalties.

How to Check for Canonical Issues

Use browser developer tools (like Chrome DevTools) to examine the <link rel="canonical"> tag within the <head> section of your website's code.

Ensure the canonical URL points to the correct version of the page.

Joomla's Built-in SEO Settings

Joomla offers SEO settings for articles, menus, and other content types. Verify that canonical URLs are set appropriately within these configurations. If using third-party SEO extensions, check their documentation for specific canonical URL management options.

Inconsistent or incorrect canonical URLs can confuse search engines and hinder indexing. Maintain consistency in your canonicalization strategy.

Address Meta Tag Issues

Meta tags provide essential information about your website's content to search engines.

Check for Missing or Duplicate Meta Descriptions

Meta descriptions are snippets of text displayed in search results. Ensure each page has a unique and informative meta description. Avoid duplicate meta descriptions, as they can negatively impact search engine rankings.

Inspect for Meta Robots Directives

The robots meta tag can be used to instruct search engines on how to index a page. Values like noindex or nofollow can prevent indexing. Verify that your meta robots tags aren't accidentally blocking indexing (consult Joomla's documentation for details).

Code Example (Example Page with Descriptive Meta Tags)

    <head>
      <title>Your Page Title</title>
      <meta name="description" content="A concise and informative description of your page's content." />
    </head>

Additional Considerations

Use relevant keywords in your meta titles and descriptions, but avoid keyword stuffing.
While meta keywords aren't a direct ranking factor anymore, they can still provide context for search engines.

Resolve 404 (Not Found) Errors

Broken links or deleted pages can lead to 404 errors, which can signal indexing problems to search engines.

Identify 404 Errors:

Use tools like Google Search Console to identify crawl errors, including 404s.
Third-party SEO tools can also help pinpoint broken links.

Fix Broken Links:

Update or redirect broken links to relevant existing pages on your website.

Consider using a 301 redirect for permanent redirects and a 302 redirect for temporary ones (consult Joomla's documentation for guidance on creating redirects).

Prevent Future 404s:

When deleting content, consider implementing 301 redirects to appropriate pages.
Regularly check your internal links for functionality.

How To Create Blog In Joomla

2017-02-09T19:37:23+06:00

Blogging using default Joomla extension was never been so easy. Without any third party extensions, you can now create a full-featured blog with our Joomla templates. You just need to download any of our Joomla templates. It is quite straight forward. Just follow the instruction below:

Create a Catagory

You have to first create a Blog catagory. To do so, go to Content> Catagories> Click on New on the top-left corner of the module. Give a title on the Title Box then Save it.

Make sure, Status is selected Published.

Assign To Menu

Go to Menus> Main Menu> Click on New at the top-left corner on the module. A new module will be appeared then. Now, Give a Menu Title, Select Menu Item Type Articles> Catagory Blog, Coose Catagory Blog then Save and Close the module.

Create new Articles/Blog

Go to Content> Articles> Click on New on the top-left corner of the module. Give a Article title on the Title Box, write your article content on the Content module. Select Blog from the Catagory drop-down menu then Save & Close.

Do not forget to write at least one tag on the Tags option.

Post Formates

There are seven article posting formate. You can use any of those formate, you need to just define the post formate while creating a new article. Now, I'm going to show you how you can do so.

Standard

To make a post in Standard Formate, first go to Content> Articles> Click on New on the top-left corner of the module. Give a Article title on the Title Box, write your article content on the Content module. Now, click on Blog Options and then select Standard from Post Formate options. Though Standard is selected by default. Finally Save & Close.