General

Contents

1. Create Instagram Access Token

2. Activating Revolution Slider and WPBakery Page Builder licenses

3. Configure the W3 Total Cache plugin

4. Get Internal Server Error when installing/activating theme/plugins

5. Redirect to Dokan Dashboard after Login

6. Optimize images

7. Enable WooCommerce Registration Form

8. Add Product Deals

9. The color and font options do not work

10. Google Font SSL

11. Installing the full demo package

12. FAQs About A Major Update

13. Increase the Maximum File Upload Size in WordPress

14. Updating the theme for WooCommerce 3.3.x

15. Update WordPress Themes with the Envato Market Plugin

16. Header Language and Header Currency

17. Enable WPBakery Page Builder for Custom post type

18. Enable gzip on apache and compress files with the .htaccess file

19. CSS Classes and Product Categories do not show in the Menus editor

20. Product Filter By Color widget is not updated

1. Create Instagram Access Token

In the beginning, make sure you’ve got the following:

Step 1: Create your Facebook App

You need to go to https://developers.facebook.com/, then click My Apps, and create a new app. You can select the More Options option if you are not sure about your purpose.


After the app is created, click Settings > Basic, scroll to the bottom of page, and click Add Platform.

Then you add website URL and save changes. Keep in mind that the platform can be changed later in case you need.

Note: it may require Privacy Policy URL. It can be the same with website URL.

Step 2: Build Instagram Basic Display

To do it, click the Products button, locate the Instagram Basic Display product, and click Set Up to add it to your app.

Complete every section in the appeared form, using the following guidelines:

Now you can proceed to the next step.

Step 3: Add an Instagram test user

Go to Roles > Roles and scroll down to the Instagram Testers section. Then click Add Instagram Testers and enter your Instagram account’s username and send the invitation. After that, you’ll need to open a new browser, go to https://instagram.com and sign into your Instagram account that you just invited. There navigate to Edit Profile > Apps and Websites > Tester Invites and accept the invitation.

Now your Instagram account is eligible to be accessed by your Facebook app while it is in Development Mode.

Step 4: Authenticate the Test User and Generate Token

Go to Products > Instagram Basic Display > Basic Display. You find the User Token Generator section and click the Generate Token button. A popup will display. You log into your Instagram and Authorize. Finally, you copy your token.



2. Activating Revolution Slider and WPBakery Page Builder licenses

You can not activate Revolution Slider and WPBakery Page Builder licenses because you don't directly buy them. We bought them with our account (Extended License) and integrate them into our theme.

You can use them normally without activating the license key.

We include the license keys in the theme package because we want you to know that we bought them and you have permission to use them.

When they release a new version, we will update and integrate the new plugin version into our theme.

For more information, please read the articles below

https://www.sliderrevolution.com/faq/slider-revolution-licensing-faq/

https://kb.wpbakery.com/docs/licensing/

3. Configure the W3 Total Cache plugin

After installing the W3 Total Cache plugin, you go to Performance > General Settings. You enable:

- Page Cache

- Minify

- Object Cache

- Browser Cache

Then, you go to the Page Cache page. You find the Never cache the following pages: option and configure as the screenshot below

You go to the Minify page. You disable the HTML minify settings and JS minify settings options. You only enable the CSS minify settings option. You find the Never minify the following pages: option and configure as the screenshot below:

Please note that:

- If you install the third party plugins and have the pages of those plugins, this configuration may be wrong.

- If you don't use the Pretty permalink, the page url should be /?page_id=your_page_id.

You can also enable gzip. Please read this article: https://skygroup.ticksy.com/article/5487/

4. Get Internal Server Error when installing/activating theme/plugins


If you see this problem, you can try:

1. Increase your memory limit. Just add the code below to your wp-config.php file

define('WP_MEMORY_LIMIT', '256M');

2. Check your PHP version. You can use the phpversion() function to check it http://php.net/manual/en/function.phpversion.php. Just add this function to the functions.php file

echo phpversion();

It will display your PHP version on the top of page. If your PHP version is smaller 5.6, you should contact your hosting provider and ask them to upgrade PHP for you.

