How can I show on my-account page all the download items in the Downloads?

NOTE: This article apply for Academia theme.
To show all the download items in the Downloads on my-account page do follow step by step to show all the download items.

1. Check woocommerce version, if version lower 2.6.1 won’t have Downloads page, need update to 2.6.1 or higher.

2. Setting product to downloadable
Step-1. set_product_downloadable

3. Grant access for downloadable products
3.1 Automatically:
You need settings “Grant access to downloadable products after payment” as image:

setting_download_after_payment
3.2 Manual:
You need un-check step 3.1, then after customers have payment order, go to order and grant access

Step-2. set_permission_access-download_file

After done all steps above, go to my-account page -> tab Download will see products display look like
Step-3 .view_download_file_my_accountThat’s all. Thanks for your watching.
If you’re still having trouble upgrading your theme after reading this post, let us help! G5Theme awesome support team can help you with any issue, so please create topic or send us an email to g5plus@outlook.com
G5Theme.

How to speed up your website

Your website may be slow because of many reasons:
– Internet Speed
– Server/hosting CPU/RAM
– Number request at the same time(when you access)
– Use CDN or not?
– Use plugin cache?
– Use server cache? etc

On our demo:
– We used plugin: http://wp-rocket.me/ and do follow https://gtmetrix.com suggest: images, css, js, gzip…etc, only that.
– And used CDN of https://www.cloudflare.com/ => you can use free or pay packaged.

Check Website On Google Page Insights and GT Metrix:

Please follow these steps as below to check your website for Google Page Speed:

  1. Visit this site https://developers.google.com/speed/pagespeed/insights/
  2. Type your website URL and click on Analyze button to know your website speed.

Check your website on GTMetrix:

  1. Visit this site:  https://gtmetrix.com/
  2. Type your website URL and click on Analyze button to know your website speed.

