Home › Forums › WoodMart support forum › On Scroll In Product Page, Add to Cart sticky appears empty

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

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • September 19, 2019 at 2:52 pm #145292

    Cris
    Participant

    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.
    September 19, 2019 at 4:40 pm #145316

    Elise Noromit
    Member

    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

    September 19, 2019 at 8:11 pm #145377

    Cris
    Participant

    Thank you. I’ll contact WooCommerce support

    September 24, 2019 at 2:06 pm #146358

    Cris
    Participant

    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!

    September 25, 2019 at 6:38 am #146428

    Elise Noromit
    Member

    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

    September 25, 2019 at 3:49 pm #146616

    Cris
    Participant

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

    September 25, 2019 at 8:43 pm #146641

    Elise Noromit
    Member

    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

    September 26, 2019 at 6:40 pm #146882

    Cris
    Participant

    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!

    September 27, 2019 at 6:27 am #146950

    Elise Noromit
    Member

    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

    September 27, 2019 at 3:08 pm #147082

    Cris
    Participant

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

    September 27, 2019 at 8:02 pm #147128

    Elise Noromit
    Member

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

    Best Regards

  • Author
    Posts

Tagged: , , , , , ,

Viewing 11 posts - 1 through 11 (of 11 total)

The topic ‘On Scroll In Product Page, Add to Cart sticky appears empty’ is closed to new replies.