[Enhancement]: Compatibility with the carousel for the Terms Query block (core/terms-query) #97
Description
Feature description
Make the Carousel Kit block compatible with the WordPress Terms Query block (core/terms-query). Following the same model as the existing compatibility with the Query Loop block: when a Terms Query block is placed within the carousel’s viewport, each term should be treated as a slide (flex, gap, navigation, etc.).
Problem it solves
At present, it is not possible to display a carousel of terms (categories, tags, taxonomies) in the same way as posts using the Query Loop. This limits the plugin’s usefulness when you want to display taxonomies in a carousel. The Terms Query should produce an identical carousel.
Describe alternatives you've considered
- Manually positioning slides, resulting in a loss of fluidity and automation
- Customising via additional CSS/JS: cumbersome, prone to errors
- Using another plugin that is less integrated with the native editor
- Filtering on the PHP side and injecting HTML: non-native
Additional context
Query Loop compatibility relies on JavaScript detection (.wp-block-post-template) and SCSS adjustments (gap, flex-row). This detection and processing should be extended to .wp-block-terms-query or other containers within the Terms Query block to achieve the same effect automatically. See also:
- https://github.com/rtCamp/carousel-kit/blob/develop/src/blocks/carousel/view.ts
- https://github.com/rtCamp/carousel-kit/blob/develop/src/blocks/carousel/styles/_core.scss
- An implementation example or sample would be appreciated (pattern or usage documentation)