# Featured Tiles
**URL:** https://meta.discourse.org/t/featured-tiles/156677
**Category:** Theme component
**Tags:** official, featured-tiles
**Created:** [July 3, 2020, 8:47am UTC](https://meta.discourse.org/t/featured-tiles/156677 "2020-07-03T08:47:25Z")
**Posts on this page:** 20
**Page:** 1
### Author:  [@Discourse](https://meta.discourse.org/u/Discourse)
#### Post date: [July 3, 2020, 8:47am UTC](https://meta.discourse.org/t/featured-tiles/156677/1 "2020-07-03T08:47:25Z")
| | | |
| --- | --- | --- |
| :discourse2: | **Summary** | **Featured Tiles** adds a row of featured tiles above topic lists. |
| š | **Preview** | [Preview on Discourse Theme Creator](https://discourse.theme-creator.io/theme/Discourse/featured-tiles) |
| š | **Repository Link** | [https://github.com/discourse/discourse-featured-tiles](https://github.com/discourse/discourse-featured-tiles) |
| š | **New to Discourse Themes?** | [Beginnerās guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) |
Install this theme component
> [@](#):
>
> :discourse2: As this is an #official theme component maintained by the Discourse team, #Support, #Contribute > Bug, #Contribute > UX, and #Contribute > Feature requests can be made in the respective categories here on Meta, and tagged with the appropriate theme component tag. Click on a link below to get one started. š
>
> [ā **Support**](https://meta.discourse.org/new-topic?category_id=6&tags=featured-tiles "Ask for support on configuring and using Featured Tiles") [š **Bug**](https://meta.discourse.org/new-topic?category_id=1&tags=featured-tiles "A bug report means something is broken, preventing normal/typical use of the theme component") [š **UX**](https://meta.discourse.org/new-topic?category_id=9&tags=featured-tiles "Discussion about the user interface of Featured Tiles, and how features are presented (including language and UI elements)") [š” **Feature**](https://meta.discourse.org/new-topic?category_id=2&tags=featured-tiles "Discussion about how existing Featured Tiles features can be improved or enhanced, and how proposed new features could work")
### Features
**Featured Tiles** adds a row of featured tiles above topic lists.
On hover, the topic title and author will be shown:
There are lots of options available for selecting the topic source. Images can be fetched by tag, by category or by using a ātop topicsā time period. Images can be scoped to the currently viewed category, or come from the entire site.
A setting is added to the user interface preferences which allows users to hide the banner on the current device.
### Settings
| Name | Descriptions |
| --- | --- |
| featured category | The category containing featured topics. Set to 0 for all categories. āScope to categoryā will override this setting. |
| featured tags | The tag which contains the featured topics. This must be publicly visible. |
| topic source | Which algorithm should be used to pick topics |
| top period | The time period used when ātopic\_sourceā is set to ātopā |
| randomize topics | Randomize the selection and ordering of topics |
| display when unfiltered | Display on the unfiltered latest page |
| display on categories | Display on category pages |
| display categories | Display the tiles when viewing these categories. Blank for all categories |
| maximum topic count | The maximum number of topics to display |
| scope to category | Filter topics to the current category |
| display mobile | Display on mobile devices |
| Translation | Default |
| --- | --- |
| preference\_header | Featured Topics Banner |
| preference\_description | Show featured topics banner on this device |
| | |
> :discourse2: **Hosted by us?** Theme components are available to use on our Standard, Business, and Enterprise plans.
> Last edited by @JammyDodger 2024-06-12T16:15:01Z
>
> > **Check document**
> >
> > Perform check on document:
---
### Author:  [@Merlls\_Rizzini](https://meta.discourse.org/u/Merlls_Rizzini)
#### Post date: [July 12, 2020, 8:09pm UTC](https://meta.discourse.org/t/featured-tiles/156677/2 "2020-07-12T20:09:06Z")
Wow.
This is amazing! It will attract even more clicks on my forum.
@david although not selected, its showing up on categories page. Also, if a topic has no images, can we set up a default image?
Edit: a member told me its only works on MacOS, cause he canāt see anything.
---
### Author:  [@Pad\_Pors](https://meta.discourse.org/u/Pad_Pors)
#### Post date: [July 13, 2020, 5:48am UTC](https://meta.discourse.org/t/featured-tiles/156677/3 "2020-07-13T05:48:08Z")
nice and functional theme ā.
how is it different from [Homepage Feature Component](https://meta.discourse.org/t/homepage-feature-component/144264)? is it just about the style or there are some more in-depth differences?
---
### Author:  [@david](https://meta.discourse.org/u/david)
#### Post date: [July 13, 2020, 8:11am UTC](https://meta.discourse.org/t/featured-tiles/156677/4 "2020-07-13T08:11:00Z")
It is mostly the style. Plus the Homepage Feature Component is only designed to use on the homepage. This one works in a few more places.
---
### Author:  [@david](https://meta.discourse.org/u/david)
#### Post date: [July 13, 2020, 8:11am UTC](https://meta.discourse.org/t/featured-tiles/156677/5 "2020-07-13T08:11:52Z")
> [@Merlls\_Rizzini](#):
>
> Edit: a member told me its only works on MacOS, cause he canāt see anything.
Can you ask the member to check their browser error console? And also let us know which browser they are using?
---
### Author:  [@Merlls\_Rizzini](https://meta.discourse.org/u/Merlls_Rizzini)
#### Post date: [July 14, 2020, 10:53pm UTC](https://meta.discourse.org/t/featured-tiles/156677/6 "2020-07-14T22:53:12Z")
Firefox
Chrome
---
### Author:  [@david](https://meta.discourse.org/u/david)
#### Post date: [July 15, 2020, 3:02pm UTC](https://meta.discourse.org/t/featured-tiles/156677/7 "2020-07-15T15:02:40Z")
That error looks like itās coming from another theme component. Can you try disabling them one-by-one?
---
### Author:  [@ElForoViajero](https://meta.discourse.org/u/ElForoViajero)
#### Post date: [August 4, 2020, 6:13pm UTC](https://meta.discourse.org/t/featured-tiles/156677/8 "2020-08-04T18:13:13Z")
Hi,
With this configuration, the tiles should appear in all category pages right? My featured tag is ādestacadoā, however tiles do not show in the category page.
---
### Author:  [@olex1216](https://meta.discourse.org/u/olex1216)
#### Post date: [August 6, 2020, 4:29am UTC](https://meta.discourse.org/t/featured-tiles/156677/9 "2020-08-06T04:29:59Z")
is it the same as the theme [Topic List Previews](https://meta.discourse.org/t/topic-list-previews/101646) ļ¼
---
### Author:  [@david](https://meta.discourse.org/u/david)
#### Post date: [August 6, 2020, 8:41am UTC](https://meta.discourse.org/t/featured-tiles/156677/10 "2020-08-06T08:41:04Z")
No itās not the same. The āFeatured Tiles Theme Componentā in this topic is officially maintained by the Discourse team, and it only provides what you see in the screenshot. āTopic List Previewsā is a third-party plugin and/or theme with a different design and featureset.
---
### Author:  [@Solari](https://meta.discourse.org/u/Solari)
#### Post date: [August 8, 2020, 4:07am UTC](https://meta.discourse.org/t/featured-tiles/156677/11 "2020-08-08T04:07:27Z")
I love this.
Is there a way to have it only pull from topics with photos/images? Otherwise it seems pretty discordant when there is a row of empty grey boxes and an occasional photo.
Thanks,
Ray
---
### Author:  [@coke](https://meta.discourse.org/u/coke)
#### Post date: [August 24, 2020, 1:13pm UTC](https://meta.discourse.org/t/featured-tiles/156677/12 "2020-08-24T13:13:19Z")
@david how i can increase the quality of the pictures, and probably the size to 180x80, thanks
---
### Author:  [@david](https://meta.discourse.org/u/david)
#### Post date: [August 24, 2020, 1:24pm UTC](https://meta.discourse.org/t/featured-tiles/156677/13 "2020-08-24T13:24:24Z")
It should be using 200x200 images on regular screens, automatically scaling up to 400x400 on hidpi screens.
>
Are you seeing something different?
---
### Author:  [@coke](https://meta.discourse.org/u/coke)
#### Post date: [August 24, 2020, 1:50pm UTC](https://meta.discourse.org/t/featured-tiles/156677/14 "2020-08-24T13:50:52Z")
Can i send you PM, because my forum is age restricted.
---
### Author:  [@david](https://meta.discourse.org/u/david)
#### Post date: [August 24, 2020, 2:04pm UTC](https://meta.discourse.org/t/featured-tiles/156677/15 "2020-08-24T14:04:09Z")
Thanks for the link. Looking at the site, the problem is that the images are portrait. So we are constraining a 3072x4608 image into a 200x200 square, which makes it 133x200. Then weāre āfillingā a 222x150 box with it. So weāre displaying an image 133 pixels wide into something 222 pixels wide.
One solution here is to stop āfillingā the banner with the image, and āfitā it instead. Thatās the approach we take in the topic list thumbnails:
Adding a new setting to the theme component for this would be #pr-welcome if someone would like to work on it.
---
### Author:  [@hollyw](https://meta.discourse.org/u/hollyw)
#### Post date: [September 9, 2020, 9:07pm UTC](https://meta.discourse.org/t/featured-tiles/156677/16 "2020-09-09T21:07:06Z")
This looks great, I like that the tiles donāt overwhelm the UI. I had a couple questions about configuring it.
I havenāt been able to get the featured tiles to appear on my category pages - only the homepage. My configuration is below (with my category names blacked out since we donāt want to share those right now). Anything Iām missing here?
> **Current config**
>
> 
My second question - is there a way to set default images to use for the tiles, as opposed to ones pulled from the topics? Weāre often going to have topics to feature that donāt have images, but still want it to look nice. If thereās not a built-in way currently, would that mean modifying the CSS or JS?
---
### Author:  [@Heliosurge](https://meta.discourse.org/u/Heliosurge)
#### Post date: [September 24, 2020, 12:47am UTC](https://meta.discourse.org/t/featured-tiles/156677/17 "2020-09-24T00:47:29Z")
Hi David!
Amazing theme component. Like others have asked. Is there a way to add default images for topics without pics?
Ie Featured1.img Featured2.img if no image is detected?
Also have an issue with Component recognizing a tag that is visible to all but says cannot find tag when I try add it.
---
### Author:  [@Fraudoctor](https://meta.discourse.org/u/Fraudoctor)
#### Post date: [October 10, 2020, 12:52am UTC](https://meta.discourse.org/t/featured-tiles/156677/18 "2020-10-10T00:52:27Z")
Is there a specific image type (.jpg, .png, .tiff) that this works with? Images not showing up from 2 of 3 topics which I tagged, though the topic itself shows up.
OS - Mac 10.15.7 (Both Chrome, Safari and iOS version appear the same)
---
### Author:  [@Pad\_Pors](https://meta.discourse.org/u/Pad_Pors)
#### Post date: [January 4, 2021, 5:13pm UTC](https://meta.discourse.org/t/featured-tiles/156677/20 "2021-01-04T17:13:51Z")
the theme shows blank gray banner when activated on the site:
though the tag option is clicked and there are some topics on the feature-tag.
---
### Author:  [@Fraudoctor](https://meta.discourse.org/u/Fraudoctor)
#### Post date: [January 11, 2021, 1:08am UTC](https://meta.discourse.org/t/featured-tiles/156677/21 "2021-01-11T01:08:11Z")
Agree. Still wondering if there is a work around to searching the entire topic for an image to use if one is there? Or will it ONLY take from the first post?
[Next page](https://meta.discourse.org/t/featured-tiles/156677.md?page=2)