Moving WordPress to a New Domain

Products:

WonderPlugin Slider, WonderPlugin Gallery, WonderPlugin Portfolio Grid Gallery, WonderPlugin Carousel and WonderPlugin Audio Player

Tutorial:

When you move your WordPress to a new domain name, you many find the image, video and audio links in the plugins are not updated, they still point to the old domain name. This tutorial will guide you how to update the links and fix the problem.

Continue reading

I upgraded to commercial version, but the free version watermark remains

Product:

All WonderPlugin Products

Question:

I purchased the commercial version and have received my membership login password. I downloaded the commercial version and followed the upgrade instructions as posted on your website, however, the free version watermark remains.

Answer:

Firstly, please goto the plugin menu Overview, check the title of the plugin. For commercial versions, it should say "WonderPlugin PLUGIN_NAME Commercial Version VERSION_NUMBER C".

If it still shows "Free Version", then it means your website is still running the free version. Please follow this tutorial to upgrade: https://www.wonderplugin.com/wordpress-tutorials/how-to-upgrade-to-wonderplugin-commercial-version/

If the title is correct, then it's normally a cache issue. There may be four caches that you need to clear.

1. Web server cache by your web hosts. Some web hosts will cache web files, for example, GoDaddy, WPEngine and DreamHost. Please contact your web hosting provider and ask them whether the web files are cached and how to clear the cache.

2. Website cache or JS minification/combination by your WordPress. If you have a cache plugin installed in your WordPress, for example, WP Super Cache, W3 Total Cache, empty the cache in the plugin. Some JavaScript minification/combination plugins will also cache JS files. If you are using one of these plugins, make sure you empty the cache or re-combine the JS files.

3. Your local web browser cache. Please clear caches of your web browser after you upgrade the plugin.

4. CDN sync. Some web hosting providers use CDN to deliver image and js files. In this case, you need to force to sync your content to all CDN servers. If you are using a CDN, please contact your web hosting provider for how to do this.

Search and replace when moving WordPress site

Product:

All WonderPlugin Products

Question:

I am moving my WordPress development site to production. I did a search and replace in the WordPress database, but the images in the carousel slider still link to the old domain.

Continue reading

Add plugin js files to footer is not working

Product:

All WonderPlugin Products

Question:

In the plugin, settings menu, I checked the option "Add plugin js scripts to the footer", but the plugin js files are not added to the WordPress footer.

Answer:

The plugin is using WordPress hook wp_footer to print the plugin js scripts to the footer. wp_footer is one of the most essential theme hooks.

The problem is because your WordPress theme does not call the WordPress function wp_footer() and the hook is not enabled. Please contact your WordPress theme provider and ask for how to support the wp_footer hook.

For more details about wp_footer hook and wp_footer() function, please view: https://codex.wordpress.org/Plugin_API/Action_Reference/wp_footer and https://codex.wordpress.org/Function_Reference/wp_footer.

Different sliders for desktop and mobile

Product

WonderPlugin Slider

Question

Some of our pages function better with different skins depending on whether we are using desktop or mobile.

Is there a way to use different skins for desktop and mobile?

Answer

You can create two WordPress sliders, one for mobile, one for desktop.

After you have created two sliders, you can add the following code to your post or page. Please be sure to change the ID value in the code to that of your own sliders.

<div id="largescreen">
[wonderplugin_slider id="1"]
</div>

<div id="smallscreen">
[wonderplugin_slider id="2"]
</div>

Then you can add the following CSS code to your WordPress theme style.css file to show the small slider when the screen width is less than 640px:

#largescreen {
  display: block;
}

#smallscreen {
  display: none;
}

@media (max-width: 640px) {
  #largescreen {
    display: none;
  }

  #smallscreen {
    display: block;
  }
}

Uncaught TypeError: jQuery(…).wonderpluginslider is not a function

Product:

WonderPlugin Slider

Question:

I added the slider shortcode to a WordPress page, but the slider is not showing up, and I found the following error in the Chrome JavaScript console: Uncaught TypeError: jQuery(...).wonderpluginslider is not a function

WordPress Slider jQuery Error

Answer:

This problem is normally because there are multiple jQuery loaded in your WordPress.

Please view the following tutorial for how to fix the problem: https://www.wonderplugin.com/wordpress-carousel-plugin/multiple-jquery-loaded-in-wordpress/

8MB Upload Size Limit

Product:

WonderPlugin Gallery, WonderPlugin Slider, WonderPlugin Portfolio Grid Gallery

Question:

Is 8MB the largest upload size you offer with the WordPress portfolio grid gallery? I tried to add a video file but the video was way too large.

Answer:

8MB is a limit from your web server.

You need to change the web server PHP configuration file to change the limit. If you are using a shared web hosting, you need to contact your web hosting provider and ask them to make the change.

Or you can upload the video file to your web server via FTP client software, then add the video URL link directly to the plugin.

Different texts for big screens and mobile devices

Product:

WordPress Slider Plugin

Question:

It isn't possible to have two different texts?

One that is long and works in "big screens" and one that works on phones etc?

Answer:

In your title, you can try to enter HTML code like following:

<span class="largescreen">This title is for large screen</span><span class="smallscreen">This title is for small screen</span>

Then in the plugin, step 3, Options tab, Advanced Options, enter the following text to the Custom CSS box:

.largescreen {
  display: block;
}
.smallscreen {
  display: none;
}

@media (max-width: 640px) {
  .largescreen {
    display: none;
  }
  .smallscreen {
    display: block;
  }
}

The above CSS code will hide the text of class largescreen and show the text of class smallscreen when the screen width is less than 640px.

Customize Text Effect of WordPress Slider Plugin

Product:

WordPress Slider Plugin Version 3.2 and above

Question:

I’ve downloaded your wonder plugin slider. It’s a really nice tool and the text navigation is exactly what I’ve been looking for to use on a website I’m working on.

When creating images for the slider there are fields to enter the title and description. The title shows up in the navigation text, but what about the description? I’d like to be able to have the image show with the title and description on the right side of slider, while still keeping the tabbed text navigation. Is this possible through CSS, or an available option in the commercial version?

Continue reading