Solved

Both Tabs & Variation Images suddenly don't work in woocommerce site

Posted on 2013-06-07
9
573 Views
Last Modified: 2013-07-02
Hi,

I have been working on this ecommerce site and I suddenly realized at some point that to things that were working before are no longer working.

1. The woocommerce tabs are now displaying all tab content right up front.
2. selecting a product variation from the dropdown does no longer switch the main image to the new selected variation's image.

This feels like a javascript issue but i can't figure it out after hours of digging around.

I have tried turning off ALL plugins except woocommerce itself and it did not solve this. woocom is updated to the last version.

See this page for the issues

What can be causing this?

Thanks in advance
0
Comment
Question by:James-Wise
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 3
  • 3
  • 3
9 Comments
 
LVL 58

Expert Comment

by:Julian Hansen
ID: 39231208
Looks like the script that is used to initialise the tabs is not present.

What were you using to implement the tabs - and where were you invoking it?

I cannot find anything in the source that refers to either tabs or woocommerce-tabs which tells me you are not running any JScript to turn those elements into active tabs - and also explains why all the content is not showing.

There are not JS errors showing on the page either so not a fault in a running script.

Do you have a version of the site that was working still available to compare against?

Other than that look on the page where you are putting the tabs and make sure the JScript hat initialises them is being implemented.
0
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 39231731
The page is no where near being valid HTML5.  The HTML validator reports 27 errors, including duplicate ids, obsolete attributes, and structural anomalies. The browser will make a best guess about what the code means, but you are never going to have reliable cross-browser performance with a page that is that defective.


Cd&
0
 

Author Comment

by:James-Wise
ID: 39231909
julianH,

The tabs are a built in function of the woocommerce plugin and come with it. I cannot think of touching anything that would have messed with that (although logic says I probably did somehow)

I have regular backups done but not sure I can guess which one was before the issue.

COBOLdinosaur,

27 errors are nice and all but none of them actually points to causing this specific issue (nor do I remember the last site i saw with perfect validation). But this is a dev site being built for layout and functionality first, I haven't even gotten to cross browser compatibility yet or addressing validation errors. (also many issues seemed to have arrived with this template)
0
Why Off-Site Backups Are The Only Way To Go

You are probably backing up your data—but how and where? Ransomware is on the rise and there are variants that specifically target backups. Read on to discover why off-site is the way to go.

 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 39231949
nor do I remember the last site i saw with perfect validation

Then you travel in the internet slums.  

Validation should be the first thing in resolving problems.
A ten year old kid can get a template to work, that does not make them a web developer and it is not likely they will build successful sites.


Cd&
0
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 39231960
BTW if you want to see clean pages feel free to visit my site.  Other than the occassion ampersand not converted to entity in news feeds you won't find a lot that is not valid.

Cd&
0
 
LVL 58

Expert Comment

by:Julian Hansen
ID: 39231998
I agree with CD& on this - clean code is an essential step to resolving issues.

Having said that it is plain that the javascript that is supposed to turn the <li> tabs into active tabs is not firing and no JS errors are being displayed so it stands to reason that something was changed to either

a) Remove the code that turns the html code into a tabbed display
OR
b) The code is there but is not being linked (an ID / class was changed removed

Can you remember when it last worked?
0
 

Accepted Solution

by:
James-Wise earned 0 total points
ID: 39242618
Sorry, I didn't mean to dismiss the validation suggestions. my workflow is a bit different (or backwards perhaps)

In any case, I have solved it.

If anyone is curious, theme was calling an outdated jquery version which was redundant anyway. removed it and that fixed it.

Thanks again for the help!
0
 
LVL 58

Expert Comment

by:Julian Hansen
ID: 39283561
So nothing posted in this question helped you in the slightest?
0
 

Author Closing Comment

by:James-Wise
ID: 39292585
The other suggestions were good but did not solve the issue. I eventually figured out what had caused it and posted for future reference. I am still tremendously grateful for the help
0

Featured Post

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Since pre-biblical times, humans have sought ways to keep secrets, and share the secrets selectively.  This article explores the ways PHP can be used to hide and encrypt information.
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
The purpose of this video is to demonstrate how to exclude a particular blog category from the main blog page. This is can be used when a category already has its own tab, or you simply want certain types of posts not to show up on the main blog. …
The viewer will learn how to count occurrences of each item in an array.

631 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question