gravatard

Pardon all the follow-ups, but trying to workout the best solution.

I tried adding back

                $(d.resultBlock).find('.aws_result_scroll').mCustomScrollbar({
                    theme:"minimal-dark"
                });

then changed malihu jquery script to scrollInertia:0. It worked on desktop, but scrollInertia:300 was more appealing.

I checked on mobile, and for some reason it’s impossible to scroll through results. This was the case using your plugin from the very start actually.

I changed back to scrollInertia:950, and removed the above theme:”minimal-dark” code you first suggested again.

Ultimately your suggested fix is the best option, as it works well on desktop and works perfectly on mobile – which was my biggest concern.

Thank you again! Your initial suggestion was the best!

Just a quick follow-up. In the same file, LINE 853 – the “malihu jquery custom scrollbar plugin” minified code, I found these interesting:

scrollInertia:950
and
scrollEasing:”mcsEaseInOut”

Looking at Git code for this plugin, if scrollInertia:0 is used, it disables scrolling momentum.

Maybe that’s an alternative fix?

I’ve removed those lines of code from the file – LINES 343-345.

Yes that’s it, it’s way more responsive now!

When you push an update to both free & PRO versions, I ask please consider removing the easy-ease function in “minimal-dark” theme. Either that, or option to switch themes in plugin settings.

I just tested on mobile, and while mobile retains the thin scrollbar of “minimal-dark”, it now instantly scrolls through results – definitely a better experience!

Ultimately I like the thin scrollbar and would like to keep it without sluggish scroll.

Thank you sir!

Sure, you can see it in action here: https://wordpress-257926-803321.cloudwaysapps.com/

Not a problem, appreciate your valuable time sir!

Wonderful, thank you. Looking forward! =)

For what it’s worth, I’ve disabled the star ratings in the widget and I’m happy enough with that for now. Appreciate this awesome plugin!

I don’t know if this helps: https://wordpress.stackexchange.com/questions/290572/woocommerce-showing-star-rating-review-instead-of-text-review-string/299038

or this:

https://stackoverflow.com/questions/32027481/woocommerce-change-product-rating-in-loop-from-textual-format-to-star-display

Man, your plugin is awesome! Exactly what I needed sir, thanks a million!

Awesome, appreciate you looking into this Adam!

I believe you’re referring to Elementor Pro with custom CSS ability. I do not have that function with WP.org Elementor.

If it makes sense to leave as-is with your dev team, happy as a clam! Just wish there was:

a) checkbox in settings to override CartFlows style with Theme Styling (for us old dogs who still build in a child theme)

b) notification in settings that custom CSS can be added to places, but not child theme stylesheet.

BTW, I couldn’t fix that darn Lost Password margin issue with CSS in the Theme Customizer, so still had to modify core plugin css. Please pass on to team if you get the chance.

Big Thanks!

Haha, figured it out. Can’t add code to child theme stylesheet. Must add to theme customizer CSS area. Weird, but OK! =)

Nevermind Adam, I did a test in the Chrome extension WP Sandbox. Clearly there’s an issue with my flow. Will delete CF plugin and start fresh.

Will open a ticket on your website if not resolved independently.

Thanks for the help!

Thanks for the additional info Adam. Makes sense re: specific environments and happy to create a support ticket if basic troubleshooting fails.

I’m using Astra theme with Elementor (free). On Cloudways hosting with Breeze caching plugin. No caching URL exceptions. I used “global-checkout” as the checkout URL string.

I’ve yet to try adding CSS to theme customizer, only child theme stylesheet.

For order submit button, have attempted to target the following classes to no avail:
1. button#place_order.button.alt {}
2. .woocommerce #payment #place_order, .woocommerce-page #payment #place_order {}
3. .wcf-embed-checkout-form .woocommerce #order_review button{}

Cleared browser cache and always hard-refresh when reloading the page.

When I inspect the checkout page in Chrome for changes I made (ie. to see if they’re crossed out because need !important tag), my changes don’t appear at all.

Leads me to believe it’s caching issue relevant to checkout page only? Cloudways server caching perhaps?

Hi Adam,

I’ve temporarily patched the issue by modifying core plugin CSS. Here’s the affected line:
…/plugins/cartflows/assets/css/checkout-template.css/Line 95

Changing to “margin-top: -15px;” solves this.

When you refer to ” inside the customizer”, do you mean theme customizer? I’m adding CSS to my child theme stylesheet. Haven’t had any styling issues with other plugins, just CartFlows from day one install. ??

Will consider opening a ticket if this can’t be resolved here. Thanks!

The plugin I mentioned above seems well-built and recently updated. The only qualm before testing Interac functionality for US customers is it’s missing UnionPay credit card icon and Visa/Mastercard debit card icons.