• Resolved TheVibeTribe

    (@thevibetribe)


    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

    PS: I know some of the information in this isn’t directed at Woo-Commerce, however, I figured for convenience I would copy and paste my entire issue from the previous thread I had created. (After being directed to by a moderator)

Viewing 3 replies - 1 through 3 (of 3 total)
  • Hello,

    regardless the fact you have trouble with WC and your framework, it seems that your site is heavily overloaded with plugins and large images. Loading time was enough for a coffeebreak and a cigarette ??

    This screenshot you’ve posted :https://www.the-vibe-tribe.com/shop/wp-content/uploads/2016/11/Screen-Shot-2017-01-05-at-12.39.05-PM.png looks like an outdated WP version, something between 4.2 – 4.5, I think.

    What are your WP and Woocommerce versions now? WP 4.7 + WC 2.6.11 ?

    Maybe there is an compatibility issue with one of your plugins?

    I would recommend to deactivate all your plugins in the first step. If Woocommerce then works fine, reactivate all plugins step by step till you find the one that causes the issue.

    Good luck

    • This reply was modified 7 years, 10 months ago by chezzone.
    • This reply was modified 7 years, 10 months ago by chezzone.
    • This reply was modified 7 years, 10 months ago by chezzone.

    I just ran into this as well. In my case another plugin (Candidate Application Form) was pulling in Bootstrap CSS which defined the “hidden” class. For whatever reason, the woocommerce elements that contain product data have the “hidden” class defined even though it seems that the visibility of those elements is now controlled via inline styles. Is the “hidden” class perhaps leftover from an older version? Seems like it could be removed completely which would fix this issue.

    Here’s an example:

    <div id="product_attributes" class="panel wc-metaboxes-wrapper hidden" style="display: block;">

    Thread Starter TheVibeTribe

    (@thevibetribe)

    Hello jbrantly,

    I have actually found the cure for this issue. If you have the plugin: Shortcake UI installed, DELETE IT IMMEDIATELY. This is a known bug apparently, has been going on for some time. My friend is a wordpress developer and I ended up seeking his guidance for this. He was able to help me with everything.

    I hope that this helps. If this doesn’t help you at all, try going into firefox and inspecting the elements on the page that are broken and trying to figure it out from there. If that doesn’t help, try going into the terminal on a mac or CMD on a windows. type: SSH@<website’s IP address> and run grep, see what the results are. try to troubleshoot from there. ??

    Goodluck!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘WooCommerce Broken After Update’ is closed to new replies.