Image Slider not showing up

I am working on a website for a client that is currently here: http://96.127.158.130/~equineou/
Using Cornerstone, I added an image slider to the top of the homepage, which looks fine when I’m in Cornerstone but when I save and close out it disappears (you can see on the homepage now that there’s a grey rectangle under the banner where the slider should be). Any ideas why this is happening?

Hey There,

Would you mind providing us with login credentials so we can take a closer look? Please provide following information:

Set it as Secure Note

  • Link to your site
  • WordPress Admin username / password

All the best!

Hello There,

Thanks for providing the information. Because you have added a custom JS on the page, it creates a JS error which resulted some issues. You inserted this:
<script;type='text/javascript';src='//s3.amazonaws.com/downloads.mailchimp.com/js/signup-forms/popup/embed.js';data-dojo-config='usePlainJson: true, isDebug: false'></script><script type="text/javascript'>require(['mojo/signup-forms/Loader'], function(L) { L.start({'baseUrl':'mc.us13.list-manage.com','uuid':'3b0a42550d7e432ad853cea73','lid':'ec1224065d'}) })</script>

The correct code should only be this:
`

require(["mojo/signup-forms/Loader"], function(L) { L.start({"baseUrl":"mc.us13.list-manage.com","uuid":"3b0a42550d7e432ad853cea73","lid":"ec1224065d"}) });` There are also other JS errors which may have in conflict with the Slider. You could try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it's fixed, you'll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time. Let us know how it goes!

I tried deactivating all of my plugins but nothing worked to fix the disappearing slider. Also, I’m not sure where that Javascript is? I looked in the customizer > custom > edit global jss but there’s nothing there. Where else would I find it?

Hello There,

Thanks for updating in! You will have to edit your homepage in Cornerstone and in the custom JS, you will find the JS code there: http://prntscr.com/fqaei3
I went ahead and already changed the invalid JS code.

The image slider is working perfectly with no issues in your site. To demonstrate that, I created a test page which you can find it here: http://96.127.158.130/~equineou/an-x-test/

In your homepage, the slider is not working. This could be because of a conflict between your custom JS added in the raw content element. When you visit your homepage, there are JS errors: http://prntscr.com/fqah6z

May we have a permission to deactivate some of your plugins?

Hope this helps. Kindly let us know.

Ok, If you think deactivating plugins will solve it, go ahead.

I deactivated all third party plugins but the issue persists. It made other errors disappear though. The only one left is there is a Javascript conflict with WooCommerce. Please downgrade WooCommerce to the version listed at https://theme.co/apex/forum/t/troubleshooting-version-compatibility/195 for compatibility.

Thanks.

This is very frustrating. How do I downgrade? I went to the link you sent and it says I need version 3.0.3 but doesn’t offer a download. . . when I search plugins I am only offered the latest version! Is there any other slider plugin or code I can use on my homepage instead or will that not be compatible with Cornerstone?

Hi again,

You can download the previous versions of WooCommerce plugin from here https://wordpress.org/plugins/woocommerce/advanced/ just select the version from the dropdown and download it.

Hope this helps!

Thank you, yes, I was able to download the version I need. Now do I have to delete the old version of Woocommerce and upload the new one? This isn’t going to delete any of the product information that I’ve entered, is it?

Hi again,

To be on a safe side, take a backup first then you can just deactivate the WooCommerce plugin and via FTP remove the WooCommerce plugin from the plugins directory and upload the downloaded version, you can then activate the plugin safely but make sure to refresh the WP admin panel after uploading the previous version of WooCommerce.

Let us know how this goes!

Ok I did all of that and the slider is still not working! now what?!

Hi again,

This is a problem with the server-setting, meaning that your hosting company will need to solve this on your behalf. The problem is outdated MOD_SECURITY core ruleset, alternatively you can follow option # 3 in this guide https://docs.woocommerce.com/document/jquery-cookie-fails-to-load/ to fix the issue and make sure to purge cache after plugin activation or disable third party plugins in the meantime.

Hope this helps!

I downloaded the plugin, cleared my cache and it did not fix the problem. What do I ask my hosting company for?

Hi there,

I tried to login and getting an error (see secure note for the error )

Can you please remove the customization from your Child Theme so we can get inside your admin panel. You hosting provider is using outdated MOD_SECURITY core ruleset, Installing the plugin should have fixed the issue but errors are still there so checking with hosting provider in this regard will help too.

Thanks!

oops. yes that is fixed.

Glad to know it’s fixed.

Have a nice day!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.