This component will allow you to add “category previews” to your categories page so users are able to see that a category exists without having access to the actual category. The preview looks like a standard category, but can link to a specified page where a user can be educated on how to gain access.
I’ve included a simple example below, but there are many different ways this component can be configured. Please be sure to read all of the information included in the Theme Settings.
Theme Creator Demo
You will need to be logged into an account here on Meta for this to work
I did my best to explain how this component works in the theme settings. The setup is not the most intuitive experience so feel free to ask questions and I will update the instructions to provide clarity.
I imagine there will be many different edge use-cases. I can’t guarantee that I can make this component work with all of them, but feedback and suggestions are welcome Here are some things to keep in mind:
Currently this will not work with the boxed categories styles. If there are enough requests, I can see about adding support
There are above-$CATEGORY classes added to the previews that appear above a specific category. This can be used to add additional styling.
This will not work with sub-categories displayed on the categories page
Staff users and anonymous users will always see the category previews.
Pay special attention to the IMPORTANT notes in the Theme Settings
So now, can you explain how use that please. English is not my native langage so its complicated.
Lets say i want to convert a public category in restricted category. Its possible ?
So can you give an example to put instead “Add item…”. Tell me if i right ?
category-slug : Name of category we want restricted
Preview name : Example : My restricted category
Preview Description : Exemple : “This a a restricted category”
URL : https://example.com/c/category-slug /12
Group : Its for group name who access to the restricted category.
If it helps, here is what I have in my theme setting for the demo:
junk~restricted category preview~This category is only available to members of the "joinable-group" user group. Select for more information.~https://theme-creator.discourse.org/pub/logged-in-user-access~joinable_group
And how it relates to the description of the theme setting:
Theme Setting Part
restricted category preview
This category is only available to members of the "joinable-group" user group. Select for more information.
1 : How build URL ?
2 : When we write the settings close to “category previews” after i confirm that. Its finish ?
3 : I did that but impossible to see the private category. I need to create that manually or not ?
Which URL? Can you share the full value of the category previews theme setting in your screenshot? I should be able to give you suggestions based what you have entered into that setting.
When you make a change to the category previews setting, click outside of the text field and you should see two buttons appear. Use the green one to save changes. After you save the changes, you will need to refresh any open browser tabs/windows to see the effect.
Assuming Groupe privee is a category you have already created, you need to find and use the slug for it. It will most likely be something like group-privee. You can confirm this by navigating to the Groupe privee category and looking at your browser’s address bar. For example, the #theme category here on Mete uses theme as the slug:
So here is the category preview : Groupe privee~Parlons societe offshore~Cette catégorie est seulement disponible aux utilisateurs ayant rejoint le groupe.~https://forum.objectifhijra.com/pub/logged-in-user-access~groupe_joignable
If i understand correctly, the category must be created earlier ? I tried with existing category and same thing, nothing happen.
Yeah, i spoke about of URL in the categroey preview. How we build this URL ? Or if we need to create the category before, so i take the URL which is created by discourse.
Your forum is using boxed categories, so it will not work. From the original post:
The first part of your setting (Group privee) needs to be the slug of an existing, public category. The preview will display above this category. It should not be the name of the category you are trying to preview.
It doesn’t look like URL you are using (https://forum.objectifhijra.com/pub/logged-in-user-access) is a real published page. You would need to create a published page using the instructions at Page Publishing and use the generated link to that page.
Make sure you actually have a group with the name groupe_joignable
Unfortunately, I’m not sure how much more I will be able to help you. It’s fairly difficult to explain on its own and I think our language barrier isn’t helping. What I might recommend is posting in our #marketplace category to see if you can hire someone to log into your site and help you directly.
I just learned about this theme component and am excited that it may streamline some workaround hacks I’d been using. A couple questions that I couldn’t tell if were just beyond my understanding of how things work, or haven’t been created yet:
Should anonymous (not logged-in) users be able to see the category preview item in the /categories listing? I was hoping that they might see what’s available to encourage them to create an account, but in my tests so far I haven’t been able to make that happen.
Are admins able to see the category preview even if they’re in the specified group that shouldn’t see it? I am in group-x as specified in the string, but am still seeing it above the actual restricted category.
Absolutely, that’s one of the most important scenarios this component should be covering! Can you make sure you are using the slug of the category the preview should appear above? In case it’s helpful, this post breaks down the settings a bit more than the OP.
Yes, I wanted to make sure staff (mods/admins) always see the preview so they are always aware of it’s existence and placement. It’s best to use a test user account when testing out component.