[cXF] Widget Homepage

XF2 Addons [cXF] Widget Homepage 1.6.7
Easily create a widget homepage like a portal page.

Compatible versions
2.1, 2.2

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
    • top
  • option to show homepage custom header (see screenshots below)
  • option to add a custom logo to the homepage
  • option to set custom logo image alt attribute
  • option to set custom logo tooltip
  • option to add a widget to header
  • option to show the custom header on mobile
  • option to show action buttons on homepage (Forum list, New posts, Post thread)
  • 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 set a custom homepage title
  • option to hide the page title
  • option to add homepage description
  • option to hide page description on the front but leave it for meta
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
wh_positions_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:
wh_positions_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 permission first:
wh_permissions.png


Public navigation - you can add sub-navigation items:
wh_navigation_icon.png


Change the index page route to cxf-homepage/ and your landing page will be your widget homepage:
Screenshot 2022-05-28 at 12.09.24.png
FateKid
Author FateKid
Level
11
5,910 pts
1.6.7 Version
17 Downloads
406 Views
Published
Updated
0.00 star(s) 0 ratings Average Rating (0)

More files from FateKid

Customize Your XenForo 2 Community

[cXF] Widget Homepage provides ultimate customization to your XenForo 2 community website! Enjoy powerful features that make your site stand out. Combine this add-on with XenForo 2 styles from our site and kickstart your online community now.

Why Download Our XenForo 2 Add-ons?

  • Easily enhance the quality of your XenForo online community.
  • Expand your XenForo 2 functionality with thousands of unique options.
  • Create unbelieveable user-experiences with advanced features.

Explore Other Resources

Are you looking for something different? Explore our thousands of unique and special XenForo 2 add-ons, available to download right now. FateKid shared this wonderful resource to you for free, so remember to share your appreciation by liking the resource and reviewing it.

Get started today and make your next project truly unique.

Top Bottom