Docs

[gmilne]

Hi,

I’m having 2 issues with my woocommerce shop and can’t seem to find the cause, any help you can provide would be much appreciated.

1. First the Woocommerce basket widget is not appearing in the shop sidebar. The title for it appears but the rest just remains empty.

2. The link to add a coupon on the checkout page does nothing. Coupon codes work fine if you go into the shopping basket to add them but they cannot be added at all from the checkout page currently.

The widget issue is definitely new and was working fine before so I think this has started from a update but I can’t pinpoint exactly when. As this is the first time we’ve added coupons I’ve no idea if this link was working previously or not.

Thanks for your help

Gordon

[gmilne]

This reply has been marked as private.

[Nabeel A]

Hi there,

Thanks for writing in! This is probably caused by Cloudflare’s rocket loader.

https://support.cloudflare.com/hc/en-us/articles/200168056-What-does-Rocket-Loader-do-

The loader loads your site’s javascript files asynchronously in which the order is not respected at all. Please disable your rocket loader.

Let us know how this goes!

[gmilne]

Hi,

I’ve tried disabling the rocketloader and to no effect. For the moment I’ve disable cloudflare completely for the site and I’m still getting the same issues.

[Rue Nel]

Hello There,

Thanks for updating in! I have checked your site thoroughly and it appears that there is a JS error on the page. This may be the cause of the conflict. It happens that you added a custom JS code and it is not loading the required JS file which doesn’t exist because the file path is incorrect. Please have your code updated and use this instead:

<script type="text/javascript" src="http://example.co.uk/wp-content/plugins/cornerstone/assets/dist/js/site/vendor-ilightbox.min.js"></script>
    <script>jQuery(document).ready(function($) {
       $('.page-template-template-layout-portfolio .entry-featured .entry-thumb').click(function(e) {
          e.preventDefault();
       });
    });
    jQuery(document).ready(function(){jQuery(".x-portfolio .entry-featured a").iLightBox({skin: "light",linkId: "gallery-image",overlay: {opacity: 0.875,blur: true},styles: {prevScale: 0.75,prevOpacity: 0.75,nextScale: 0.75,nextOpacity: 0.75},path: "horizontal",controls: {thumbnail: false}});});
  </script>

Please let us know if this works out for you.

[gmilne]

Thanks for the help.

The issue does seem to be with the custom JS code to add make portfolio items appear as a lightbox as when this function is removed the woocommerce features all work fine.

Unfortunately the code above didn’t solve the issue and the lightbox isn’t working currently on the portfolio items.

As I’m about to redo the portfolio on the site it’s not a major problem as I’ll just remove the code and replace the whole portfolio section anyway.

Thanks again.

Gordon

[Nabeel A]

Glad you’ve sorted it out. do let us know if you need any assistance.

Cheers!

[Author]

Posts