Force Mobile Homepage

[tshenry (Taylor)]

	Summary	Force a different homepage for users visiting the site from a small viewport (e.g. mobile)
	Preview	Theme Creator
	Repository	GitHub - tshenry/discourse-force-mobile-homepage · GitHub
	Install Guide	How to install a theme or theme component
	New to Discourse Themes?	Beginner’s guide to using Discourse Themes

Install this theme component

Currently the default homepage settings found in the admin panel and user preferences apply to both desktop and mobile. This is a very simple theme component that will allow you to specify a different default homepage for the small viewport version of your Discourse forum.

It is important to note that this will force anyone using a small viewport to navigate to the homepage you choose with this theme component. Your users will not be able to override the default homepage for the small viewport context via their user preferences at this point.

Theme Settings

There is one setting that will allow you to set the alternative homepage to one of the following:

• latest (default)
• new
• top
• categories
• hot

Potential future work ideas

• Allow users to override the default set via this component.

[_vincent]

Works like a charm. This is great mate!

[maia_internet (Dave)]

Great little component, just what I needed for my community!

Many thanks.

[Cozdabuch (cosmo)]

Can you please integrate this into core settings.

Sitewide default in settings for mobile and desktop.

And user setting in user profile settings for mobile and desktop.

[neounix (Dark Matter)]

@Cozdabuch

Can you please integrate this into core settings.

+1 for having different home page capabilities for mobile and desktop in core.

[kinetiksoft]

Thank you for this useful component.
Could you please help? While showing “Latest” by default on mobile, there is no option to choose “Categories” in top drop-down menu above topic list.

[decryption]

Exactly what I was after - thank you for this little component!

[pedroponte]

outstanding, thank you

[haydenjames]

Thanks for creating this! How about future compatibility as the main Discourse app continues to evolve and is updated? Or is the theme component pretty future-friendly in that regard?

[nathank (Nathan Kershaw)]

This Theme component is super-simple and pretty much bomb proof I reckon! Just a couple of lines of CSS and HTML with no settings or anything fancy.

[merefield (Robert)]

I still feel this should be merged into core as an additional setting, it is so utterly useful!

[guystewart]

A great and simple little component.

Of course the requests immediately started from our power users that they be allowed to set their own override preference.

This serves the vast vast majority of normal users, but there is still demand for the ability to personally override by the top 1% of power users.

[haydenjames]

Agreed. It has not been updated in 7 years but still being used by Discourse owners.

[Cate_Soule]

This is one of the must-have plugins that needs to be updated!

[awesomerobot (Kris)]

I’ve updated it in a PR here: DEV: update to initializer by awesomerobot · Pull Request #3 · tshenry/discourse-force-mobile-homepage · GitHub

@tshenry can you take a look and merge when you have a chance?

[tshenry (Taylor)]

Merged! Thanks for the PR!

[Roi]

I got a deprecation notice for this great theme component in the developer console of the browser:

[THEME 50 ‘Force Mobile Homepage’] Deprecation notice: Accessing site.mobileView or site.desktopView during the site initialization can lead to errors and inconsistencies when the browser window is resized. Please move these checks to a component, transformer, or API callback that executes during page rendering. [deprecated since Discourse 3.5.0.beta9-dev] [deprecation id: discourse.static-viewport-initialization] [info: Designing for Different Devices (Viewport Size, Touch/Hover, etc.)]

[patrickemin]

Yes same thing, one of the only depreciation notice left for me…

[merefield (Robert)]

This is another victim of the change to capabilities.

What’s the new best way to load a specific discovery route as homepage depending on device type?

[shortmort37 (Dan Morton)]

What @merefield said