[Enhancement]: Compatibility with the carousel for the Terms Query block (core/terms-query)

[thomasnavarro]

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)

[theMasudRana]

Hello @thomasnavarro,
I have reviewed your PR and added my findings here in this comment.

Thank you