Center the carousel to a specific carousel-item ?

Hi Charlie @charlie67p,

Thanks for your feedback and suggestion. You’re right, the current version of CBB does not support this feature yet.

In the next version, I’ll add a filter that allows users modify carousel settings on the server. That will handle your use case cleanly.

Here is the custom code for your use case. It will work in the next version:

add_filter( 'cbb_get_carousel_settings', function( $carousel_settings, $parsed_block, $block ) {
  if ( ! is_singular( 'event' ) ) {
    return $carousel_settings;
  }

  if ( $block && isset( $block->context['query'] ) ) {
    $page_key             = isset( $block->context['queryId'] ) ? 'query-' . $block->context['queryId'] . '-page' : 'query-page';
    $page                 = empty( $_GET[ $page_key ] ) ? 1 : (int) $_GET[ $page_key ];
    $query_args           = build_query_vars_from_query_block( $block, $page );
    $query_args['fields'] = 'ids';
    $current_id           = get_the_ID();
    $posts                = get_posts( $query_args );

    if ( $current_id && in_array( $current_id, $posts, true ) ) {
      $carousel_settings['initialSlide'] = array_search( $current_id, $posts, true);
    }
  }

  return $carousel_settings;
}, 10, 3 );

Best, Phi.

@charlie67p I’ve just released version 2.8.10. The snippet above should work now. Don’t forget to enable Active slide at the center in the UI.

Best, Phi.

@charlie67p I think infinite mode may be affecting the result. You might want to set the loop mode to none or rewind instead.

You can also debug the post IDs and the carousel settings value to see what might be causing the issue.

Please let me know how it goes.

@charlie67p You can simply use error_log to log $posts, $current_id, and $carousel_settings from the snippet above.