This article will offer you our advice so that you can enhance your website’s performance. We will show our guideline for configuration WP Rocket (http://wp-rocket.me/) plugins and Cloudflare (https://www.cloudflare.com) with the free package. Both of them are used on all my theme. Now, let’s get started.

1. Config for WP Rocket, do follow:

1.1 Config tab “Basic Options”

wp-rocket-setting-01

Next to:
wp-rocket-setting-02

1.2. Config “Advanced Options”

wp-rocket-setting-03
Then scroll down to check the checkboxes as the image below. Then click “Save Changes”

wp-rocket-setting-05

1.3. Config tab “CloudFlare”, if not exist, go to 1.4:

wp-rocket-setting-06

1.4. Config “CDN”

wp-rocket-setting-07

After all step above done, click “Save Changes” button.

2. How to config CloudFlare account:

2.1. Integrated DNS’s your domain to CloudFlare.

Login to account manager domain then change/point DNS value to DNS Cloudflare’s server. In case you don’t know what to do, please contact domain provider.
With my domain, point to:
john.ns.cloudflare.com and wally.ns.cloudflare.com view here:

wp-rocket-setting-08

2.2 Add DNS your domain to DNS cloud’s server.

Login to Cloudflare then go to DNS tab
wp-rocket-setting-09
Result as below(example) is ok. In case color of “cloud icon” is grey => not correct, you must click on “cloud icon” to change.
wp-rocket-setting-10

 

You can buy plugins WP-Rocket or use https://wordpress.org/plugins/w3-total-cache (or another plugin cache) to improve speed. You can also consult the plugin named WP Fastest Cache for website cache. You can install this plugin and also learn how this plugin works, by following the below steps:

  1. Login to your WordPress admin panel
  2. Navigate to Plugins → Add New
  3. Search for WP Fastest Cache, then install and activate the plugin.
  4. Check on Submit, to enable the cache.

WP Fastest Cache

You can read more here to improve:
http://diythemes.com/thesis/improve-website-pagespeed/
– https://www.siteground.com/tutorials/wordpress/optimize_wordpress.html
http://www.mailmunch.co/blog/best-wordpress-plugins-to-increase-your-website-speed/
http://www.wpbeginner.com/wp-tutorials/speeding-up-wordpress-how-we-optimized-list25-performance-by-256/
Hopefully, this guide is helpful to you.

Aside from that, here are some more things you can do to better speed up your site:

  • Image Compress with TinyPNG:

You can compress images from TinyPNG website. Visit https://tinypng.com/ and compress all images before uploading them on your website. By this process, you can decrease your website loading time and provide your visitors, a better experience.

  • .htaccess Code For Better Website Speed:

Please copy and paste the below code to your .htaccess file (you will find this file on the root folder of your hosting directory) for improved performance of your website.

(Notice: Please don’t replace any code that already exists on the .htaccess file because it may have serious implications on your website)

AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript

## EXPIRES CACHING ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType text/css "access 1 month"
ExpiresByType text/html "access 1 month"
ExpiresByType application/pdf "access 1 month"
ExpiresByType text/x-javascript "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType image/x-icon "access 1 year"
ExpiresDefault "access 1 month"
</IfModule>
## EXPIRES CACHING ##

 
—————————————

If you have any troubles configuring your website applications with the above settings you can contact the Support Center by signing up and submit a new topic. G5Theme Support Team will be glad to assist you.

How to Configure Email

Google’s GMail SMTP server is a free service for anyone who has a GMail account. You can use this free SMTP server to send emails from your website. E-mail sending will take place just the same as a standard e-mail client (Windows Mail, Outlook, Thunderbird).

Gmail automatically rewrites the “from” line of any e-mail you send via their SMTP gateway to your Gmail address, and it overrides any Reply-To settings you may have in your e-mail software in favor of the one in Gmail’s web interface. So while Gmail’s SMTP access sure is handy, it’s not a perfect solution for everybody. Gmail also stores and indexes anything you send via SMTP as if you had sent it using the website, so all your e-mail is still searchable and in one place.

If you don’t have a GMail account, you can create one at the GMail account creation page. Firstly, please install WP SMTP. Then all you need to do is configure your mail client to use GMail for outgoing mail server.

contact-form-03

Access to configure Email

contact-form-04

The details you should use are:

  • Outgoing Mail (SMTP) Server: smtp.gmail.com
  • Port: 465 or 587
  • Use Secure Connection: Yes (this can be TLS or SSL depending on your mail client)
  • Use Authentication: Yes
  • Username: your GMail account, i.e. user@gmail.com
  • Password: your GMail password

You can review more detailed information about the Google SMTP configuration at: https://support.google.com/a/answer/176600?ref=G5Theme

If you have any troubles configuring your website applications with the above settings you can contact the G5Theme Support team and they will be glad to assist you.

How to Manually Add New Custom Font to your theme

Adding your own choice of fonts is relatively easy by using Custom CSS function on the G5Theme item. All that’s required is uploading a font to your server, then adding it to your theme with a few small snippets of CSS.

Let’s look at how to do it for your WordPress theme as well as a G5Theme item.

Step 1: Prepare all your font files

There are many places to find great web fonts for free, just make sure the font you choose has a license suitable for your needs.
Once you have chosen your new font, you need to download its file. Keep in mind that there are different kinds of font files and they aren’t all compatible across most major browsers (ex: my theme used eot, woff2, woff, ttf, svg)

Step 2: Upload font files to your directory

Once you’ve prepared all your font, it’s a good idea to back up your entire site before making any changes.

Unzip the font packaged file and upload the contents to your theme folder which can be found under this path wp-content\themes\your-theme\assets\fonts (Fonts” folder to house your file to keep things organized, especially if you plan on adding more than one font)

Step 3: Add Custom CSS

Go to Theme Options >> Custom CSS tab on the backend, add CSS below:

@font-face {
font-family: 'your_name_font_family';
src: url('https://your_domain/wp-content/themes/[your_theme]/assets/fonts/your_font_file_name.eot');
src: url('https://your_domain/wp-content/themes/[your_theme]/assets/fonts/your_font_file_name.eot?#iefix') format('embedded-opentype'),
url('https://your_domain/wp-content/themes/[your_theme]/assets/fonts/your_font_file_name.woff2') format('woff2'),
url('https://your_domain/wp-content/themes/[your_theme]/assets/fonts/your_font_file_name.woff') format('woff'),
url('https://your_domain/wp-content/themes/[your_theme]/assets/fonts/your_font_file_name.ttf') format('truetype'),
url('https://your_domain/wp-content/themes/[your_theme]/assets/fonts/your_font_file_name.svg#ge_ss_twolight') format('svg');
font-weight: normal;
font-style: normal;
}

your_name_font_family: name of the font, you can type anything you want (make sure that it don’t duplicate already fonts)
your_domain: your website URL
your_font_file_name: they are the name of files (which you uploaded to directory font).

Step 4: Save changes

Click “Save Changes” and “Generate Less To CSS
or click “Save & Generate CSS” button. Recently, we integrated “Save Changes” and “Generate Less To CSS” button   (http://prntscr.com/gb0920) so you can simply click on “Save Changes” button.

After that, you can use style: font-family: 'your_name_font_family';anywhere on your website.

How to add a new font to Theme Options in Real Estate Themes

These screenshots below are captured in the Benaa theme – one of the real estate WordPress themes developed by G5Theme. 

Step 1: Prepare all your font files and declare the new font to the functions.php file

Download the package of the font you have chosen, then log in your FTP account to declare the new font to the functions.php file which located in this path: wp-content/plugins/benaa-framework/inc/smart-framework/inc/funtions.php 

 

1-update-function-file
Declare the new font to function.php file

Step 2: Upload all the font files and create a new CSS file for the font 

Unzip the font packaged file then go to this path: wp-content/themes/benaa/assets/plugins/ and upload the folder that included all the font files.

Create a new CSS file named fonts.css which declare the font files as below:

2-add-font-css file
Upload all the font files and create the fonts.css file

Step 3: Declare the font to the frontend-enqueue.php 

Declare the font to the frontend-enqueue.php file which can be found under this path: wp-content/themes/benaa/inc 

3-update-frontend-file
Declare the font to the frontend-enqueue.php

Step 4: Use the new font in Theme Options

Go to Theme Options -> Font Options to choose the new font from Font Family

4-use-font-in-theme-options
Theme Options -> Font Options

——————-

If you have any troubles configuring your website applications with the above settings you can contact the G5Plus Support team by signing up and submit a new topic. We will be glad to assist you.

Thank you very much for choosing G5Theme.

How to build menu using XMENU

X-Menu

Beside of ordinary menu setup in WordPress, XMENU that have been developed by G5Theme added a lot of options for customizing menus. XMENU is located in per menu item that you can customize them to bring your menus to new level!

You can consul XMENU documentation here: http://document.g5plus.net/xmenu/ 

This article focuses on show you How to build menu using XMENU. We used Zorka theme for example, but this step by step guide is similar to these theme: DARNA, GROVE, MEGATRON, HANDMADE, ACADEMIA, PITHREE, ORSON, RICA, MOWASALAT, ARVO, MOVECO, ORION, BEYOT so you would be able to refer.

For example we will create a new menu with 2 rows, 6 columns as Zorka Demo Data, it will look like below:

create-menu-home-1

You can follow these step as below:

Step 1: Go to Appearance >> Menus. Add 12 menu item from Home 1 to Home 12 and 1 menu item Home Blank to seperate 2 rows as image:

create-menu-home-2
Step 2: Config menu Home on Sub Menu tab:

create-menu-home-3

 

Step 3: Config for Home 1 – Home 12 as:

3.1 Config Icon tab:

create-menu-home-6

3.2 Config Image tab:

create-menu-home-4

3.3 Config Layout tab:

create-menu-home-7

4. Config Home Blank menu on Layout tab:

create-menu-home-5

 

NOTICE: Recently, in our lastest themes XMENU’s appearance have had some changes as below:

xmenu

To configure settings for individual menu items or submenus, hover over the menu item you want to configure, and click the XMENU button that appears. The Menu Item Settings Panel will display from left.

These settings control a specific menu item, with options including:

  • General settings
  • Submenu (custom width, position, sub menu animation, sub menu transition)

Click the Save Changes button at the top to save settings for this specific item. To configure a Submenu, click on the parent item for that submenu and then click the Submenu tab on the right.

Attribute Description
General
URL URL go to when user click this menu item
Navigation Label Title of menu item
Title Attribute Title for tag of menu item
CSS Classes Add advanced custom CSS
Link Relationship (XFN) Value for attribute rel
Description Description of the menu item
Menu Featured Select style for the menu item
Icon Select icon for the menu item
Sub Menu
Sub Menu Width Set Sub Menu Width
Sub Menu Position Select Sub Menu Position
Sub Menu Transition Select Sub Menu Transition

—————

If you have any troubles configuring your website applications with the above settings you can contact the Support Center by signing up and submit a new topic. G5Theme Support Team will be glad to assist you.

Thankyou for choosing G5Theme!

 

How to Create XMENU with Widget Area Content?

Have you ever want to create menu look like this:

create-widget-00

This article will show you How to create mega menu with Widget Area content, please follow our step by step on each images:

Step 1: Create menu parent

create-widget-01

And child menu:

create-widget-02

Create structure menu:

create-widget-03

Result here:

create-widget-04

Step 2: Create dynamic widget area for menu

create-widget-05

Go to widgets manager:

create-widget-06

Result here:

create-widget-07

Step 3: Add content to widget area(which created by Step 2)

create-widget-08

Setting parameter:

create-widget-09

Save data:

create-widget-10

Step 4(addition): Setting other paramater for look the same image screenshot result.

Disable text on menu:

create-widget-11

Add padding:

create-widget-12

Step 5: Result all here

create-widget-13

DONE.

————
If you have any troubles configuring your website applications with the above settings you can contact the Support Center by signing up and submit a new topic. G5Theme Support Team will be glad to assist you.
Thank you very much for choosing G5Theme!

How to change languages via po/mo file?

Very few developers develop their plugins and themes in a language different from English so you will have to translate the phrase in theme and plugins into many different languages by yourself, and I’ll explain to you how. There are two ways to do it.

– Directly within WordPress by using a localization plugin (such as Loco Translate plugin – that’s free and most of my customers used successfully). You can also consult our guide on How to Translate using LOCO Translate plugin
– On your PC/Mac, using Poedit. To change the value field of the theme via language file, you can do follow one of 2 methods below.

Method 1.

Edit .po/pot file(in directory languages) as the image below(root is my theme):

languages
– Rename file corresponding with your Locale here: https://make.wordpress.org/polyglots/teams/
(In this article I will get an example: change en_US.po to it_IT.po). View image:

choose-local
– Then download & install Gettext Translations Editor software(free) at https://poedit.net/wordpress
– Edit new file(it_IT.po) with software just installed.
– Change/add value as you want, then convert .po to mo file via http://po2mo.net/.
+Open http://po2mo.net/ choose .po file, click ‘Convert‘ button.

click-convert
   + Then download MO file after convert.
donwload-mo-local
The file downloaded has the name look like: abcdedg_it_IT.mo, change file name downloaded to “your_local.mo” file. Example: changed to it_IT.mo

Method 2.

Download and install software Gettext Translations Editor at https://poedit.net/wordpress then open/edit file .po/pot on the path as the image above(method 1).
After changed content/value, click Save:
– If exist po/mo files language as you want => it will override current.
– If not exist, do follow:

create-translation
After all, you will get file name look like: it_IT.mo

Last step for both mothed: 
Copy/upload .mo file up to languages directory(in my theme) on your server.

Note: to active your local language, you must go to Settings >> General menu, do follow:

choose-language-backend

 

Thanks
G5Theme

How to send Private Reply over Support Forum

Sometime, you will want to send FTP access, WordPress Admin access information or any sensitive information. In that case, a private reply is pretty helpful to send a topic reply privately, only topic creator and G5Theme’s staff can read that reply.

To do so, please find out the “Set as private reply” checkbox over Topic Reply Form and make sure it has been checked.

How to send a Private Reply
How to send a Private Reply