WooCommerce Broken After Update

Humbled Code Warrior,

My name is Gabriel, I run a clothing brand called “The Vibe-Tribe Apparel” and have really messed up my live site. (steadily more so, over the course of a few days)

Last night I took it upon myself to update my WordPress site. I know that this sometimes results in broken sites, yet I still proceeded because of how necessary it was.

I run Gantry 5 on WordPress, and use Hydrogen as my theme. Gantry has been giving me an “update now” notification for months. I figured, “why not get rid of this yellow box at the top of my pages? maybe speed up my website?”

HAHAHAHAHA…. yes. very funny. VERY FUNNY GABRIEL.

Previously to this, I was experiencing a problem in Gantry. The problem was in the “menu” area, of the Gantry CMS. I saved a change regarding the dropdown width of my menu. It was set at 200px, I change it to 225px. Saved it. Went to check if it worked like I normally do…. AND BAM! the “Shop” Nav role had a dropdown arrow, I hovered over it, no dropdown appeared. I checked the WordPress “Appearance>Menu” and tried dragging all the stuff located in the dropdown out of the menu. After saving it, they re-appeared on my navigation. (WINNING, RIGHT? WRONG!)

Every time I put them into a dropdown format. Save the changes. Check. IT DOESN’T FIX ANYTHING.

So what does one think? “Maybe, I need to update my PHP version from 5.4 to 5.6 Like Gantry has been telling me to do for months”

So I proceed to update all my plugins. Following typical protocol. Backing things up, etc…. There were a few marked in “Red” with warning signs to backup my database and everything. I DID NOT BACKUP MY DATABASE. I backed up my websites, through GoDaddy’s cPanel.

After that, I proceeded to go to the cPanel and update my PHP version from 5.4 to 5.6

I didn’t realize there were any issues with the way woo commerce was operating, until I went to do my normal routine which is releasing a product EVERY Friday. Today is Thursday, so I’m assuming you could understand why I’m fretting so much.

That’s when I decided to change the images out of the product I just duplicated, to create a new product. As I clicked on the “Product Image” that is displayed in your site’s catalog, it brought me to a whole new interface I’ve never seen before as a “media manager”

So I thought this was very peculiar… I continued to change the “Product Gallery” images, and as soon as I clicked on “Add product gallery images” it just redirects me to the top of the product page I’m currently on and doesn’t open the media manager.

I went to go change the variations, as normally. I couldn’t click anything located underneath “Product Data” and NO TABS WORK. There are two tabs that moderately work, that would be:

“Vendor” and “Policies”

When clicked on, they delete all the other tabs from the interface and give you a barely anything to work with.

This is what happens when you click on “Vendor”
https://www.the-vibe-tribe.com/shop/wp-content/uploads/2017/01/Screen-Shot-2017-01-05-at-12.39.47-PM.png

This is what happens when you click on “Policies”
https://www.the-vibe-tribe.com/shop/wp-content/uploads/2017/01/Screen-Shot-2017-01-05-at-12.39.58-PM.png

This is what is shown to me when trying to change “Product Image”
https://www.the-vibe-tribe.com/shop/wp-content/uploads/2016/11/Screen-Shot-2017-01-05-at-12.39.05-PM.png

Now let me show you pictures of the issues with Gantry:

This is what my nav bar looks like, there should be a dropdown underneath “Shop”, “My Account”, & “About Us”
https://www.the-vibe-tribe.com/shop/wp-content/uploads/2017/01/Screen-Shot-2017-01-05-at-12.40.35-PM.png

This is what the nav bar looks like after hovering over “Shop”
https://www.the-vibe-tribe.com/shop/wp-content/uploads/2017/01/Screen-Shot-2017-01-05-at-12.40.45-PM.png

This is what the “Menu” Section looks like in Gantry:
https://www.the-vibe-tribe.com/shop/wp-content/uploads/2017/01/Screen-Shot-2017-01-05-at-12.42.59-PM.png

This is what the “Menu” Section looks like in Gantry after clicking on “My Account”
https://www.the-vibe-tribe.com/shop/wp-content/uploads/2017/01/Screen-Shot-2017-01-05-at-12.43.15-PM.png

This is what the “Menu” Section looks like in Gantry after clicking on “About Us”
https://www.the-vibe-tribe.com/shop/wp-content/uploads/2017/01/Screen-Shot-2017-01-05-at-12.43.27-PM.png

This is what the “Menu” Section looks like in Gantry after clicking on “Shop”
https://www.the-vibe-tribe.com/shop/wp-content/uploads/2017/01/Screen-Shot-2017-01-05-at-12.43.36-PM.png

I have updated everything and experienced the issues with Gantry prior to the update. Woo commerce issues were after the update.

Nonetheless, I digress…

I’m not religious, but I’m praying right now that someone can offer me help on this ASAP.

Thanks in advance for reading and your help,

Gabriel