Initial release.<\/p>"},"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3745664,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3745664,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256},"icon.svg":{"filename":"icon.svg","revision":3745664,"resolution":false,"location":"assets","locale":false}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3745664,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3745664,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.0"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3745664,"resolution":"1","location":"assets","locale":"","width":2560,"height":1600},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3745664,"resolution":"2","location":"assets","locale":"","width":2560,"height":1600},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3745664,"resolution":"3","location":"assets","locale":"","width":2560,"height":1600},"screenshot-4.png":{"filename":"screenshot-4.png","revision":3745664,"resolution":"4","location":"assets","locale":"","width":2560,"height":1600},"screenshot-5.png":{"filename":"screenshot-5.png","revision":3745664,"resolution":"5","location":"assets","locale":"","width":2560,"height":1600},"screenshot-6.png":{"filename":"screenshot-6.png","revision":3745664,"resolution":"6","location":"assets","locale":"","width":2560,"height":1600}},"screenshots":{"1":"The bar at the bottom of a desktop product page: image, name, price, quantity and Add to cart, one click away.","2":"The compact phone layout keeps the image, price and button in a slim bar.","3":"A variable product before a choice: \"Choose options\" takes the shopper straight back to the options.","4":"Display settings: when the bar appears, where it sits and on which devices.","5":"Conditions: show the bar everywhere or only where it helps, by product, category, tag or type.","6":"Design settings with the live preview, updated before you save."}},"plugin_section":[],"plugin_tags":[48214,984,286680,142281,167825],"plugin_category":[55],"plugin_contributors":[191403],"plugin_business_model":[],"class_list":["post-386997","plugin","type-plugin","status-publish","hentry","plugin_tags-add-to-cart-button","plugin_tags-conversion","plugin_tags-floating-add-to-cart","plugin_tags-sticky-add-to-cart","plugin_tags-woocommerce-product-page","plugin_category-seo-and-marketing","plugin_contributors-emtiazzahid","plugin_committers-emtiazzahid"],"banners":{"banner":"https:\/\/ps.w.org\/hoverbuy-sticky-add-to-cart-bar-for-woocommerce\/assets\/banner-772x250.png?rev=3745664","banner_2x":"https:\/\/ps.w.org\/hoverbuy-sticky-add-to-cart-bar-for-woocommerce\/assets\/banner-1544x500.png?rev=3745664","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":"https:\/\/ps.w.org\/hoverbuy-sticky-add-to-cart-bar-for-woocommerce\/assets\/icon.svg?rev=3745664","icon":"https:\/\/ps.w.org\/hoverbuy-sticky-add-to-cart-bar-for-woocommerce\/assets\/icon.svg?rev=3745664","icon_2x":false,"generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/hoverbuy-sticky-add-to-cart-bar-for-woocommerce\/assets\/screenshot-1.png?rev=3745664","caption":"The bar at the bottom of a desktop product page: image, name, price, quantity and Add to cart, one click away."},{"src":"https:\/\/ps.w.org\/hoverbuy-sticky-add-to-cart-bar-for-woocommerce\/assets\/screenshot-2.png?rev=3745664","caption":"The compact phone layout keeps the image, price and button in a slim bar."},{"src":"https:\/\/ps.w.org\/hoverbuy-sticky-add-to-cart-bar-for-woocommerce\/assets\/screenshot-3.png?rev=3745664","caption":"A variable product before a choice: \"Choose options\" takes the shopper straight back to the options."},{"src":"https:\/\/ps.w.org\/hoverbuy-sticky-add-to-cart-bar-for-woocommerce\/assets\/screenshot-4.png?rev=3745664","caption":"Display settings: when the bar appears, where it sits and on which devices."},{"src":"https:\/\/ps.w.org\/hoverbuy-sticky-add-to-cart-bar-for-woocommerce\/assets\/screenshot-5.png?rev=3745664","caption":"Conditions: show the bar everywhere or only where it helps, by product, category, tag or type."},{"src":"https:\/\/ps.w.org\/hoverbuy-sticky-add-to-cart-bar-for-woocommerce\/assets\/screenshot-6.png?rev=3745664","caption":"Design settings with the live preview, updated before you save."}],"raw_content":"\n
Hoverbuy adds a sticky add to cart bar to your WooCommerce product pages. When a shopper scrolls past the product's own Add to cart button, a slim bar slides in at the bottom (or top) of the screen with the product image, name, price, star rating (once the product has reviews), stock status (when WooCommerce shows one), a quantity box and an Add to cart button. It is free and does not need a particular theme: it works from the add-to-cart form WooCommerce prints on the product page.<\/p>\n\n
The bar's button does not add anything to the cart by itself. It presses your product page's own Add to cart button or submits the product's own form with that button, so WooCommerce adds exactly what the form holds: the chosen variation, the quantity and any fields other plugins put in the form.<\/p>\n\n
woocommerce_after_single_product<\/code> hook) and the script watches the real Add to cart button.<\/li>\n- The bar's quantity box already mirrors the form's. When the shopper clicks the bar's button, Hoverbuy presses the real Add to cart button or submits the product form with that button, and WooCommerce adds the product from that form.<\/li>\n
- When the add is done without a page reload and WooCommerce's
added_to_cart<\/code> event fires, the bar shows \"Added to cart.\" with a View cart link.<\/li>\n<\/ol>\n\nThe bar needs JavaScript; without it, shoppers simply use the normal product form.<\/p>\n\n
Compatibility<\/h4>\n\n\n- Block themes.<\/strong> The Single Product block template fires
woocommerce_after_single_product<\/code>, and the bar is printed there or in the footer.<\/li>\n- Page builders.<\/strong> The bar looks for WooCommerce's add-to-cart form (
form.cart<\/code>) and its button (.single_add_to_cart_button<\/code>) on the page. If your product template uses different markup, set your own form and button selectors under Advanced.<\/li>\n- Product add-ons and custom fields.<\/strong> Fields that other plugins add inside the product form are submitted with it, because the bar submits that same form.<\/li>\n
- Variation swatches.<\/strong> Swatch plugins that drive WooCommerce's own variation form update the bar too, because the bar listens to WooCommerce's
found_variation<\/code> and reset_data<\/code> events.<\/li>\n- Side carts.<\/strong> Hoverbuy sends no cart request of its own: the add goes through the product's form and WooCommerce. The bar hides while the page's html or body element carries a class from the \"Cart drawer classes\" list under Advanced. The default list covers the WooCommerce Mini-Cart block, Side Cart WooCommerce (XootiX), WPC Fly Cart, FunnelKit Cart and Modern Cart, each class taken from that plugin's own code; add the class your drawer uses if it is not there.<\/li>\n<\/ul>\n\n
Developers<\/h4>\n\n\n- Filters:
hoverbuy_should_render<\/code> (final say on rendering), hoverbuy_bar_parts<\/code> (add, remove or reorder the bar's parts), hoverbuy_bar_settings<\/code> (settings for one product's bar), hoverbuy_contexts<\/code> (name => conditional callback for the pages where the bar may appear; the page's queried object must still be a product, and the default is product<\/code> => is_product<\/code>), hoverbuy_bar_allowed_html<\/code> (tags allowed in parts), hoverbuy_capability<\/code> (who can change the settings and open the preview; default manage_woocommerce<\/code>).<\/li>\n- Action:
hoverbuy_after_add<\/code> fires after a product added through the bar's button reaches the cart, with the cart item key, product id, quantity and variation id.<\/li>\n- JavaScript: the bar dispatches a bubbling
hoverbuy_bar_clicked<\/code> event with detail.productId<\/code> and detail.state<\/code> (ready<\/code> or choose<\/code>).<\/li>\n- Template: copy
templates\/bar.php<\/code> to yourtheme\/hoverbuy\/bar.php<\/code> to change the markup.<\/li>\n<\/ul>\n\nMore plugins by Emtiaz Zahid<\/h4>\n\n\n- Launchmender<\/a>: 44 pre-launch checks with one-click fixes, a manual checklist and a client handoff report<\/li>\n
- Faultwright<\/a>: PHP errors, JavaScript errors, failed cron jobs, emails and updates on one timeline<\/li>\n
- Stalemender<\/a>: content audit that gives every post a Freshness Score (0\u2013100) and tells you why<\/li>\n
- Waymender<\/a>: finds broken links without hammering your server, logs 404s and fixes both in one click<\/li>\n
- Anchormender<\/a>: internal link suggestions while you write, an orphan post report and bulk internal linking<\/li>\n
- Repeatwright<\/a>: RFM customer segments, repeat rate, LTV and cohort retention from your own WooCommerce orders<\/li>\n<\/ul>\n\n\n
\n- Install and activate WooCommerce.<\/li>\n
- Install Hoverbuy from the Plugins screen (or upload the plugin folder to
\/wp-content\/plugins\/<\/code>) and activate it.<\/li>\n- Open a product page that has an Add to cart button and scroll past the button: the bar works with the default settings.<\/li>\n
- To change it, go to WooCommerce \u2192 Sticky Add to Cart.<\/li>\n<\/ol>\n\n\n
\nDoes it work with variable products?<\/h3><\/dt>\nYes, in the free version. Until the shopper chooses a variation, the bar's button reads \"Choose options\", scrolls back to the product form and moves the keyboard focus to the first option the shopper can pick. After a choice, the bar shows that variation's price and stock status, and its button adds the variation with the quantity in the bar. Grouped and external products work too: the bar submits their form the same way (there is no quantity box in the bar for them).<\/p><\/dd>\n
My theme already has a sticky add to cart bar. How do I avoid two?<\/h3><\/dt>\nSwitch one of them off. Storefront has its own bar under Appearance \u2192 Customize \u2192 WooCommerce \u2192 Product Page \u2192 Sticky Add-To-Cart, and OceanWP has one under Appearance \u2192 Customize \u2192 WooCommerce \u2192 Single Product \u2192 Floating Bar. Both are on by default, and the Hoverbuy settings screen reminds you while they are. Flatsome and Woodmart have one in their theme options, and Hoverbuy shows a reminder for them as well. To switch Hoverbuy off instead, untick \"Show the bar on product pages\" under WooCommerce \u2192 Sticky Add to Cart \u2192 Display.<\/p><\/dd>\n
Does it work with Elementor or other page-builder product templates?<\/h3><\/dt>\nIt works when the product template contains WooCommerce's add-to-cart form: a form.cart<\/code> with a .single_add_to_cart_button<\/code> button, which is the markup WooCommerce's own add-to-cart template prints. If your template uses other markup, enter its form and button selectors under Advanced. If neither is found on the page, the bar stays hidden rather than showing a button that would do nothing.<\/p><\/dd>\nThe bar does not appear on my product page. What can I check?<\/h3><\/dt>\nThe bar only appears on products that have an add-to-cart form (it does not appear on an out-of-stock simple product, for example), when the Conditions and the product's own Show\/Hide box allow it, and on devices that are switched on. If all of that is fine, your theme probably renders the form with other markup: set the form and button selectors under Advanced.<\/p><\/dd>\n
Does it work with side cart plugins?<\/h3><\/dt>\nYes. The bar runs no add-to-cart request of its own; the product is added through the product's own form and WooCommerce. While a cart drawer is open the bar hides, as long as the drawer adds one of the classes listed under Advanced \u2192 Cart drawer classes to the page.<\/p><\/dd>\n
Does the device setting work with page caching?<\/h3><\/dt>\nThe device is checked on the server from the browser's user agent and again in the browser from the screen width (phones under 768 px, tablets from 768 to 1024 px). If your page cache serves the same copy of a page to every device, the browser check still hides the bar on a device you switched off, but a page cached for a device you switched off has no bar for anyone. In that case keep all devices on, or, if your cache plugin offers one, turn on its separate cache for mobile visitors.<\/p><\/dd>\n
Is the bar shown on the shop, category or cart pages?<\/h3><\/dt>\nNo. It appears on single product pages only, and its stylesheet and script are loaded only on product pages where it is shown.<\/p><\/dd>\n