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.
Thank you to all of our customers!
- This topic has 19 replies, 6 voices, and was last updated 7 years, 8 months ago by Susan.
-
AuthorPosts
-
November 19, 2015 at 4:51 am #15914BjørnParticipant
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.
November 19, 2015 at 4:54 am #15915BjørnParticipantSidenote/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.
November 19, 2015 at 5:02 pm #16023WC Vendors SupportParticipantThanks 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
November 20, 2015 at 3:35 am #16094BjørnParticipantThose 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.
November 20, 2015 at 3:36 am #16095BjørnParticipantYoast SEO was causing multiple loops by having exceptionally bad opengraph tags placed outside of the head tag.
Divi issue is unsolved.
November 20, 2015 at 5:11 pm #16159WC Vendors SupportParticipantDivi 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!”
November 23, 2015 at 7:44 am #16334BjørnParticipantSo 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ørnNovember 23, 2015 at 12:37 pm #16368WC Vendors SupportParticipantHi Bjorn,
What page URI are you seeing that error pop on? This will help us investigate and diagnose……
Ben
November 23, 2015 at 3:18 pm #16397BjørnParticipantHey 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ørnNovember 23, 2015 at 4:17 pm #16404JamieKeymasterHello,
This has been fixed.
cheers,
Jamie.
November 26, 2015 at 7:38 am #16814BjørnParticipantCool 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.
November 26, 2015 at 10:26 am #16819WC Vendors SupportParticipantHi 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
November 26, 2015 at 10:47 am #16821BjørnParticipantYeah, 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.
November 26, 2015 at 11:26 am #16824WC Vendors SupportParticipantAwesome, thanks much. I still wonder why they have it disabled to begin with. It’s awfully strange!
November 26, 2015 at 2:39 pm #16841BjørnParticipantIt’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.
February 28, 2016 at 9:50 am #25110KirkParticipantHi! 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;
June 23, 2016 at 9:03 am #35445NicolasParticipantThanks 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.
July 31, 2016 at 2:04 pm #38667SusanParticipantI’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;July 31, 2016 at 2:22 pm #38672SusanParticipantUpdate: Also can’t change tabs on the branding page. Store,Payment,Branding Shipping, Social
July 31, 2016 at 3:02 pm #38677SusanParticipantUpdate: 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.
-
AuthorPosts
- The forum ‘WC Vendors Pro Support’ is closed to new topics and replies.