Version 1.8.4 adds the ability to drag and drop membership levels to update the display order when using the default
How can I reorder my membership levels?
If you’re using the default
[pmpro_levels] shortcode, you can update the display from the Memberships > Membership Levels admin page.
- Hold down your mouse on the level you want to move.
- Drag the level to the desired placement in the list.
- That’s it – this will automatically update the levels order.
- Navigate to the page assigned as the “Membership Levels” page to see the updated output.
Want finer control over the levels page display?
Check out this post about the Advanced Levels Page Shortcode add on.
The default Paid Memberships Pro Membership Levels page is a table layout. Some membership pricing is better displayed NOT in a table – so we’ve just released an add on plugin that loads your membership levels in a DIV layout, and also includes the description text for the level (if you have entered it in the Edit Membership Level admin page) for each level.
View or Download the Add On
Continue reading for the special CSS code to achieve this look!
If you are using the default pmpro_levels shortcode on your Membership Levels page – depending on your pricing you may have an empty column under the “Subscription Information” or “Initial Payment” heading. CSS to the rescue! Here’s a block of code that can be used to hide the “Subscription Information” column (useful if all of your membership levels have initial payments only), as well as a little extra styling. Just place this block of code right into the Text / HTML editor of the page containing your levels shortcode (right before the shortcode) and you are good to go. Or make it your own and tweak anything in this block – colors, fonts, etc. d46c226a4fed665a0ebccac1f8381c3d001 Note: This code won’t necessarily behave if you are using a customized version of levels.php Levels Page: Before Levels Page: After…
Thanks to the design tweaks in 1.7.1, we can now have some fun creating drop-in style blocks for the pmpro_levels page.
Levels Page: Before
Levels Page: After
Sign up for a PMPro membership to get the code to make your levels page look like this.