Plugin Contributor
Thomas
(@tlartaud)
Hello,
Sorry that you are encountering issues.
The problem is that the WP Customer Area menu wasn’t working
I’ll provide an eventual fix below, regarding your template configuration which might, I guess, be wrong. If it is not working, could you then provide additional explanations about the issue? In most cases, users might encounter issues with the menu, resulting in the following behaviors:
- The menu does not even appear, but there is, instead, a blank white area showing up on top of the private area. The menu seems to not properly rendered, but links are actually present: They can be seen in the code (via chrome dev-tools for instance), or, hovering the blank white area will change your mouse cursor to a pointer, and you’ll still be able to click some of those hidden links.
In that case, the issue comes from a malformed HTML structured of the menu. This can happen when some themes or plugins affect the walker classes of the menus, or when some plugins, for instance Elementor, are deleting or modyfying the HTML structure of the rendered page. If you’re using Elementor, we’ll first recommend to install the Elementor Compatibility add-on from our site.
- The menu is showing up, but the items including sub-items are not clickable, or at least, clicking those items has no effect. This error usually occurs when javascript is crashing, or when there is a javascript conflict with one of the JS library included in your theme or your plugins. This can usually be verified by opening the chrome dev tools (CTRL + SHIFT + i), then hit the console tab, and then checking if you see any red errors. Do not hesitate to paste them here, or to create a private topic on our main support forums to avoid exposing senstive data about your site.
I switched the theme to Twenty Twenty-Five and configured my pages’ templates with Elementor. Everything worked fine until I assigned a page in WP Customer Area. At that point, it reverted to showing the theme’s template instead of the one I created with Elementor.
The problem might come from this.
When you create an Elementor template for WPCA, you should:
- Assign it to any WPCA page (you could select the main customer-area page and check the box to include all of the children)
- Assign it to any other WPCA page (login/register pages, etc..)
- Assign to any WPCA post type
- Include a header, a footer, but do not include a content for this template. Including a content template will override, modify the HTML structure of the page, to match the design settings from that content template. The content template part from Elementor is made to automatically alter what is included in the content. This is great for content such as pages or blog posts, but it should not be used for templates assigned to complex pages such as those from WPCA.
In my Elementor page template when I insert the shortcode [customer-area /], it switches to the template’s page configuration.
You should never do this. This shortcode is not a user shortcode, and should only be used on page generated by WP Customer Area, or assigned to WP Customer Area in the Settings. It is just a call to display the area. You just have to leave the content template part empty.
This should fix your menu issue, and even more.
Best regards.
