A fixed “Add to Cart” button on single product pages creates a smoother shopping experience, especially for customers browsing on mobile or tablet devices. This feature keeps the purchasing action visible as customers read through long product descriptions, ensuring they can buy at any moment without scrolling back up.
What Is It?
This is a “sticky” bar that stays anchored to the bottom of the screen. However, it is designed with Smart Visibility logic to keep your interface clean:
- Hidden at first: When the customer first lands on the page and can see the main “Add to Cart” button, the fixed bar remains hidden.
- Appears on scroll: As soon as the customer scrolls down and the main button moves out of view (off-screen), the fixed button smoothly slides in at the bottom.
- Mobile Optimized: This feature is specifically targeted at mobile and tablet users, where screen real estate is limited and scrolling is frequent.
How to Manage or Edit This Feature
Unlike standard theme settings, this feature is built using the powerful Kadence Elements system to allow for maximum customization.
1. Locating the Element
To find the settings for this button:
- Navigate to Appearance > Kadence > Elements in your WordPress dashboard.
- Look for the element named “Fixed Add To Cart Button On Mobile/Tablet”.
- Click to Edit.
2. Customizing the Design
Inside the editor, you will see a Custom HTML Block containing the code for the button. While the button automatically inherits your global theme colors/button styles, the structure works as follows:
- Dynamic Price: The shortcode [product_price] automatically pulls the current product price.
- Button Action: The button is programmed to trigger the exact same action as the main “Add to Cart” button on the page. For this to work, the button ID needs to be “fixed-add-to-cart”.
3. Disabling the Feature
If you prefer not to use this feature on your store:
- Go to the Elements overview list.
- Find the “Fixed Add To Cart Button On Mobile/Tablet” element.
- Toggle the status from Published to Draft.
Why This Matters for Your Sales
This feature directly addresses “User Friction.” On mobile devices, scrolling back up 3–4 screen lengths just to find the buy button is annoying. By providing a constant, unobtrusive call-to-action, you make the buying process effortless, which can lead to higher conversion rates.
