Progress Bar not showing on the cart or checkout
Follow the steps below to find out what’s wrong and hopefully solve your problem. If your problem persists, please contact us.
1. Enable Progress Bar
First of all, check if you have enabled the Progress Bar in the settings. Make sure the switch is enabled.
2. Check WooCommerce Settings
Go through our WooCommerce setup guide and make sure you have everything configured correctly.
3. Are you using some other plugins for shipping?
If you are using any other plugins related to shipping and/or free shipping functionalities. It may be the case that the plugin you have installed is not compatible with the Free Shipping Label plugin.
Since we are constantly improving the Free Shipping Label plugin, user input is crucial for staying up to date! Please let us know which plugin you like to use so that we can adjust our code and make the plugin combination compatible in the future releases.
Currently, Free Shipping Label is compatible with the widely used Flexible Shipping plugin.
But there is still hope!
For this instance, we have implemented a Custom threshold option. You can enable the Custom threshold option in the General settings and manually set your Free Shipping minimum amount.
Go to General settings and enable the Custom threshold option and set your Free Shipping amount. This will be used only to determine if the plugin should show the Free Shipping bar/label.
This will work just fine in most cases, but if you have more complex free shipping conditions, then you’ll probably want to find a better solution. Feel free to contact us and get professional help.
Maybe a Template Issue?
If you have followed all steps above and still progress bar won’t show, then this might be a template issue. Definitely a template issue if the progress bar is showing for example on the checkout page but not on the cart page, or vice versa.
Our plugin depends on WooCommerce Hooks in templates. Many themes have their own cart, mini-cart and checkout templates. Sometimes they omit some WooCommerce hooks and add their own HTML. This isn’t a bad thing, it’s simply for layout and styling purposes.
Free version
In that case, if you are running a free version of Free Shipping Label you can edit the themes WooCommerce templates, but that requires a little bit of PHP, HTML and CSS knowledge.
We won’t cover step-by-step procedures since templates are probably unique to the theme.
Here are the WooCommerce hooks that are used for displaying the progress bar. Add them to your templates if they are missing, but be extremely careful! This will probably duplicate some HTML and you’ll have to figure out on your own what to do.
Cart page hook
<?php do_action( 'woocommerce_proceed_to_checkout' ); ?>Mini-cart widget hook
<?php do_action( 'woocommerce_widget_shopping_cart_before_buttons' ); ?>Checkout hook
<?php do_action( 'woocommerce_review_order_before_submit' ); ?>PRO version
Free Shipping Label Pro has multiple options for displaying the progress bar. You can choose between five positions on the cart page and six positions on the checkout page.
Even if your theme has omitted some hooks, you still have other positions at your disposal.
Check out Progress Bar setup guide for more information.
In the PRO version, there is also a shortcode and progress bar block available in the editor.
You can place them anywhere in your template or anywhere on the website (sidebar, header, product page, footer, etc.).
Shortcode
[fsl-progress-bar]Also, a cool feature is the animated Notice Bar. It pops out when a user adds a product to the cart.