Storefront Sticky Add to Cart

Description

Product pages can be long. Some products have long descriptions, lots of reviews, galleries, you name it. By the time a visitor has read all of the product content and decided to commit to purchasing the product, the add to cart button is often hidden way off screen at the top of the page. Not any more! The Storefront Sticky Add to Cart plugin reveals a small content bar at the top of the browser window which includes the product name, price, rating, stock status and the all-important add to cart button. It subtly slides into view once the standard add-to-cart button has scrolled out of view. Now when your customers decide they want to buy your product they no longer have to go hunting to add it to their cart!

As the name suggests this plugin has been designed to work with our Storefront theme. The add-to-cart bar colors will be lifted from your Storefront configuration in the Customizer. The main background color is applied to the background, the main text color applied to the text and the main link color applied to links. If you want to use this plugin with another theme you’ll have to build your own integration. More info in the FAQ.

Screenshots

  • The sticky add to cart bar in action.

Installation

  1. Upload storefront-sticky-add-to-cart to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Done!

FAQ

Installation Instructions
  1. Upload storefront-sticky-add-to-cart to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Done!
I want to integrate with a theme other than Storefront, how do I do it?

It’s very simple, most of the core styles are loaded regardless. You’ll just need to apply a background color to the content bar like so; .ssatc-sticky-add-to-cart { background-color: white; }.

Why doesn’t he sticky add to cart component display on mobile?

It simply takes up too much valuable screen real estate. You can display it on mobile with a few lines of css if you need to.

Reviews

Not really responsive

With long titles of the product, the button overlaps the text on medium to smaller screens – which doesn’t look very professional.
Therefore only 1 star instead of 5.

A great plugin, not working after the last update

This plugin was working perfectly until I updated it. Now I can’t even access my website when I activate it, there’s just a blank page saying the following: ”Fatal error: Call to undefined function storefront_get_content_background_color() in /the address of the website and plugin/ on line 216”.
It’s a good plugin and I need it.
I’ll change my rating to 5 stars once it’s fixed.

An Absolute Must Have

James and the Ninjas over at WooThemes put on their marketing cap for this little bundle of joy! Now the call to action stays front and center and in the line of sight for the customer. WHOOP!

  • No more losing the add-to-cart button when a lands on a product page with a long description.
  • Gone are the days of the add-to-cart button being below the fold.

Now your Customer clearly sees and is constantly reminded of what it is that you’re wanting them to do next (which is of course BUY SOMETHING) 😉

Absolutely brilliant!

Great Job Ninjas!!

Read all 5 reviews

Contributors & Developers

“Storefront Sticky Add to Cart” is open source software. The following people have contributed to this plugin.

Contributors

“Storefront Sticky Add to Cart” has been translated into 15 locales. Thank you to the translators for their contributions.

Translate “Storefront Sticky Add to Cart” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.1.7 – 27.10.2017

  • Tweak – Use wp_kses_post() for stock availability sanitization. Ensures compatibility with WooCommerce Waitlist extension.
  • Tweak – Check for form.cart before calling Waypoint.

1.1.6 – 15.06.2017

  • Tweak – WooCommerce 2.6/2.7 compatibility.

1.1.5 – 10.06.2017

  • Tweak – WooCommerce 2.7 compatibility.

1.1.4 – 10.06.2016

  • Tweak – Hide the sticky add to cart component on mobile as it takes up too much screen real estate.

1.1.3 – 04.26.2016

  • Tweak – Integration with Catalog Visibility Options extension.

1.1.2 – 04.13.2016

  • Tweak – Compatibility with products other than simple/variable (eg. Subscriptions).

1.1.1 – 03.08.2016

  • Tweak – Storefront 2.0.0 compatibility.
  • Tweak – General code tidy up.

1.1.0 – 11.06.2015

  • New – Now displays the product rating as well. Kudos @BurlesonBrad.
  • New – Now works for variable products.
  • Tweak – Button now uses the .alt class to stand out more.
  • Tweak – Minor style adjustments.

1.0.0 – 10.30.2015

Initial release.