sticky shop now footer bar in product page

Comments

• Phil

  September 3

  Hi,

  Sorry, but I do not understand what your goal is.

  Can you explain that in more detail, please?

  It would also help if you could attach some examples.

  
  

  Thanks

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• support-artha

  September 7

  keycare.png

  Hi,

  Thank you for your reply.

  For your reference, I have attached a screenshot with the relevant section highlighted.

  I am looking to implement a sticky product information bar/footer on single product pages, similar to the functionality shown on the reference website.

  Specifically, on a WooCommerce single product page, when the user scrolls down past the main product section, I would like a fixed/sticky bar to appear at the bottom of the viewport. This bar should display:

  • The product name or short product information
  • Product price, if applicable
  • Product thumbnail, if required
  • An Add to Cart button
  • Ideally, the Add to Cart functionality should work without requiring the user to scroll back to the main product section

  The sticky bar should remain fixed at the bottom of the screen while the user continues browsing the product page and should preferably appear only after the user has scrolled past the standard Add to Cart section. It should also disappear or remain hidden when the user returns to the main product/Add to Cart area.

  I would like to achieve this using BeTheme and WooCommerce, preferably through the theme's existing functionality or options without modifying the theme core files.

  Could you please advise:

  1. Does BeTheme/WooCommerce already provide this functionality?
  2. If yes, which BeTheme settings or options should I enable/configure?
  3. If it is not available natively, what would be the recommended implementation approach?
  4. Can this be implemented using a child theme and custom CSS/JavaScript/PHP while keeping the solution compatible with future BeTheme updates?
  5. Is there any existing BeTheme element, shortcode, or WooCommerce feature that can be used to create this sticky Add to Cart bar?

  The goal is to have a sticky/floating Add to Cart bar that dynamically reflects the current product being viewed, similar to the reference website.

  Please let me know the recommended approach and, if possible, provide the exact steps or code required to implement it in BeTheme.

  Thank you for your assistance.

  Best regards,
• Phil

  10:00AM

  There is no such feature in Betheme. To achieve that, you would have to use an external plugin or contact your web developer to prepare such custom functionality for you.

  Regarding plugins, we cannot recommend any plugins other than the ones we support: https://support.muffingroup.com/documentation/bundled-plugins/#compatibility.

  
  

  Best regards

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next