[cXF] Widget Homepage

XF2 ADD-ON [cXF] Widget Homepage 1.6.0

[cXF] Widget Homepage
Description:
Easily create a widget homepage like a portal page. Add any widget to any widget homepage position. Use your imagination and create a homepage to suit your needs.

The custom header is ideal for the landing page. Add a background image, optional widget only for guests or for all users.


Features:
  • adds a dedicated page for your homepage (or some other page)
  • many widget positions (see also map below):
    • sidenav (left side)
    • sidebar (right side)
    • container top
    • column top left
    • column top right
    • container middle
    • column bottom left
    • column bottom right
    • container bottom
    • header
  • option to show homepage custom header (see screenshots below)
  • option to add a custom logo to the homepage
  • option to add a widget to header
  • option to show the custom header on mobile
  • option to set custom logo image alt attribute
  • option to set custom logo tooltip
  • many options in style properties to edit the homepage header and logo
  • set user group permissions to view the page
  • public navigation tab is automatically created (by default it is an icon, but you can easily change it)
  • option to remove page title
  • option to remove breadcrumbs (top only, both or none)

Bonus:
Premium DIY (for customers only):

[cXF] Buttons for Widget Homepage header position
As requested, I'm adding this customization here. First, this will be the result: To achieve that, create an HTML widget and set the widget key for it. For Display positions set: In Display condition field add: $xf.visitor.user_id...

Screens:

< widget homepage map - help with the map to add the widgets to right positions >


*note: position header is hidden on smaller screens

widget_homepage_map.png




When you create a widget (or use the existing one), check the map above to select the right positions for a widget.

You can add more widgets to the same position. It works with the XenForo widget system so it should be familiar.

NOTE: you don't have to use all positions. For instance, if you don't choose sidenav and sidebar you can use only the container and column positions. Or any other combination.


This is how it will look on the mobile:

widget_homepage_map_mobile.png





Note that sidenav position on mobile will show like this (after you tap the Navigation button - look in the above screen):

widget_homepage_map_mobile_sidenav.png






< another simple demo with widgets >


wh_demo.png






< custom homepage header examples >

wh_header_demo_1.png wh_header_demo_2.png wh_header_demo_3.png wh_header_demo_4.png wh_header_demo_5.png wh_header_demo_6.png wh_header_demo_7.png



Don't forget to set the view permissions first:


wh_permissions.png





Options page:


wh_options.png






Public navigation - you can add sub-navigation items:


wh_navigation_icon.png






Change the index page route to homepage/ and your landing page will be your widget homepage:

wh_index_page_route.png

Latest updates

  1. 1.6.0

    1.6.0
  2. N/A

    N/A
Top