On Scroll In Product Page, Add to Cart sticky appears empty

Hello,

When testing my site on mobile (iOS, Chrome), I noticed that when I scroll within a Product Page the sticky “Add to Cart” button/footer does not appear properly. The only option visible is “None”. This product does have Subscription options available, but none of the subscriptions appear. See the attached iPhone screenshot.

How can I correct this issue?

Attachments:

You must be logged in to view attached files.

Hello,

This issue relates to the plugin and Woocommerce. Please contact the plugin support as our theme does not influence the functionality of the Woocommerce.

Best Regards

Thank you. I’ll contact WooCommerce support

Hi Elise,

I just communicated with WooCommerce support and they say it’s probably an issue with the Theme. They provided me with some additional information on the problem. See below. Is this something that can be resolved?

Thanks for the additional details!

To sum up, this sticky button:
– is added by your theme,
– displays Subscription options correctly in desktop views but;
– does not display Subscription options correctly in mobile views.

We had a discussion with our engineering team and it turns out that this issue is most probably triggered by your active theme and the way it is rendering the sticky button. On our side, there is not much we can do to help with this, as this is something that needs to be resolved on your theme’s side of things — that’s why we recommend bringing this to the attention of your theme authors.

Here are some technical details that could perhaps help your theme authors get started with this: If they are rendering the sticky button via PHP, then it might be useful to know that All Products for WooCommerce Subscriptions is rendering its options on the woocommerce_before_add_to_cart_button action. This action is also used by other extensions that add new options before the Add to Cart button — our guess is that these options will not show up inside the sticky button either.

In case the theme authors have any specific questions for us, please let us know!

Hello,

Please deactivate all the plugins not related to the theme and check the issue, if the problem remains, leave the plugins not activated for us to check.
Woocommerce does not conflict our theme. Our theme is 100% compatible with the Woocommerce. Some of the plugins cause the problem.

Best Regards

I disabled all none core plugins and the issue still arises. Please take a look.

Hello,

You have not deactivated all the plugins, I have deactivated and sticky Add to cart works correctly. https://gyazo.com/943db34a7760e97d96b175d3f54a915f

Activate the plugins one by one to detect which one causes the problem.

Best Regards

Hi Elise,

I am using the WooCommerce Subscription plugins to sell products, so those need to be activated as well. My problem arises when I activate these plugins WooCommerce Subscriptions and WooCommerce All Products for Subscription – both of which are provided by WooCommerce. I contacted WooCommerce support and they responded back with the information quoted in my previous response. I included it below as well.

They are saying that “All Products for WooCommerce Subscriptions is rendering its options on the woocommerce_before_add_to_cart_button action” and that the issue is on the Theme side.

Is this information being properly passed by Woodmart? Any questions that I should ask WooCommerce support?

Thanks for the additional details!

To sum up, this sticky button:
– is added by your theme,
– displays Subscription options correctly in desktop views but;
– does not display Subscription options correctly in mobile views.

We had a discussion with our engineering team and it turns out that this issue is most probably triggered by your active theme and the way it is rendering the sticky button. On our side, there is not much we can do to help with this, as this is something that needs to be resolved on your theme’s side of things — that’s why we recommend bringing this to the attention of your theme authors.

Here are some technical details that could perhaps help your theme authors get started with this: If they are rendering the sticky button via PHP, then it might be useful to know that All Products for WooCommerce Subscriptions is rendering its options on the woocommerce_before_add_to_cart_button action. This action is also used by other extensions that add new options before the Add to Cart button — our guess is that these options will not show up inside the sticky button either.

In case the theme authors have any specific questions for us, please let us know!

Hello,

Please add this code to the Theme Settings > Custom CSS > to the device you need: Mobile/Tablet:

.woodmart-sticky-btn-cart .subscription-option .price {
    display: inline-block;
    margin-right: 0;
}
.woodmart-sticky-btn .subscription-option .price del, 
.woodmart-sticky-btn .subscription-option  .price ins {
    display: inline-block;
}

Best Regards

Awesome! Elise, this looks like it works! Going to turn on the other plugins and test. Thank you for the help!

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts