Smart Slider 3 & Elementor

Check out our related blog post, or find the video and written tutorial below.

Smart Slider 3 and Elementor

How to publish your slider with Elementor?

Video tutorial

Written tutorial

1

Locate Smart Slider 3's widget at the Elementor widget list and drag it to the position where you want to have your slider.

2

Click on the Select Slider button to choose your slider or enter the slider ID.

The selected slider loads in the editor. You can't edit the slider using the page builder, but you can see how it will look like.

Possible problems

Update your Smart Slider 3 to the latest version, because new Elementor versions often change their codes and we need to adjust our codes to theirs!

1

Problems with our shortcode

Problem

Elementor has a bug in their code, that if you use a shortcode within their text block element, they are modifying its special characters wrongly. This creates errors within our JavaScript codes, too.

Solution

Don't use text blocks with slider shortcodes, but rather use our Smart Slider element.

2

Output buffering

Cause

The memory_limit value is reached on your server. To confirm that this is the problem, write this code inside your wp-config.php file right under the <?php part:

error_reporting(E_ALL);
ini_set('display_errors', 1);
ini_set("log_errors", 1);
ini_set("error_log", dirname(__FILE__)."/php-error.log");
    

and go to your page once again with this error. You should find a php-error.log file next to your wp-config.php file after that and this should tell you the cause of the problem. If it really will be a memory_limit reached error, contact your server host and ask them to increase this value on your server!

3

Memory limit on Hostgator Server

Hostgator has a common issue with their servers, that the given memory_limit value isn't used and your website stops around 100M memory limitation. They weren't able to identify the real cause at our customers, but upgrading the PHP versions from 5.x to 7.x solved the problem.

4

Smart Slider with ID: X

Problem

Sharing your website's url, where you have Smart Slider 3, you see "Smart Slider with ID:" and the slider's ID number within the description of the given page.

Cause

The problem is caused by Elementor and Yoast SEO, that Elementor stores our shortcodes within your page's/post's content as "Smart Slider with ID: X" and because of this our codes cannot run within Yoast SEO to try not show anything in place of the shortcode. Then by default Yoast SEO gets its meta descriptions from the page's/post's contents, so this Elementor stored content.

Solution

When you use Yoast SEO give meta description for your pages, posts. That way Yoast SEO won't try to automatically generate them from the content.

5

Class not found

If you see this error message after updating your Elementor, or if you just installed a new Elementor:

Fatal error: Class 'Elementor\Control_Base' not found in /wp-content/plugins/nextend-smart-slider3-pro/includes/integrations/Elementor.php on line 76
    

then update your Smart Slider 3, and it will solve your problem!

6

Sliders disappeared after updating to 3.4.1.10 or newer

This problem happens because you used the WordPress widget of Smart Slider to publish the slider on Elementor. Previously searching for Smart Slider brought up two widgets: Smart Slider WordPress widget and Smart Slider's own widget. To avoid confusion, the Smart Slider WordPress widget was removed, and it's unavailability causes the problem on your site.

Smart Slider WordPress widget (left) and Smart Slider's own widget (right)

To solve the problem, update to 3.5.1.2 or newer and place the following code to your wp-config.php:

define('SMART_SLIDER_ELEMENTOR_WIDGET_ALLOWED', true);