Woocommerce Checkout

bmutari

I'm getting a js error that I believe is causing my Stripe for Woocommerce to fail. This is the output error on the Chrome console and only occurs at the /checkout end-point:

Uncaught TypeError: Cannot read property 'payment' of undefined jquery.payment.min.js?ver=1.2.1:1
$.fn.payment credit-card-form.min.js?ver=2.3.7:1
(anonymous function) jquery.js?ver=1.11.2:2
m.Callbacks.j jquery.js?ver=1.11.2:2
m.Callbacks.k.fireWith jquery.js?ver=1.11.2:2
m.extend.ready jquery.js?ver=1.11.2:2 J

Any help is greatly appreciated!

Air

Hello:-)

It doesn't look like theme connected issue, but lets check it:-)

1. Live link co I could test it?
2. Everything updated - theme, Woocommerce, plugins?
3. Since when you know about this issue? Maybe it was good before updating theme?

With kind regards.

bmutari

Hi, thanks for getting back to me!

here is a live link https://www.goldilocksgear.com/shop/ put the test product in the cart and go to checkout. The error occurs at the checkout page.

Everything is up to date running WP 4.2.2, woo 2.3.8, and fame theme 1.6.4

Thanks in advance!

bmutari

Also here is the output from the woocommerce status report:


### WordPress Environment ###

Home URL: https://www.goldilocksgear.com
Site URL: https://www.goldilocksgear.com
WC Version: 2.3.8
WC Database Version: 2.3.8
Log Directory Writable: /home5/brandos0/public_html/goldilocksgear/wp-content/uploads/wc-logs/
WP Version: 4.2.2
WP Multisite: –
WP Memory Limit: 40 MB - We recommend setting memory to at least 64MB. See: Increasing memory allocated to PHP
WP Debug Mode: –
Language: en_US

### Server Environment ###

Server Info: Apache
PHP Version: 5.4.40
PHP Post Max Size: 50 MB
PHP Time Limit: 30
PHP Max Input Vars: 1000
SUHOSIN Installed: –
MySQL Version: 5.5.42
Max Upload Size: 50 MB
Default Timezone is UTC:
fsockopen/cURL:
SoapClient:
DOMDocument:
GZip:
Remote Post:
Remote Get:

### Server Locale ###

decimal_point: .
thousands_sep: N/A
mon_decimal_point: N/A
mon_thousands_sep: N/A

### Active Plugins (16) ###

LayerSlider WP: by Kreatura Media – 5.3.2
Adminimize: by Frank Bültge – 1.8.5
Akismet: by Automattic – 3.1.1
Breadcrumb NavXT: by John Havlik – 5.2.0
Contact Form 7: by Takayuki Miyoshi – 4.1.2
Easy Theme and Plugin Upgrades: by Chris Jean – 1.0.4
Hello Dolly: by Matt Mullenweg – 1.6
WPBakery Visual Composer: by Michael M - WPBakery.com – 4.4.3
MailChimp for WordPress Lite: by Ibericode – 2.3.2
Stripe for WooCommerce: by Stephen Zuniga – 1.36
Testimonials: by WooThemes – 1.5.3
WooCommerce Quantity Increment: by WooThemes
Bryce Adams – 1.0.0

WooCommerce: by WooThemes – 2.3.8
WordPress SEO: by Team Yoast – 2.1.1
WP Maintenance Mode: by Designmodo – 2.0.3
WP-Paginate: by Noah Cinquini – 1.3.1

### Settings ###

API Enabled: –
Taxes Enabled: –
Shipping Enabled:
Force SSL:
Currency: USD ($)
Currency Position: left
Thousand Separator: ,
Decimal Separator: .
Number of Decimals: 2

### WC Pages ###

Shop Base: #4080 - /shop/
Cart: #4081 - /cart/
Checkout: #4082 - /checkout/
My Account: #4083 - /my-account/

### Taxonomies ###

Product Types: external (external)
grouped (grouped)
simple (simple)
variable (variable)


### Theme ###

Name: Fame child theme
Version: 1.0
Author URL: http://themeforest.net/user/apollo13
Child Theme:
Parent Theme Name: Fame
Parent Theme Version: 1.6.4
Parent Theme Author URL: http://themeforest.net/user/apollo13
WooCommerce Support:

### Templates ###

Overrides: fame/woocommerce/cart/cart-item-data.php
fame/woocommerce/cart/cart-shipping.php
fame/woocommerce/cart/cart-totals.php
fame/woocommerce/cart/cart.php
fame/woocommerce/cart/cross-sells.php
fame/woocommerce/cart/mini-cart.php
fame/woocommerce/cart/shipping-calculator.php
fame/woocommerce/checkout/form-billing.php
fame/woocommerce/checkout/form-checkout.php
fame/woocommerce/checkout/form-coupon.php
fame/woocommerce/checkout/form-login.php
fame/woocommerce/checkout/form-shipping.php
fame/woocommerce/content-product.php
fame/woocommerce/content-single-product.php
fame/woocommerce/loop/no-products-found.php
fame/woocommerce/notices/error.php
fame/woocommerce/notices/notice.php
fame/woocommerce/notices/success.php
fame/woocommerce/order/order-details.php
fame/woocommerce/single-product/meta.php
fame/woocommerce/single-product/related.php
fame/woocommerce/single-product/review.php
fame/woocommerce/single-product/tabs/additional-information.php
fame/woocommerce/single-product/tabs/description.php
fame/woocommerce/single-product/up-sells.php
fame/woocommerce/single-product-reviews.php

Air

bmutari said: WP Memory Limit: 40 MB - We recommend setting memory to at least 64MB. See: Increasing memory

You could make something with it:-) Just to be safe for other issues.

I can't test your checkout page, as you have this maintenance mode on and I can't buy anything.

Please try deactivating ALL other plugins, that are not related to this case, and test it again. If this wont help, then please send me temporary access(create new ADMIN account with fake e-mail) to your WP so I could check there what is going on. Send it here on forum via private message(click on my nick and there you will find option "Send Air a Message"). In message please attach LINK(!!!) to topic it applies to.

With kind regards.

Air

HI there.

I found error, and it is wrong coding in woocommerce one JavaScript file. I have fixed it in your install. More details below.

Since beginning with have such safety rule in our JavaScript code (js/script.js line 3)

jQuery.noConflict();

And it makes safe using other JS libraries with our theme. This thing unset $ variable that is by default used by jQuery.
In file wp-content\plugins\woocommerce\assets\js\jquery-payment\jquery.payment.js they use unsafe call of $ that already might be unset by other script, like in our case.

To fix it you can either remove mentioned line in our file, or do what I did, add this code in footer.php
just after this

        wp_footer();
?>

I have added this

    <script type="text/javascript">
       $ = jQuery;
    </script>

I will write to guys form Woocommerce.

With kind regards.

Air

Topic in here https://wordpress.org/support/topic/unsafe-use-of-in-jquerypaymentjs?replies=1 if anyone is interested.

bmutari

Thank you very much!!!!!! You rock!

Air

Thanks for coffee!