3. If your problem still is not fixed, you will open a ticket here https://skygroup.ticksy.com/ and give us your WP admin and FTP accounts. We will check it for you.

5. Redirect to Dokan Dashboard after Login

When you login with the login form in the header, it does not redirect to Dokan dashboard. Because it is similar to the form in http://yourdomain.com/wp-login.php. Dokan does not add its function for this form. So you can install our custom plugin.  You download it here

6. Optimize images

You should optimize all images before uploading them. Your website will be loaded quickly. I give you some links/tutorials to do it:

- Optimize images with Photoshop: http://www.sitepoint.com/optimizing-images-for-the-web-with-photoshop/

- Just upload your images to this site https://tinypng.com/ and download the optimized images


7. Enable WooCommerce Registration Form

You go to WooCommerce > Settings > Accounts & Privacy. You enable the Allow customers to create an account on the "My account" page option.

8. Add Product Deals

With Simple product: You add Sale price > click the Schedule button > set date below

With Variable product: You add Sale price and date in variation. Please note that it will use the date of the first variation which has date.


This tutorial video may help you https://www.youtube.com/watch?v=tGm_J9gKw4w&t=5s

9. The color and font options do not work

When you change the color or font options in Theme Options, it does not work. The problem may be:

- It is cached by the following caches: hosting cache, caching plugin, browser cache and CDN. So please clear all caches after changing.

- The custom css file (the theme_name.css file in the uploads folder) was not updated. Please try changing the permission of the uploads folder to 777 and save Theme Options again.

- You don't have permission to create file on your wordpress directory. You need to change ownership. This article will help you http://www.chrisabernethy.com/why-wordpress-asks-connection-info/


10. Google Font SSL

Usually, this problem is relevant to Revolution Slider. You go to the slider editor. You click the CSS Global button. On the popup, you will see the link of google font.

With the new Revolution Slider version, you click the Edit Depricated Global Styles button on popup. It will open the second popup. You will see the code in there. If you don't see the code, you hit Ctrl + A (select all). You will see the code. You copy all code in the second popup and empty it. Then, you paste the code to the first popup, edit and save it.

11. Installing the full demo package

After downloading the full demo package. You upload the package to your domain folder. You extract the package and edit the wp-config.php file. 

You get the database file in the db folder and import it. If you get any error, please check to make sure that you are using mysql version 5.6 or greater.

You open web browser and type http://yourdomainname.com/update-url.php. You input http://yourdomainname.com and click on the Change URL button. This will help you update the site url quickly. 

Finally, you go to WP admin > Settings > Permalinks and save again.

The default admin account:

- Username: admin

- Password: demo

I installed the full demo package on my localhost and take some screenshots. I hope they will help you understand easily.


* This is video tutorial https://www.youtube.com/watch?v=nrau71VMmS8

12. FAQs About A Major Update

Q: What is a major update?

A: A major update is a jump version. Normally, we change the version of the theme from 1.5.0 to 1.5.1, 1.5.2. If we change version from 1.5.0 to 1.6.0 or 2.0.0, it will be a major update.


Q: What should I need to do before updating the theme?

A: You should backup all files and database. You should also read our change log to know what were changed.


Q: Can I directly update the theme on the live site?

A: Yes, you can. But if you have customized the theme (add custom code), you should clone your site to a staging site and try updating on it.


Q: What will I need to do after updating the theme?

A: You should:

- Update all related plugins in Appearance > Install Plugins (if you see this menu)

- Check your custom code if you have added

- Clear all caches if you have: hosting cache, caching plugin, browser cache and CDN

- Check your site again


Q: What will I need to do if I have problem after updating the theme?

A: You should open a ticket, give us the detail of your issues and website information. We will help you check them.



13. Increase the Maximum File Upload Size in WordPress

Do you want to increase the maximum file upload size in WordPress. Some times low file upload size limit can stop you from uploading files via media uploader, or install plugins and themes. In this article, we will show you how to easily increase the maximum file upload size in WordPress to fix those issues.

Note: This is an intermediate level tutorial. It may not work with some shared hosts in which case you would have to ask your hosting service provider for support.

How to Check Your Maximum File Upload Size Limit in WordPress?

