Variation dropdown issue, Will V1.3.4 fix?

[tivistudio]

You are right. Emptied my browser cashe and now the JS change works.

[Swift Ideas – Ed]

Unfortunately due to the way WooCommerce controls that select box, it breaks standard jQuery functionality in webkit browsers. We’re removing that styling so that it works for the next update.

– Ed

[samsarik]

Just installed v 1.3.4, and the issues remains!

Please advise.

[Swift Ideas – Ed]

@samsarik – can you provide a link to your site?

Our demo is running the latest version, and works perfectly – http://neighborhood.swiftideas.net/product/new-balance-variable-demo/

– Ed

[samsarik]

This reply has been marked as private.

[A_Laya]

This reply has been marked as private.

[Swift Ideas – Ed]

@samsarik – When I select 5ml, I don’t get the gallery, only one image? Unable to replicate an issue…

@A_Laya – You should speak to your host, as you are getting 406 errors on JS files – https://www.dropbox.com/s/02xbq1zc0j9nw62/Screenshot%202013-10-28%2022.56.14.png

– Ed

[A_Laya]

@Swift Ideas – Ed – Thank you, I contacted my host and they managed to fix it. (inmotionhosting by the way, in case someone else is experiencing the same problem).

[Swift Ideas – Ed]

Glad you sorted it!

– Ed

[matteth]

I had this issue, even after the update to 1.3.4. It turned out that the functions.js file hadn’t been updated when I updated through the WordPress admin. When I replaced the functions.js, manually from a downloaded copy of the theme, the issue was solved.

[Swift Ideas – Ed]

Glad you sorted it! Are you sure it wasn’t updated, and not just cached? How did you check?

– Ed

[terzhao]

I may sound really stupid here but where is the functions.js ?

[Swift Ideas – Ed]

It’s in the /js folder within the theme.

Hope that helps.

– Ed

[mr_pa]

Hi Ed, is not possibile to styling again the drop down selector for variable product?
In web kit browsers the user agent styling is very ugly…

Thanks,

Mr_Pa

[Swift Ideas – Ed]

Try the following custom css:

.variations_form tr td {
	padding: 0!important;
	border: 0;
}
.variations_form .woo-select {
	padding: 8px 15px;
	z-index: 1;
}
.woocommerce div.product form.cart .variations {
	border: 0;
}
.woocommerce div.product form.cart .variations td {
	position: relative;
}
.woocommerce div.product form.cart .variations select {
	display: block;
	vertical-align: top;
	z-index: 2;
	border: none;
    outline: none;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 6px 25px 6px 15px;
    height: 42px;
}
.woocommerce div.product form.cart .variations td > div {
	position: relative;
	margin-bottom: 10px;
	height: auto;
	overflow: hidden;
}
.woocommerce div.product form.cart .variations td.value > div:after {
	content: "\f107";
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	opacity: 0.7;
	position: absolute;
	top: 10px;
	right: 12px;
	pointer-events: none;
}
.variations_form .reset_variations {
	display: block;
	line-height: 40px;
}

– Ed