Variations Not Showing in Shopping Cart

[qualityeye]

Items are added to the shopping cart, but the variations are not showing. So for example I have a white t-shirt with small, medium and large sizes. I pick the t-shirt in small. The shopping cart will show white t-shirt but it won’t show the size.

I checked and it works fine on the Twenty Fourteen theme, but I’m using a custom theme. Is there anything that I can do to fix this?

[wzp]

When you say “custom theme,” is it one written “just for you” or did you purchase it from someplace?

[Peter]

Please post a link to your store so we can take a look.

[qualityeye]

It’s custom as in it was a HTML template and was converted to work with WordPress. http://deduction.us/store_page/ is the page.

[wzp]

I think your theme needs more debugging. First of all, the cart *did* properly display for me, when I used Chrome. But when I tried this on Internet Explorer, a “very large blank space” was rendered at the top of the page body. And when I tried this in Firefox, I had to click each button twice. Your theme also seem to be “top heavy” with javascript functions. So much so, the required load time doesn’t do justice to a site about racing.

[qualityeye]

The cart works. The problem is the variations don’t get transferred to the cart when you press add to cart. I tested out the theme in several browsers and even checked it on browsershots and couldn’t replicate the blank space that IE causes. What version of Internet Explorer are you using? Someone else mentioned the blank space also.

The javascript definitely will get better optimized as well as the rest of the theme/template.

[wzp]

The variation ***does*** show up in the cart, as part of the Item Name:

“Allison White T-Shirt Small”

I’m using IE version 11.0.9600.16476

[qualityeye]

That isn’t the variation, I listed the products individually as a work-around. I just added a variation so that you can see. If you scroll to the bottom of the page [http://deduction.us/store_page/] you will see Test Product with the variations. Pick any size and you will see the size doesn’t go into the cart, just the product without the variation information.

I took the code directly from this page so it isn’t a code I made up http://www.tipsandtricks-hq.com/ecommerce/simple-wp-shopping-cart-installation-usage-290 .

This is the exact code used:

[wp_cart_button name=”Test Product” price=”29.95″ var1=”Size|small|medium|large”]

[wzp]

I suspect there is some kind of Javascript conflict going on between your custom theme and the simple shopping cart; since switching to 2014 make the issue go away. Has your theme developer look at this?

[wpCommerce]

@qualityeye, when I select a variation I get the following error:

Uncaught ReferenceError: ReadForm is not defined (index):2253

Simple PayPal shopping cart includes some additional JavaScript code in the header to handle the variation. But I don’t see it on that page. Does your theme have the wp_head action hook defined?

[http://codex.wordpress.org/Plugin_API/Action_Reference/wp_head]

[Author]

Posts