https://github.com/discourse/discourse-custom-category-boxes-component

https://github.com/discourse/discourse-custom-category-boxes-component

discourse-theme-component

Last synced: 21 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/discourse/discourse-custom-category-boxes-component
• Owner: discourse
• License: mit
• Created: 2020-03-18T22:02:27.000Z (about 5 years ago)
• Default Branch: main
• Last Pushed: 2025-03-17T10:48:57.000Z (about 2 months ago)
• Last Synced: 2025-03-26T05:22:43.685Z (about 1 month ago)
• Topics: discourse-theme-component
• Language: JavaScript
• Homepage:
• Size: 4.91 MB
• Stars: 7
• Watchers: 20
• Forks: 5
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Custom Category Boxes Component

This is a theme component that will render your categories as boxes with customized backgrounds on your categories page. This component will also render each category page with a category banner if `show_banner` is selected.

**For this to work... in the settings area `desktop category page style` needs to be set to either `categories with Featured Topics` or `Boxes with Featured Topics`**

There are four options to choose from. Default is `halftones`

### Halftone Background

![Halftone option](./_repo_assets/halftone-preview.png)

### Crosshatch Background

![Crosshatch option](./_repo_assets/crosshatch-preview.png)

### None

![None option](./_repo_assets/none-preview.png)

### Custom

If you would like to create this effect with some of your own artwork, upload 4 varying `.png`'s with transparent backgrounds or traditional `.jpg`'s in the settings page. For each upload, use the naming convention of `custom-0`, up to the last as `custom-3`. Be sure to select `custom` as your category background setting.

![Custom option](./_repo_assets/custom-option.gif)