WordPress will automatically show the maximum file upload size limit when you are uploading images or media. To check it you can simply go to Media > Add New page and you will see the maximum file upload size limit for your WordPress site.

1. Theme Functions File:

There are cases where we have seen that just by adding the following code in theme’s functions.php file, you can increase the upload size:

@ini_set( 'upload_max_size' , '64M' );
@ini_set( 'post_max_size', '64M');
@ini_set( 'max_execution_time', '300' );

2. Create or Edit an existing PHP.INI file:

For this method you will need to access your WordPress site’s root folder by using FTP or File Manager app in your hosting account’s cPanel dashboard.

In most cases if you are on a shared host, then you will not see a php.ini file in your directory. If you do not see one, then create a file called php.ini and upload it in the root folder. In that file add the following code:

upload_max_filesize = 64M
post_max_size = 64M
max_execution_time = 300

This method is reported to work for many users. Remember if 64 doesn’t work, then try 10MB (sometimes that work).

3. htaccess Method:

Some people have tried using the .htaccess method where by modifying the .htaccess file in the root directory, you can increase the maximum upload size in WordPress. Edit the .htaccess file in your WordPress site’s root folder and add the following code:

php_value upload_max_filesize 64M
php_value post_max_size 64M
php_value max_execution_time 300
php_value max_input_time 300

Again, it is important that we emphasize that if you are on a shared hosting package, then these techniques may not work. In that case, you would have to contact your web hosting provider to increase the limit for you.

14. Updating the theme for WooCommerce 3.3.x

Before updating the theme for WooCommerce 3.3.x, you should:

- Backup your site (all files and database)

- Create a staging site for testing if your site is live

- Check to make sure that all third party plugins are compatible with WooCommerce 3.3.x if you have installed any third party plugin. You can check the changelog of plugin or contact plugin author to know about this. If one of your third party plugins is not compatible with WooCommerce 3.3.x, you should not update the theme and WooCommerce 3.3.x now.

After updating the theme, you should:

- Update the recommended plugins

- Update WooCommerce database

After clicking the Run the updater button, you should click on the notification below to run it immediately

- Go to Theme Options and save it

- Clear all caches from hosting, browser, plugin and CDN

- Check product image size settings in Appearance > Customize > WooCommerce > Product Images to make sure that WooCommerce converted your old settings correctly https://woocommerce.wordpress.com/2017/12/11/wc-3-3-image-size-improvements/

- Check your payment methods settings again

- If you upload the new theme files via FTP and override the old files, you need to delete the pagination.php file in the themes > theme_folder > woocommerce > loop folder

15. Update WordPress Themes with the Envato Market Plugin

Keeping your WordPress themes and plugins up to date is just as important as updating your core WordPress installation. If you’re using a free theme or plugin via WordPress.org then you’re probably familiar with the auto-updates via your dashboard.

Normally when you see a notice in your admin navbar that you have an update you can go to Dashboard > Updates and all you have to do is confirm the update to a WordPress.org theme or plugin, or to your core WordPress installation. Easy right? Well with the Envato Market plugin updating all of the premium themes and plugins you’ve purchased from Themeforest and Codecanyon can be just as easy.

In this guide we’ll walk you through all of the steps for downloading the free Envato Market plugin, as well as installation and setup. Before you get started it’s important to note that you must use an admin account on your WordPress site to install the plugin and enable auto-updates

Envato Market Plugin Installation

The very first step is to download the Envato Market plugin. This is available on Envato (as well as via Github) and is completely free. All you need to do is go to the Envato Market plugin page and click on the Download button.

After downloading, you go to Plugins > Add New. You click the Upload Plugin button to upload and install your downloaded plugin.

After activating the Envato Market plugin, you should see a new Envato Market menu item in your WordPress dashboard.

Envato Market Plugin Setup

The next step is to sync the Envato Market plugin with your Envato account to have access to all of your marketplace purchases as well as item updates.


To get started click on the Envato Market link in your dashboard menu. You should see a screen similar to the one above. The very first step is to create an Envato API token. To do this, click on the Generate an Envato API Personal token link (highlighted in red above).


