추천 플립 카드

Featured Tiles 테마 컴포넌트의 수정 버전입니다. 추천된 주제(토픽)를 플립 카드 형태로 한 줄에 표시합니다:

카드가 너무 크거나 작아지지 않도록, 컴포넌트는 다양한 창 크기에 맞게 브레이크포인트를 사용합니다. 기본적으로 모바일에서는 2개, 태블릿에서는 4개, 데스크톱에서는 5~6개의 카드를 표시합니다. 최소 6개의 주제를 추천(피처링)해야 합니다.

어쨌든, 더 많은 주제를 사용하고 randomize 기능을 활용하면 훨씬 더 재미있습니다:

Screenshot from 2021-06-18 21-06-49

이렇게 하면 항상 새로운 조합의 카드가 표시됩니다 :black_joker:

:hammer_and_wrench: 저장소 discourse-featured-flip-cards
:question: 설치 가이드 테마 또는 테마 컴포넌트 설치 방법
:open_book: 디스코urs 테마를 처음 사용하시나요? 디스코urs 테마 사용 입문가이드
22개의 좋아요

Looks nice! FYI this happens in Safari:

Any chance for a square crop option? It doesn’t look great with different aspect ratios, or maybe a blurred version of the image behind it similar to what Topic Thumbnails does? Just throwing out ideas for you :+1:

2개의 좋아요

Yes, it’s not set up that flexible yet. So it’s great to get some feedback about possible use cases, thanks! I’ll play around a bit with a more polished look for photos to see how to best adjust styles.

Regards more options I added adjustable settings for the aspect ratio of the cards and how thumbnails should be resized:

4개의 좋아요

Any chance to increase the number of featured topics on mobile and enable horizontal scrolling? That would be awesome

I have problem flip card not show on moboil.

Safari

chrome

mywebsite

1개의 좋아요

I can’t reproduce this on my site, but I see you have various components installed to show above the list area, and except “who’s online” none of them are displayed. Maybe look into this?

1개의 좋아요

I think this is somehow a issue with safari, as since installing this the only members having issues on our forum are using safari, which it seems @Bank_Live is using also.

@Bank_Live’s site doesn’t display the component on chrome either. I don’t think that issue is related to the component, at least I can’t reproduce it.

But yes, there’s some css issues with safari and I can look into it in a week. Don’t have a mac at hand right now and can’t reproduce it on webkit on linux.

2개의 좋아요

Any news on the safari issue?

The component uses the aspect-ratio property. I thought it’s supported on Safari, but apparently only from the next release (15).

To make it work for now I added a quick fix to the settings. You’d have to add a calculated percentage and then the aspect ratio will be simulated with a CSS hack:

3개의 좋아요

Thank you! Works a charm on our community
Season 2 Dancing GIF by The Fresh Prince of Bel-Air

2개의 좋아요

Feature Request.

Can we have an Option to have this displayed on A Specific category page?

ie if viewing Lounge featured cards are shown here.

the image shown is Category Image. I am using Air Theme. Application to show featured topics related to that category from it’s subcategory Frontier news.

what is recommended image size for Card image?

This is my idea on an application to show featured topics Above a specific category of interest.

I am using Air theme. It will need to either or rather maybe have option setting to be below category logo. And if possible to have option to show in multiple selected categories.

Ie I have main Category with a couple of subcategories that I would like to showcase the News subcategory