Carousel Grids - Display carousel grids with auto-scroll

LinZhizhao

A Flarum extension that displays carousel grids with background images, logos, and auto-scroll functionality.

Features

Grid Layout: Configurable columns (1-6) with responsive design
Auto-Scroll Carousel: Smooth fade transitions every 5 seconds
Flexible Display: Position (after hero/before footer) and scope (homepage/all pages)
Rich Content: Background images, optional logos, titles, descriptions, and links
Drag & Drop: Easy reordering in admin panel
Multilingual: English and Chinese (Simplified) included

Installation

composer require quasimo/flarum-ext-carousel-grids

Screenshots

Demo

Live demo: https://geekaa.com

Feedback and suggestions are welcome!

Tutrix

LinZhizhao
Good idea, but in the mobile view, only 1 or 2 items should be displayed depending on the resolution, instead of 3 stacked one below the other. And the animation should pause on hover.
I use a simple slider at the footer via an HTML widget, maybe that can serve as inspiration for your extension.
Smart Button Community

LinZhizhao

Tutrix

Thank you so much! Yes, you are right. I will update it.
And, your website is awesome. I love the style.

LinZhizhao

Tutrix Updated, but it should be better, maybe I will make it better this weekend. Thank you so much again.

Tutrix

LinZhizhao

Try

.CarouselGrids-container {
  display:flex;
  gap:20px;
  transition:opacity .5s ease;
  max-width: 100%;
  align-items: flex-start;
}

LinZhizhao

Tutrix I copied your code to my custom CSS field. 😀

And I will try to update the extension 2 days later.

Tutrix

LinZhizhao
When testing via custom CSS, you must use "!important;" to override the existing code

.CarouselGrids-container {
  display:flex !important;
  gap:20px;
  transition:opacity .5s ease;
  max-width:100% !important;
  align-items:flex-start !important;
}

Forogramero

LinZhizhao This is good for our own advertising (not Google ads). Also, it could be a great idea to have a similar carousel for most view discussion of the day (automatically calculated)...

KBExit

@LinZhizhao is this only for 1.8.x or is it compatible for 2.0 as well? Updating tags.

LinZhizhao

Forogramero Thank you! I’ve needed this for a long time myself. I wanted to showcase my work on my forum, and although I’ve developed several Chrome extensions, the Google Web Store only links to the geekaa.com homepage. I was worried my users wouldn’t be able to find the relevant discussion threads, so I created this Flarum extension.

LinZhizhao

KBExit Yes, I will. However, my website is currently running version 1.8.x. I’ll be buying a new MacBook this weekend and installing version 2.0 to test it out. I’ll try upgrading this extension, as well as my other two:

My extensions list:
https://geekaa.com/t/flarum

KBExit

LinZhizhao if you want I have a 2.0 test site already available and you can use extension manager with it.

LinZhizhao

KBExit Oh! OK. I want it. Thank you so much! 😘