Theme conflict with Woocommerce

This topic has 24 replies, 3 voices, and was last updated 8 years by Radu.

Author
August 4, 2017 at 19:38 #169586

josaade
Participant

Hello,

Thank you for this great theme, I still have not found a better one…

I am having a conflict between the theme and Woocommerce One Page Checkout extension ; the validation button does not trigger any action and remains stuck.

(Seen on link below)

Please help me as quickly as possible as it is a very urgent matter to me.

Sincerely,

August 5, 2017 at 14:44 #169673

josaade
Participant

Created the staging site w/ limited plugins:
https://enfantsdasie.com/test/
Please use this for testing.

August 5, 2017 at 18:42 #169700

Kieran_SQ
Moderator

Hi,

I have looked at this for you and whilst I am not familiar with the plugin you’re using it appears to be working as expected. I can firstly select either “Don ponctuel” or “Don récurrent”, which then opens a dropdown, I select the amount and press “Valider le montant” at which point the button disables. This is either a function or issue of the plugin you’re using as KLEO does not alter that element in any way.

The payment fragment on the right appears to refresh so I would presume at that point you may still continue to accept the payment.

If I am missing something please record a short video to share with me so I can see what you mean.

Thanks,

Kieran

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

August 7, 2017 at 10:48 #169844

josaade
Participant

Hello Kieran,
Thank you for your swift answer.
The issue is that there seems to be a delay between the action of clicking on the “VALIDATION” button being taken into account, and the refresh of the payment methods on the right.
This issue does not happen when another theme is activated.
Here is a screenshot where the button remains greyed out after validating, and I have to refresh the page manually to get it working.
As you guess, everything is supposed to happen without refreshing; choice of donation and amount, validation, checkout filling and payment.
Here is also a video showing it.
Thank you in advance,
Regards

August 7, 2017 at 10:52 #169849

josaade
Participant

In addition to my previous message, I think I narrowed the conlict here to a conflict between the Name Your Price plugin and Kelo Theme, could you please confirm my theory?
Thank you in advance,
Regards,

August 7, 2017 at 10:59 #169850

josaade
Participant

Erratum, after further testing the conflict is not located here exclusively but on the kleo woocommerce overlay code.
Thank you,

August 9, 2017 at 17:59 #170075

Kieran_SQ
Moderator

Hi,

I am going to ask my colleague @Radu to take a look at this for you, they should be in touch soon.

Thanks,

Kieran

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

August 11, 2017 at 16:21 #170263

Radu
Moderator

Hi,

Just let me know if using default wp theme you encounter the same or not!

If not provide to me FTP admin credentials to take a closer look

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

August 11, 2017 at 17:02 #170265

josaade
Participant

Hello Radu, I do not encounter the same issue with default WP theme ; it works fine then.
Here are FTP credentials:
http://ftp.cluster002.hosting.ovh.net
enfantsda
Ea123456

I also asked woocommerce if they did updates on their end and here it is:

This is all the code that has changed since v1.5.0 and v1.5.3 of OPC: https://cl.ly/2R22002U3t0B

NYP 2.6.0 did change how it disables the add to cart button:
http://dzv365zjfbd8v.cloudfront.net/changelogs/woocommerce-name-your-price/changelog.txt

2017.08.01 – version 2.6.0
* New: Add support for WPML
* New: Add support for new WooCommerce.com updates
* New: Switch front-end validation to add disabled attribute to add to cart button <<<<<<<<
* Fix: PHP notice on WC setup with NYP installed
* Fix: Update deprecated Subscriptions method

The JavaScript now adds a disabled attribute when the minimum isn’t met. Previously, we were adding a data attribute to the entire form. The attribute is removed when the minimum is met. Since this works with a default theme I think there could be something in the theme preventing the disabled attribute from being removed.

Thank you in advance,
Regards,

August 15, 2017 at 15:55 #170702

Radu
Moderator

Hi,

Trying to figure out for 1 hour and I cannot figure out, please wait until tomorrow when I will be assisted by the core developer.

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

August 15, 2017 at 16:52 #170714

josaade
Participant

Hello Radu,
Thank you as my customers cannot make donations for a while now.
Regards,
August 17, 2017 at 15:55 #170960

Radu
Moderator
Hi,

Please take a look now, it should be ok.

