tomusborne / generateblocks

GenerateBlocks is a small collection of lightweight WordPress blocks that can accomplish nearly anything.
https://generateblocks.com
195 stars 19 forks source link

Container & Query Loop block carousel feature #1056

Open eastriverstudio opened 1 year ago

eastriverstudio commented 1 year ago

I've been using GP and GB in combination for many sites now and with the latest 1.8.0 improved unit controls, it is addressing much of the issues I faced creating more fluid layouts with GB.

The main "shiny" new feature I think is still lacking is the ability to turn container or query loop content into a carousel of auto scrolling and or manually draggable/swipeable content (ideally horizontal or vertical) and is the only real missing piece of the puzzle now. I know this is missed by folks who used your premium Show Posts plugin and have moved over to blocks and the Query Loop.

Whilst I know the use of traditional sliders has been frowned up for UX purposes, in my opinion there's still a place for carousel based content, particularly for more content heavy designs, where veritcal space can be saved and make it more interesting to interact with the content. Also they are still a common pattern clients and designers often request for all manner of things like testimonials, client/award logos, galleries, latest news, case studies and the list goes on. Yes it can be done currently using containers, some custom classes and a third party script but it would be awesome to have this capability directly in GB and work with it in the editor directly.

I think something like the accordion/tabs implementation using block variants would be a perfect solution for me and give us plenty of control to style things using regular GB blocks how we like in the editor, unlike many of the current block package options which are mostly limited by design.

I honestly think if this feature was present in GB it would be pretty complete for my purposes and cover 99% of the common patterns and use cases I get.

Everything else would really be marketing noise like the "other builders" (apart from maybe a CSS Grid implemntation in addition to flex) and probably not necessary in GB to be in keeping with the lightweight approach.

Interested to get your thoughts on this feature and to know if anything like it is already being considered giving the history with Show Posts?

Stormrunn3r commented 1 year ago

I'm using swiper to create a carousel with just containers or the query loop.

If you want, I can drop an example on how I did it.

eastriverstudio commented 1 year ago

@Stormrunn3r thanks, appreciate the offer. I'm already doing something similar with Splide as a workaround, but I'd like to see something more native and easy to implement introduced given carousels are quite a common requirement for content display and the GB container is now a good fit for this. I tend to do a lot of collaborative work, so need a solution that is easier to implement than creating carousels through manual workarounds. Hopefully the GB team can eventually give us a variant option similar to the way tabs works that would allow creation of carousels using standard GB blocks.

Stormrunn3r commented 1 year ago

@eastriverstudio I don't know if you're using a child theme for your collaborative work. But if you are, you could create patterns that are ready to go.

I'm not sure if GB is going to include any slider / carousel related stuff, as I recall in some old GB support ticket. I think Tom wasn't sure if they were going to add it as to keeping GB lightweight. But don't quote me on that :)