[cXF] Membership Page

XF 2 [cXF] Membership Page 1.1.0

Create a membership page and customize it with tons of settings and styling options.

*note: Proceed button on pack item on the membership page leads to user account upgrade page. You can't point it directly to the payment process.


Features:
  • navigation tab, membership page and widget are added based on a user group permission
  • use route filters to change the URL for your membership page
  • show/remove page title, top and bottom breadcrumb
  • show membership page content within a block
  • optional top notice with title and description
  • optional bottom notice with title and description
  • add up to 5 membership pack items that are fully responsive
  • each pack item has a ton of styling options (set width, change colors, font sizes, add images, icons, badges, add/remove elements like titles, features, etc.)
  • add a widget for membership packs anywhere on your forum
  • the widget styling is taken from the membership page, but every element can be removed to show for instance a small version of membership packs (optional elements that can be removed: top and bottom notice, top title, image, icon, badge, main title, features, price with text)
  • use phrases to edit texts with HTML



First thing first:
  • after install check permission and set it to Yes
  • check Public navigation and move your Membership tab to a different position if you want
  • check Options and edit content (notices, items, etc.)
  • check and edit phrases, especially if you'd like to use HTML for instance for features
  • check Widgets and create a new widget for Membership page if you'd like to show your packs anywhere on your forum (remember to check Options in tab Widgets to remove certain elements)
Screens:

< quick examples of membership page - you can really change almost anything (colors, content, add image, FA icon, etc.) >



mp_example_5packs-png.214695


... with 5 packs, FA icons, top and bottom notice




mp_3packs_highlight-png.214693


... with 3 packs, Pack B has greater width to highlight it




mp_example_4packs-png.214694


... with 4 packs




mp_example_stretch-png.214697


... with 5 packs in responsive view, last 2 packs are stretched to fill the container




mp_example_no_stretch-png.214696


... with 5 packs in responsive view, last 2 packs are not stretched



< create a widget and remove elements from it in Options page to make it smaller >



mp_widget-png.214703





< permissions >



mp_permissions-png.214699





< options - check the tabs for even more options >


mp_options-png.214698






< options - example for tab Pack E >



mp_options_pack_e-png.214692




< style properties groups >


mp_sp_groups-png.214701






< style properties - general >



mp_sp_general-png.214700





< style properties - example for Pack A >



mp_sp_pack_a-png.214702
Author
Dekomori
Downloads
12
Views
842
First release
Last update
Rating
0.00 star(s) 0 ratings

More resources from Dekomori

Share this resource

Top