If you’re already logged into your Envato account you’ll be taken to the screen above (otherwise you will be prompted to login first before being redirected to this page). On this screen you can see what the Envato Market plugin is requesting permission to access via your Envato account (Envato sites, the ability to download your items, a list of your purchases and verification of your purchases).

To proceed give your token a name, check the box that you have read and agree to the terms and then click the Create Token button to create your token.


Once your token is created you will see a green success screen. Copy your token code (this is very important since Envato doesn’t store a copy of the token for you), check to confirm that you’ve copied it and click the white button that you got it.


Now go back to your WordPress installation and paste your Envato API token then click save.



It’s possible that you might see the error above when you first enter your token. Don’t worry, just go back to the previous page and try again. It should work on the second go.



Once your token is saved and validated your page will refresh to show your Envato Market landing page with added tabs for your items. The added tab(s) display all of your theme and plugin purchases as well as their version numbers and quick links to the theme and author pages.

To update the theme, you just click on the Update Available button (if an update is available). You can also update the theme in Appearance > Themes or Dashboard > Updates

You can also install the new purchased theme/plugin here.

A Note For Web Designers & Design Agencies

If you are a web design freelancer or a design agency that purchases themes for clients you can use the Envato Market plugin to keep your clients’ sites up to date as well. You shouldn’t give your clients access to all your purchases, so instead you should use the Single Item Tokens section.


You’ll first need to install the Envato Market plugin on your client’s site and then create a token by clicking on the Generate an Envato API Personal token link. Make a copy of your token just like you would if you were creating your own token.



Next you’ll also need to locate the Item ID for your client’s theme and/or plugin(s). To find the ID simply go to the Themeforest or Codecanyon item page and copy the numerical ID at the end of the URL.


Now navigate back to the Envato Market page within your client’s site, instead of pasting your token in the available global field, you click on the Add Item button. This will open a popup to enter your Envato Token and the item ID.



Once you save the item you can repeat the process to add all of your other purchases for this specific client.



Now the WordPress installation you’ve been working on will only show the items (and related updates) that you have added. Non-developers might also want to consider this plugin if you’ve made many Envato purchases over the years and only want to see updates for the items you’re currently using.


16. Header Language and Header Currency

The language switcher is used for the WPML plugin https://wpml.org/. You need to purchase it. After installing the plugin, you will be able to add your languages in the plugin settings page. If you don't need this feature, you can disable it in Theme Options > Header tab. You find the Header Language option and disable it.

The currency switcher is used for the WooCommerce Multilingual plugin https://wordpress.org/plugins/woocommerce-multilingual/This plugin needs the WPML plugin to work. You can also disable it in Theme Options > Header tab. Or you can install https://wordpress.org/plugins/woocommerce-currency-switcher/. It does not need WPML to work.

17. Enable WPBakery Page Builder for Custom post type

If the WPBakery Page Builder is not shown up on the Custom post type, you will go to WPBakery Page Builder > Role Manager. You set the Post Types option to Custom. Then, you select the post types below.


18. Enable gzip on apache and compress files with the .htaccess file

Hi all,

If you want to inscrease the speed of website, you can add the code below to the .htaccess file.

<ifModule mod_gzip.c>
mod_gzip_on Yes
mod_gzip_dechunk Yes
mod_gzip_item_include file .(html?|txt|css|js|php|pl)$
mod_gzip_item_include handler ^cgi-script$
mod_gzip_item_include mime ^text/.*
mod_gzip_item_include mime ^application/x-javascript.*
mod_gzip_item_exclude mime ^image/.*
mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
</ifModule>


# compress text, html, javascript, css, xml:
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

I hope it will be helpful for you!!!

19. CSS Classes and Product Categories do not show in the Menus editor

This is the popular question :). To see these 2 things, you click the Screen Options button on the top right corner in the Menus editor. You find and check the CSS Classes and Product Categories options.


20. Product Filter By Color widget is not updated

Because it is cached by WooCommerce. You need to clear transients by going to WooCommerce > System Status > Tools tab. After clearing transitents, you  may need to save one of your products again. You also clear your cache from browser cache and the caching plugin.