Home Forums WC Vendors Pro Support Divi theme rendering issue Dashboard

NOTICE: We've Moved to a Ticket System for Support

As of August 31, 2017 (12am EST) our support forums will be retired (read-only), and we will be moving to a support ticket system.  This will allow us to better organize and answer support requests, and provide a more personalized experience as we assist our customers.

For the time being, we will leave our forums open for reading and learning while we work on creating a more robust Knowledge Base for everyone to use.

If you are a WC Vendors Pro customer please open a support ticket here. 

If you are a WC Vendors user please open a support ticket on the Wordpress.org forums.

The information on this forum is outdated and in most instances no longer relevant. Please be sure to check our documentation for the most up to date information.

https://docs.wcvendors.com/

Thank you to all of our customers!

 

Viewing 20 posts - 1 through 20 (of 20 total)
  • Author
    Posts
  • #15914
    Bjørn
    Participant

    Hi Ben,

    Almost everything is working. The dashboard pages are all really heavily screwed up though, I’d really appreciate some guidance on how to fix them.

    The main 2 issues I’ve encountered are really blocking to a good experience.

    1. The dashboard page @ /dashboard/ is looping three times. So I get three dashboard displays pumped out one after the other.
    2. None of the tabs work when editing a product. That means the vendors won’t be able to add shipping, details, etc.
    2.1 The tab issue can be overcome by opening the tab url in a new tab. This opens the page with the shipping tab open for example. Still doesn’t allow for switching to other tabs.

    https://drive.google.com/folderview?id=0B0H0vUcHg6FGQWRkZmYycGV4RDg&usp=sharing <- here are some screenshots of the 3x looping issue.

    It looks like the bottom 2 are actually the correct styles for Divi, but at this point I really don’t care, you can remove them and I can style the top one properly.

    #15915
    Bjørn
    Participant

    Sidenote/rant:
    In all honesty, this product is an incredible disappointment so far. So many bugs. We have now hired a developer, and in reality most of his job is just going to be unbreaking the product (we had really hoped this was gonna be a working solution). I suppose that’s what’s to be expected for $99 though.

    Marked this as private so as not to cause a stir.

    #16023
    WC Vendors Support
    Participant

    Thanks for your positive comments. What the problem is with the dashboard looping 3 times, I have no idea. Here’s what it looks like for me on Divi, with Divi’s default settings — One dashboard, and it looks beautiful (see attached)

    As for the tabs — Divi is disallowing the links to work with Divi’s javascript. You should contact Divi to allow # target links in their theme. It’s standard HTML since 1993, and their disabling it makes their theme not even close to being compliant. Why they are disabling them for you, is beyond me. To be clear — Divi broke this ON PURPOSE for you. They have to fix their theme, we cant do it for them.

    Ben

    #16094
    Bjørn
    Participant

    Those evil bastards.

    Yoast was the plugin causing multiple loops on the project page with a crap implementation of open graph and twitter cards (placing them outside the head tag and causing your page to re-loop for whatever reason.

    It looks *much* better without the looping, even if tabs aren’t working yet.

    Totally stuck for Divi, that’s not nice of them. It probably has something to do with the way they implement soft scroll. They do accept # anchor linking though.

    And thanks.

    #16095
    Bjørn
    Participant

    Yoast SEO was causing multiple loops by having exceptionally bad opengraph tags placed outside of the head tag.

    Divi issue is unsolved.

    #16159
    WC Vendors Support
    Participant

    Divi accepts anchor linking — on pages that THEY hardcode them to be allowed on, and then they disallow on other pages. So yea, Divi will have to provide you with a fix, or a *REALLY* good explanation of why they do that. 😉 It makes zero sense here that’s for sure. “Hey, let’s just disable some HTML for no reason, woohoo!”

    #16334
    Bjørn
    Participant

    So Ben, I just found out that I can’t save user passwords *among other things* in the admin panel because WCVendors is outputting headers a tad too fast. This same behaviour could be exactly what’s breaking the shipping tab, since it would break the AJAX call…

    Here’s the headers too early issue.
    Warning: Cannot modify header information - headers already sent by (output started at /srv/users/bjorn/apps/sitename/public/wp-content/plugins/wc-vendors-pro/public/class-wcvendors-pro-store-controller.php:975) in /srv/users/bjorn/apps/sitename/public/wp-includes/pluggable.php on line 1207

    You can’t put this one on the folks behind Divi. Seems related. What do you reckon?

    Best,
    Bjørn

    #16368
    WC Vendors Support
    Participant

    Hi Bjorn,

    What page URI are you seeing that error pop on? This will help us investigate and diagnose……

    Ben

    #16397
    Bjørn
    Participant

    Hey Ben,

    wp-admin/users.php

    It’s when you have a user open, then try to save their information. When WP debug is off, it just says invalid Post-ID, if that helps.

    Best
    Bjørn

    #16404
    Jamie
    Keymaster

    Hello,

    This has been fixed.

    cheers,

    Jamie.

    #16814
    Bjørn
    Participant

    Cool stuff Jamie and Ben, thank you.

    @Ben you were spot on with Divi. Just had to add your tabs nav to their inclusion list. Insane practice really.

    #16819
    WC Vendors Support
    Participant

    Hi Bjorn,

    I’m glad yo got the Divi tabs sorted out. Would yo mind a quick “HOWTO” writeup on how you did it, so that other people using Divi can be shown your post?

    Thanks

    Ben

    #16821
    Bjørn
    Participant

    Yeah, easy.

    It should be fixed in next release though, they said it would hopefully be.

    Until then though, you open up divi main folder -> /js and in there you find custom.js

    Search for this:

    var $this_link = $( this ),
    				disable_scroll = ( $this_link.closest( '.woocommerce-tabs' ).length && $this_link.closest( '.tabs' ).length ) || $this_link.closest( '.eab-shortcode_calendar-navigation-link' ).length;
    

    replace with this:

    var $this_link = $( this ),
    				disable_scroll = ( $this_link.closest( '.woocommerce-tabs' ).length && $this_link.closest( '.tabs' ).length ) || $this_link.closest( '.eab-shortcode_calendar-navigation-link' ).length || $this_link.closest('.tabs-nav').length;
    

    So basically you add your tabs-nav thingy to the list of things that are exempt from Divi’s softscroll mechanics. This allows them to actually work normally.

    #16824
    WC Vendors Support
    Participant

    Awesome, thanks much. I still wonder why they have it disabled to begin with. It’s awfully strange!

    #16841
    Bjørn
    Participant

    It’s a poor implementation of some softscroll effects as far as I can tell. The (friendly) support guy said he was gonna pester the devs to work out a better way to do it, and at least include that extra line in future releases if they can’t.

    #25110
    Kirk
    Participant

    Hi! Bjorn

    Thanks. They have made slight change in the latest version (v2.6) and included ‘Comment Reply’ too. For those still looking for fix, find

    var $this_link = $( this ),
    has_closest_smooth_scroll_disabled = $this_link.closest( '.et_smooth_scroll_disabled' ).length,
    has_closest_woocommerce_tabs = ( $this_link.closest( '.woocommerce-tabs' ).length && $this_link.closest( '.tabs' ).length ),
    has_closest_eab_cal_link = $this_link.closest( '.eab-shortcode_calendar-navigation-link' ).length,
    has_acomment_reply = $this_link.hasClass( 'acomment-reply' ),
    disable_scroll = has_closest_smooth_scroll_disabled || has_closest_woocommerce_tabs || has_closest_eab_cal_link || has_acomment_reply;

    and replace it with

    var $this_link = $( this ),
    has_closest_smooth_scroll_disabled = $this_link.closest( '.et_smooth_scroll_disabled' ).length,
    has_closest_woocommerce_tabs = ( $this_link.closest( '.woocommerce-tabs' ).length && $this_link.closest( '.tabs' ).length ),
    has_closest_eab_cal_link = $this_link.closest( '.eab-shortcode_calendar-navigation-link' ).length,
    has_acomment_reply = $this_link.hasClass( 'acomment-reply' ),has_closest_tabs_nav = $this_link.closest('.tabs-nav').length,
    disable_scroll = has_closest_smooth_scroll_disabled || has_closest_woocommerce_tabs || has_closest_eab_cal_link || has_acomment_reply || has_closest_tabs_nav;
    #35445
    Nicolas
    Participant

    Thanks a lot for the tip, Bjørn !

    Your edit disables smooth scrolling for the tabs links but the JS code is different now.

    There is a cleaner way to do this, is to wrap the dashboard in a <DIV> having the CSS class et_smooth_scroll_disabled .

    If you have a child theme, just add the following code in your functions.php file : http://pastebin.com/q4xTr4Wa

    This won’t alter the existing code so nothing should break after an update.

    #38667
    Susan
    Participant

    I’m having the same issue. All other tabs seem to be working fine (the ones I’ve had a chance to text anyway) but when I get to the Inventory,
    Shipping, Linked Products, Attributes tabs either adding or editing a product, I can’t change tabs. I’ve gone into the .js file and changed this coding, but still no changes. Any other ideas?

    var $this_link = $( this ),
    has_closest_smooth_scroll_disabled = $this_link.closest( ‘.et_smooth_scroll_disabled’ ).length,
    has_closest_woocommerce_tabs = ( $this_link.closest( ‘.woocommerce-tabs’ ).length && $this_link.closest( ‘.tabs’ ).length ),
    has_closest_eab_cal_link = $this_link.closest( ‘.eab-shortcode_calendar-navigation-link’ ).length,
    has_acomment_reply = $this_link.hasClass( ‘acomment-reply’ ),
    disable_scroll = has_closest_smooth_scroll_disabled || has_closest_woocommerce_tabs || has_closest_eab_cal_link || has_acomment_reply;

    and replace it with

    var $this_link = $( this ),
    has_closest_smooth_scroll_disabled = $this_link.closest( ‘.et_smooth_scroll_disabled’ ).length,
    has_closest_woocommerce_tabs = ( $this_link.closest( ‘.woocommerce-tabs’ ).length && $this_link.closest( ‘.tabs’ ).length ),
    has_closest_eab_cal_link = $this_link.closest( ‘.eab-shortcode_calendar-navigation-link’ ).length,
    has_acomment_reply = $this_link.hasClass( ‘acomment-reply’ ),has_closest_tabs_nav = $this_link.closest(‘.tabs-nav’).length,
    disable_scroll = has_closest_smooth_scroll_disabled || has_closest_woocommerce_tabs || has_closest_eab_cal_link |

    I have also tried changing it to this with no luck.

    var $this_link = $( this ),
    has_closest_smooth_scroll_disabled = $this_link.closest( ‘.et_smooth_scroll_disabled’ ).length,
    has_closest_woocommerce_tabs = ( $this_link.closest( ‘.woocommerce-tabs’ ).length && $this_link.closest( ‘.tabs’ ).length ),
    has_closest_eab_cal_link = $this_link.closest( ‘.eab-shortcode_calendar-navigation-link’ ).length || $this_link.closest(‘.tabs-nav’).length;
    has_acomment_reply = $this_link.hasClass( ‘acomment-reply’ ),has_closest_tabs_nav = $this_link.closest(‘.tabs-nav’).length,
    disable_scroll = has_closest_smooth_scroll_disabled || has_closest_woocommerce_tabs || has_closest_eab_cal_link || has_acomment_reply || has_closest_tabs_nav;

    #38672
    Susan
    Participant

    Update: Also can’t change tabs on the branding page. Store,Payment,Branding Shipping, Social

    #38677
    Susan
    Participant

    Update: Sorry, I cleared the cache and reloaded page and it’s working now. Thanks so much for the help. We were supposed to launch tomorrow and have several things in place for it. After completely configuring Dokan and making the change and then it not working, I was about ready to pull out my hair 🙂 Divi has been great for what I need (community site). I’m glad to find a way to make them work together.

Viewing 20 posts - 1 through 20 (of 20 total)
  • The forum ‘WC Vendors Pro Support’ is closed to new topics and replies.