How to set up the sticky add to cart bar, adjust content, position and colours, exclude products, read the statistics and use the bar on category pages.
Sticky Add to Cart shows a compact bar with product image, name, price and add to cart button on the product page as soon as the actual buy button has been scrolled out of view. One click adds the product to the cart via the buy form of the product page, with quantity, variant and additional fields.
On home, category and search pages a second bar can show the number of items and the cart total, optionally with product images or as an expandable list.
A tour of the settings and the bar in the shop, recorded right in the Shopware admin.
Watch the video on its own page
Without a valid licence the plugin shows the licence view in the admin and no bar in the shop. You will find the key in your Stone & Water customer account. It is bound to the shop domain shown in the licence view.
At the top of the settings you choose sales channel and language. Without a selection the settings apply everywhere. If you choose a channel or a language, every field shows Inherited or Own value. A click switches between both.
Order of delivery:
This way you set an own button text only for English, for example, without maintaining the other settings twice. Reset all removes the own values of the selected scope.
Under General, Show, you decide when the bar appears:
With Show from and Show until you limit the bar to a time period. The period is checked in the customer's browser and therefore also applies to cached pages. At the end of the page the bar hides as soon as a good part of the footer is in view. When scrolling down it can disappear, everywhere or only on smartphones.
The bar always adds exactly the variant that is selected on the product page. If no buyable variant is selected yet, the button says Choose options and scrolls to the variant selection. Under General, If not buyable, the bar can also be hidden in this case.
Optionally a change link follows the variant. If a product has exactly one variant option, for example only size, the bar can show a select field instead. Switching loads the new variant and jumps back to the same position on the page.
With the quantity selection, quantity field and button are stacked. Minimum quantity, purchase steps and maximum quantity of the product are respected.
Under Category and search page you switch on a second bar for home, category, search and landing pages. It appears as soon as the cart contains something, or always if you like.
For number and total and for product images a click optionally opens the offcanvas cart of the shop.
Next to the settings the preview shows the bar with a sample product, switchable between desktop and smartphone. Every change is visible immediately, even before you save.
The Statistics tab shows for 7, 30, 90 or 365 days and per sales channel:
Only daily totals per sales channel are counted, without personal data. Bots are filtered out.
Chat buttons, the scroll to top button and similar floating elements at the bottom are moved above the bar automatically while it is visible. This only affects elements that would actually cover the bar. It can be switched off under General.
The styles of the bar are inline in the page, the script is loaded from the plugin. After an update the usual Shopware cache is enough, no theme compile is needed. Wishlist heart and PayPal Express button only appear if the shop offers these features.
Without keeping data, the settings and the statistics table are deleted. The shop is then back in its original state.
We answer questions directly. Write to us via the contact form.
All settings in the order of the admin. Each can be overridden per sales channel and language, fields that are not adjusted inherit the parent value. As of version 1.0.19.
Choose the sales channel and language you want to adjust. Without a selection the settings apply everywhere. Every field can be inherited or overridden on its own.
Adjust the settings for a single sales channel. Fields that are not adjusted inherit the value of All sales channels.
Adjust the settings for one language, for example an own button text. Fields that are not adjusted inherit the value without language.
Activation, devices and when the bar appears.
Switches the bar on the product page on or off.
On which devices the bar appears. Smartphone up to 575 pixels, tablet up to 991 pixels, desktop above.
When the bar appears: as soon as the add to cart button of the product page has been scrolled out of view, after a scroll distance in pixels or percent, after a waiting time or always.
The bar appears after this scroll distance when Show is set to After scroll distance.
The bar appears once this share of the page has been scrolled when Show is set to After share of the page.
The bar appears after this time on the page when Show is set to After waiting time.
Optional: the bar only appears from this point in time. Leave empty for immediately.
Optional: the bar only appears until this point in time. Leave empty for unlimited.
Hides the bar as soon as the footer becomes visible so it does not cover any links.
Hide the bar while reading further down and show it again when scrolling up, on all devices or only on smartphones.
Moves other floating elements at the bottom, for example a chat button or the scroll to top button, above the bar while it is visible.
What happens when the product cannot be added to the cart right now, for example because no variant has been chosen yet.
Shows a small X. Whoever closes the bar will not see it again until the end of the session.
Products, categories and dynamic product groups where the bar does not appear, for example vouchers or products that need explanation.
The bar does not appear for these products. A main product excludes all of its variants as well.
The bar does not appear for products in these categories or their subcategories.
The bar does not appear for products in these dynamic product groups.
Choose which details the bar shows.
Shows the main image of the product.
Shows the manufacturer above the name.
Shows the name of the product.
Shows the selected variant options, for example colour and size.
Shows a link after the variant that scrolls to the variant selection of the product page.
Shows a select field if the product has exactly one variant option, for example only size. Switching loads the variant and jumps back to the same position on the page. With several options the change link appears.
Shows the product number.
Shows the average rating as stars if reviews exist.
Shows the current price.
Shows the crossed out list price if one is maintained.
Shows the saving in percent if a list price is maintained.
Shows the reference price, for example per litre or kilogram, if maintained.
Adds the asterisk to the price that refers to the tax and shipping notes in the footer.
Shows availability and delivery time like on the product page.
Shows Only X left in stock as soon as the available stock reaches the limit.
The note appears at this stock or below.
Shows the note Free shipping for products that are maintained as free of shipping costs.
Short own text, for example Delivery in 1-2 days or 30 days return. Can be set per language, leave empty to hide.
Shows a quantity field in front of the button. Minimum quantity, purchase steps and maximum quantity of the product are respected.
Shows a heart next to the button that adds the product to the wishlist. Only appears if the wishlist is active in the shop.
Text, icon, shape and colours of the button.
Own text for the button. Leave empty to use the default text of the shop. Can be set per language.
Open the offcanvas cart as usual or only confirm briefly in the bar, with a link to the checkout. This way the customer can keep reading.
Shows a cart icon in front of the button text.
Takes over the PayPal Express button of the product page into the bar. Only appears if PayPal Express is set up in the shop and shown on the product page.
Pill, slightly rounded or square.
Background colour of the button.
Text colour of the button.
Where the bar sits, how large it is and how it appears.
Where the bar appears on tablet and desktop.
As a compact full width bar at the bottom or as a card with a full width button.
Distance of the card to the window edge. Does not apply to full width bars.
Maximum width of the card. For full width bars the width of the content.
Edge length of the product image.
Rounding of the card. 0 gives square corners.
Strength of the shadow below the card.
How the bar appears and disappears.
Shows a slim bar with number of items and cart total on home, category and search pages, optionally also with an empty cart.
Shows a slim bar with number of items and cart total as soon as the cart contains something. Position, colours and devices as for the bar of the product page.
Always shows the bar, even if the cart is still empty. It then shows the note that the cart is empty.
Only number and total, additionally the product images of the positions, or an expandable list with all positions where customers can change quantities and remove products.
The bar shows this many product images, further positions appear as +X. At most three on smartphones.
A click on the images or the total opens the offcanvas cart of the shop, where quantities can be changed.
To the cart or directly to the checkout.
Colours for background, border, texts, prices and the discount badge.
Background colour of the bar.
Colour of the thin border line.
Colour of the name and further details.
Colour of the price without list price.
Colour of the price if a list price is maintained.
Colour of the crossed out price.
Background colour of the percent badge.
Text colour of the percent badge.
All prices net plus VAT.
Download the free Plugin Suite and upload it in the admin, no SSH needed. It installs and updates the plugin with one click. You buy the licence directly from us, with an invoice from us and support straight from the developer.
The plugin will be listed in the official Shopware Community Store. Installation and automatic updates then run through the plugin manager in the backend, billing through your Shopware account. We will link it here as soon as it is available.