[wcv_pro_dashboard] dashboard does't appeare where it should

Home › Forums › WC Vendors Pro Support › [wcv_pro_dashboard] dashboard does't appeare where it should

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 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 12, 2016 at 3:18 am #47390
    Nicholas
    Participant

    Hello. How’s it going?
    I hope you guys are having a good day.

    I have an issue with the [wcv_pro_dashboard] shortcode. It doesn’t behave like I want it to behave.
    I want to place the shortcode inside a div within a content template.

    My html looks something like this 

    <body class="">
<div id="page-container">
<div class="container-fluid">

<div class="ddl-full-width-row row">

<div class="col-sm-6">

</div>

<div class="col-sm-6">
[wcv_pro_dashboard]
</div>

</div>

</div>
</div>
</body>

    However the Pro Dashboard then alway appears above my html and adds it’s own classes.

    Like this i.e.: 

    <body class="page page-id-6797 page-template-default logged-in et_monarch sswcmaat tabs-flat tabs-rounded wcvendors wcvendors-pro wcv-pro-dashboard wcvendors wcvendors-pro wcv-ratings-page et_bloom et_button_no_icon et_pb_button_helper_class et_transparent_nav et_fixed_nav et_show_nav et_hide_primary_logo et_hide_fixed_logo et_cover_background et_secondary_nav_enabled et_pb_gutter windows et_pb_gutters3 et_primary_nav_dropdown_animation_fade et_secondary_nav_dropdown_animation_fade et_pb_footer_columns2 et_header_style_left et_full_width_page et_divi_theme chrome views-template-farmer-ma layouts-active woocommerce">
<div id="page-container">
<div class="wcv-cols-group ....
 
<!-- Load the Overview section of the dashboard page -->

.....

	

<!-- Load the reports and tables section of the dashboard page -->

....

<div class="container-fluid ">
                <div class="ddl-full-width-row row">
                <div class="col-sm-6">  
.....

    I should mention that there are no problem with the wcv free dashboard. It always appears where I want it to be.

    Any clues on how to solve this problem?

    November 13, 2016 at 10:42 am #47484
    Anna
    Member

    Hello,
    Does your normal dashboard page- the page which you have placed the shortcode and assigned in your settings: wp admin > WooCommerce > WC Vendors > Pro

    Does it work and appear correctly?
    It looks like you may be using the DIVI theme.. is that correct? I think we did discuss this a bit before: https://www.wcvendors.com/help/topic/shortcode-output-issue/
    And we have had issues with DIVI in the past- unfortunately their script for the smooth scrolling interferes/disables the use of HTML anchor links, and causes display and function issues.
    https://www.wcvendors.com/help/topic/divi-theme-rendering-issue-dashboard/#post-16821
    https://www.wcvendors.com/help/topic/problem-with/

    November 13, 2016 at 10:56 am #47487
    Nicholas
    Participant

    Hello Anna.

    Yes it works and appears correctly.

    I tested it with the twentysixteen theme and the same thing happens.

    I actually placed the pro dashboard inside a woocommerce tab and got it to work, but the reason I am building my own tabs now, is because the styling was messed up inside a woocommerce tab and the wc vendors tabs didn’t work.

    What’s different between the [wcv_vendor_dashboard] and [wcv_pro_dashboard] ( i am talking shortcode wise) Shouldn’t they both act the same like any other shortcode?

    November 13, 2016 at 11:14 am #47493
    Anna
    Member

    [wcv_vendor_dashboard] is the shortcode for the WC Vendors FREE dashboard.
    [wcv_pro_dashboard] is the shortcode for the WC Vendors PRO dashboard.

    You’d have little reason to direct your vendors to the WC Vendors Free dashboard while using Pro. The option is there in case an admin prefers their vendors to use the old dashboard that then leads to the backend forms to add and edit products. This is really only useful if you are using a plugin that is not worked into the front-end forms of Pro or something like that.

    The pro dashboard, when nested within a page other than the normal page you’ve assigned in the admin Pro settings, is still going to need some styling (css) to show up correctly. If it is nested on a page using the shortcode and the page’s styles take control– then the dash will show up according to how that page has styled it.

    November 13, 2016 at 11:53 am #47500
    Nicholas
    Participant

    Sorry my bad. What I wrote was confusing. That was not quite what I was asking for.

    Anyway. Do you have a suggestions for me on how to make the pro dashboard appear inside my custom tab or pretty much any html, because the pro dashboard always seems to appear above my html (see image I uploaded earlier).

    Here is an unrealistic example to make the difference in the ouput clear: If I wanted to place the pro dashboard shortcode in my blog page sidebar it would not appear inside the sidebar, but above the page. If I however place the [wcv_vendor_dashboard] shortcode in the sidebar, the output of the free dashboard would not change. The free dashboard would appear inside the sidebar.

    Why is that?

    November 13, 2016 at 12:30 pm #47502
    Anna
    Member

    The free dashboard likely has less issues with this because it is a much much more simple page than the pro dashboard.

    If you switch to the Storefront theme on your site or a dev site and try using the pro dashboard shortcode on a page or in a tab as you wish, does it work? Is it formatted more as you’d like to see it?

    I am trying to help- I hope I am understanding your needs here. I would like to see if this is a formatting issue due to the way you are trying to use the shortcode (it will not always format in a good way– it just won;t work well without the formatting that it can use on the actual dashboard page assigned in admin), or if perhaps something with your theme and the way they format pages is the issue here.

    The dashboard shortcode for the pro dashboard is a nice possibility- it just does have some issues when it is used away from the fully formatted dashboard page.

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