I’ve added this snippet to your child theme to fix that.
COPY CODE
```
function sq_r172017_fix() {
	remove_filter( 'woocommerce_add_to_cart_fragments', 'kleo_woo_header_cart_fragment' );
}
add_action('init', 'sq_r172017_fix');
```
Let me know if it’s ok

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
August 18, 2017 at 16:53 #171066

josaade
Participant

Hi Radu,
Worked like a charm, thanks!
Can I perform updates with this normally?
Although I cannot get to the process till the end as the payment methods div is eating on my form, would you know why?
Thanks so much,
Regards,

August 18, 2017 at 20:04 #171088

josaade
Participant

To be more precise, this issue only happens on mobile; desktop version is perfect.
Thank you
August 22, 2017 at 16:06 #171407

Radu
Moderator
Hi,

Yes, it’s update proof! you can update without any problem.

Just add this css to fix the overlapping
COPY CODE
```
div#customer_details {
    display: inline;
}

div#order_review {
    display: inline-block;
}
```
If you are happy and you recommend our products and customer support service just leave us a review + 5* on the themeforest page if you want : https://themeforest.net/item/kleo-pro-community-focused-multipurpose-buddypress-theme/reviews/6776630

Best Regards
Radu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
August 22, 2017 at 16:06 #171408

Radu
Moderator

The css will be added to wp-admin -> theme options -> General settings -> Quick CSS

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

August 23, 2017 at 12:56 #171503

josaade
Participant

Hi Radu,

Thank you again for your last answer ; I had to modify a little bit to suit my mobile needs but it is now perfect.

Kleo is definitely an incredible theme and by far my favorite.

As you are incredibly efficient, can I ask your help for a last problem ?
When I click the add to cart button, I get refreshed on top; would it be possible for the refresh to scroll on the beginning of the form?

Also, I modified a bit the CSS of the scroll to top button but it does not show on every page and I don’t understand why ?

Thank you so much and after these, I will of course mark all this as solved.

Regards,

August 24, 2017 at 16:14 #171628

Radu
Moderator

Hi,

I think for that thing ( scrolling in another section than Don )you should ask the plugin developer since in that page the plugin modifying the default behaviour.

Cheers
R

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

August 27, 2017 at 10:01 #171856

josaade
Participant

Hi Radu,
Ok I will ask them.
And concerning my other question purely Kleo related (scroll to top button)?
Regards,

August 28, 2017 at 19:30 #171960

Radu
Moderator

Hi,

Show me a URL where it’s displayed and where isn’t.

Anyway, the go to top button will appear if you only when go to the bottom.

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

August 29, 2017 at 10:28 #171997

josaade
Participant

Hi Radu,
For example when I scroll down, my icon is not showing up on this page (mobile as well) :
https://enfantsdasie.com/je-veux-donner/
Happens on a few pages…
Thanks

August 29, 2017 at 11:04 #172000

josaade
Participant

Hi Radu,
By the way, still getting the overlapping issue aforementioned on mobile landscape mode…
Regards
August 29, 2017 at 19:40 #172054

Radu
Moderator
Hi,

Take a look at the screenshot

The rule it’s added directly in the page or by some plugin or from theme option quick css, maybe it’s added by that one-page plugin, you can ask the plugin author about a solution for that also i have a css solution that you can try
COPY CODE
```
a.kleo-go-top.on .icon-up-open-big:before { 
content: '\e975' !important;
}
```
Add the css to quick css area if this will not work add this code instead
COPY CODE
```
function force_css_overwide_go_up_icon() {

    echo'
<style>

a.kleo-go-top.on .icon-up-open-big:before { 
content: \'\e975\' !important;
}

</style>

';

}

add_action( 'wp_footer', 'force_css_overwide_go_up_icon', 999 );
```
The function needs to be pasted in wp-content/themes/kleo-child/functions.php

NOTE : Child theme needs to be installed and activated.

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
August 30, 2017 at 12:05 #172096

josaade
Participant

Hello Radu,
Still does not work, I specificaly wanted to customize it with another icon (heart f004) but it does not everywhere and I do not know why.
does it work now on your end?
https://enfantsdasie.com/je-veux-donner

Still does not work on mobile for me..
Regards

August 30, 2017 at 18:48 #172135

Radu
Moderator

Hi,

Not visible on my end, did you have added the PHP function? I cannot see it on your page so add it, or if you have added it empty/purge all caches.

Cheers
R

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
Author

Posts