Dashboard Page Rework

[abaicus]

Summary

• Redone the admin Dashboard pages according to https://github.com/Codeinwp/neve-pro-addon/issues/2914
• Should still work with the old PRO version;
• Should work as expected with https://github.com/Codeinwp/neve-pro-addon/pull/2971;

Warning

A few things are not implemented:

• The scroll to top module is still listed and not enabled by default as it would show up on user websites;
• Customizer links should be checked at the end;
• The pro plugins are not listed in the recommended plugins section;

Will affect visual aspect of the product

YES (on the backend)

Screenshots

Test instructions

Check before Pull Request is ready:

• [ ] I have written a test and included it in this PR
• I have run all tests and they pass
• The code passes when running the PHP CodeSniffer
• Code meets WordPress Coding Standards for PHP, HTML, CSS and JS
• Security and Sanitization requirements have been followed
• I have assigned a reviewer or two to review this PR (if you're not sure who to assign, we can do this step for you)

Ref Codeinwp/neve-pro-addon#2914.

[pirate-bot]

Plugin build for bb32209 is ready 🛎️!

• Download build

[Soare-Robert-Daniel]

One small suggestion: you can put <TransitionWrapper> outside the check since all of them are using it.

[rodica-andronache]

@abaicus some small things, I didn't manage to check everything yet:

• in RTL mode, the on/off button is not looking his best https://vertis.d.pr/i/1tdhBG
• when you enable/disable the WooCommerce Booster, the notice for Sparks does not appear/disappear unless you refresh the page https://vertis.d.pr/v/dDhzoq
• when in White Label mode , I think we should also hide the Documentation link https://vertis.d.pr/i/enjRvb

[ineagu]

• 1. We can hide in free the pro module
• 2. move contributing sidebar after the recomm plugins
• 3. let's add the join community after contributing section as well, but keep the fb group only
• 4. @harshitarora-in can you redo the free vs pro table here, ideally submit a PR with the text changes?
• 5. WHen I have the pro addon, without a license, I see an upgrade link in the manage modules section, can we have " add the license notice?"
• 5. when the pro is installed, can we move the plugins section from the sidebar, after the customizer links?
• 6. We can still show the white label tab in free and mark it as pro, we can show the settings as an image with a upgrade overlay on top
• 7. Any reason we are not displaying the exact settings in free for those 2 modules? we can display them fakely using html/image and mark as pro : https://vertis.d.pr/i/kFwEiU. the value is that user sees exactly how this works.

[ineagu]

@abaicus I also used Claude to help on minor improvements :

1. Add descriptions and change the section title for the customizer links: https://vertis.d.pr/i/wuedKM
2. Add new descriptions for the modules: https://vertis.d.pr/i/UDeyMa (ignore the small line), use this checkmark pattern only for woo booster: https://vertis.d.pr/i/HaNBoc

[abaicus]

@ineagu can you please share the artefacts for the designs involving texts so I can use them? Thank you!

[harshitarora-in]

@harshitarora-in can you redo the free vs pro table here, ideally submit a PR with the text changes?

@ineagu I’ve added the new text in Figma, and once you confirm it, I’ll create a PR for it.

Here’s the Figma link: https://www.figma.com/design/66Mckrcd3uSUmy3AGmFOmz/Product-Marketing?node-id=3050-2106&t=8EDpiqMmITQy1FSs-1

A few points to note:

• I’ve included most of the PRO features we’re highlighting on the upgrade page as part of this FREE vs PRO table.
• We can remove the mention of features like Scroll to top, Typekit fonts, etc.
• The structure and feature names are aligned with the new upgrade page to maintain consistency and ensure users clearly understand the PRO version without any confusion.
• One suggestion: previously, we redirected users to the respective documentation links. For this new table, can we add an icon next to the heading that links to the upgrade page and the specific feature area? For example, clicking on “Header Booster” would redirect to: themeisle.com/themes/neve/upgrade/headerbooster.

Let me know your thoughts!

[ineagu]

@harshitarora-in here are my thoughts : https://www.loom.com/share/11017346bf214828a3a89e0f2f6c62ac. do you wanna try a new design with claude, starting from that comparison page?

[abaicus]

1. We can hide in free the pro module

Not sure I understand exactly what you mean here.

4. @harshitarora-in can you redo the free vs pro table here, ideally submit a PR with the text changes?

I don't know what the next steps would be for this one.

5. WHen I have the pro addon, without a license, I see an upgrade link in the manage modules section, can we have " add the license notice?"

Do you mean displaying a notice sitewide, or just in that respective tab? Usually when a user has a product downloaded from the store, the license auto-activates, so I think this is more or less an edge case (in which the license is inactive).

6. We can still show the white label tab in free and mark it as pro, we can show the settings as an image with a upgrade overlay on top

My mistake here. I broke the conditions when making sure that the module settings don't show up in pro if the module is deactivated. It looks like below. Should the top-right link go to any page specifically?

7. Any reason we are not displaying the exact settings in free for those 2 modules? we can display them fakely using html/image and mark as pro : https://vertis.d.pr/i/kFwEiU. the value is that user sees exactly how this works.

No. I will change them.

Thank you in advance!

[ineagu]

@abaicus the white label top link can go to the upgrade page.
free vs pro, can stay as it is now, since we don't have a final version from @harshitarora-in yet.
you can ignore the notice thing, I agree is edge case
for the first thing, I meant that we should hide modules for which the products are not present, like don't show that in pro we have EDD booster if user doesn't have edd

[harshitarora-in]

@ineagu I will keep it as Free vs. PRO only because having a 3-tier comparison table might feel overwhelming for free users at first glance, especially since they’re not familiar with the plan names yet. It’s better to keep it simple for now. Besides, when users land on the upgrade page, they’ll see the full comparison anyway.

Here is what i propose for the text and headings

[ineagu]

okay, let's do this.

[harshitarora-in]

@ineagu I have updated the content and committed the changes in this PR.

cc: @abaicus

[pirate-bot]

🎉 This PR is included in version 4.0.0 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