block_name ); $css_generator->add_class_styles( '{{WRAPPER}} .academy-courses--grid .academy-course .academy-course__meta--categroy a', $this->get_course_card_category_css( $attributes ), $this->get_course_card_category_css( $attributes, 'Tablet' ), $this->get_course_card_category_css( $attributes, 'Mobile' ), $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_course_card_category_css( $attributes, $device ); } ) ); $css_generator->add_class_styles( '{{WRAPPER}} .academy-courses--grid .academy-course .academy-course__meta--categroy:hover a', $this->course_category_desktop_hover_css( $attributes ) ); $css_generator->add_class_styles( '{{WRAPPER}} .academy-courses--grid .academy-course .academy-course__title, {{WRAPPER}} .academy-courses--grid .academy-course .academy-course__title a', $this->get_course_card_title_css( $attributes ), $this->get_course_card_title_css( $attributes, 'Tablet' ), $this->get_course_card_title_css( $attributes, 'Mobile' ), $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_course_card_title_css( $attributes, $device ); } ) ); $css_generator->add_class_styles( '{{WRAPPER}} .academy-courses--grid .academy-course .academy-course__title:hover, {{WRAPPER}} .academy-courses--grid .academy-course .academy-course__title:hover a', $this->get_course_title__hover_css( $attributes ) ); $css_generator->add_class_styles( '{{WRAPPER}} .academy-courses--grid .academy-course .academy-course__author, {{WRAPPER}} .academy-courses--grid .academy-course .academy-course__author .author, {{WRAPPER}} .academy-courses--grid .academy-course .academy-course__author .author a', $this->get_course_card_author_css( $attributes ), $this->get_course_card_author_css( $attributes, 'Tablet' ), $this->get_course_card_author_css( $attributes, 'Mobile' ), $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_course_card_author_css( $attributes, $device ); } ) ); $css_generator->add_class_styles( '{{WRAPPER}} .academy-courses--grid .academy-course .academy-course__author:hover, {{WRAPPER}} .academy-courses--grid .academy-course .academy-course__author:hover .author, {{WRAPPER}} .academy-courses--grid .academy-course .academy-course__author:hover .author a', $this->course_author_desktop_hover_css( $attributes ) ); $css_generator->add_class_styles( '{{WRAPPER}} .academy-courses--grid .academy-course .academy-course__rating, {{WRAPPER}} .academy-courses--grid .academy-course .academy-course__rating .academy-group-star, {{WRAPPER}} .academy-courses--grid .academy-course .academy-course__rating .academy-group-star .academy-icon::before, {{WRAPPER}} .academy-courses--grid .academy-course .academy-course__rating .academy-course__rating-count', $this->get_course_card_rating_css( $attributes ), $this->get_course_card_rating_css( $attributes, 'Tablet' ), $this->get_course_card_rating_css( $attributes, 'Mobile' ), $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_course_card_rating_css( $attributes, $device ); } ) ); $css_generator->add_class_styles( '{{WRAPPER}} .academy-courses--grid .academy-course .academy-course__rating:hover, {{WRAPPER}} .academy-courses--grid .academy-course .academy-course__rating:hover .academy-group-star, {{WRAPPER}} .academy-courses--grid .academy-course .academy-course__rating:hover .academy-group-star .academy-icon::before, {{WRAPPER}} .academy-courses--grid .academy-course .academy-course__rating:hover .academy-course__rating-count', $this->course_rating_desktop_hover_css( $attributes ) ); $css_generator->add_class_styles( '{{WRAPPER}} .academy-courses--grid .academy-course .academy-course__price', $this->get_course_card_price_css( $attributes ), $this->get_course_card_price_css( $attributes, 'Tablet' ), $this->get_course_card_price_css( $attributes, 'Mobile' ), $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_course_card_price_css( $attributes, $device ); } ) ); $css_generator->add_class_styles( '{{WRAPPER}} .academy-courses--grid .academy-course .academy-course__price:hover', $this->course_price_hover_css( $attributes ) ); $css_generator->add_class_styles( '{{WRAPPER}} .academy-courses--grid .academy-row .academy-course, {{WRAPPER}} .academy-courses--grid .academy-row .academy-course, {{WRAPPER}} .academy-courses--grid .academy-row .academy-course, {{WRAPPER}} .academy-courses--grid .academy-row .academy-course', $this->get_course_card_css( $attributes ), $this->get_course_card_css( $attributes, 'Tablet' ), $this->get_course_card_css( $attributes, 'Mobile' ), $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_course_card_css( $attributes, $device ); } ) ); $css_generator->add_class_styles( '{{WRAPPER}} .academy-courses--grid .academy-row .academy-course:hover, {{WRAPPER}} .academy-courses--grid .academy-row .academy-course:hover, {{WRAPPER}} .academy-courses--grid .academy-row .academy-course:hover, {{WRAPPER}} .academy-courses--grid .academy-row .academy-course:hover', $this->get_course_card_hover_css( $attributes ), $this->get_course_card_hover_css( $attributes, 'Tablet' ), $this->get_course_card_hover_css( $attributes, 'Mobile' ), $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_course_card_hover_css( $attributes, $device ); } ) ); $css_generator->add_class_styles( '{{WRAPPER}} .academy-courses .academy-course__header .academy-course-header-meta .academy-course__wishlist', $this->get_wish_icon_css( $attributes ), $this->get_wish_icon_css( $attributes, 'Tablet' ), $this->get_wish_icon_css( $attributes, 'Mobile' ), $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_wish_icon_css( $attributes, $device ); } ) ); $css_generator->add_class_styles( '{{WRAPPER}} .academy-courses .academy-course__header .academy-course-header-meta .academy-course__wishlist:hover', $this->get_wish_icon_hover_css( $attributes ), $this->get_wish_icon_hover_css( $attributes, 'Tablet' ), $this->get_wish_icon_hover_css( $attributes, 'Mobile' ), $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_wish_icon_hover_css( $attributes, $device ); } ) ); return $css_generator->generate_css(); } public function get_course_card_category_css( $attributes, $device = '' ) { $typographyValueGlobal = ! empty( $attributes['cat_typographyGlobal'] ) ? $attributes['cat_typographyGlobal'] : ''; $typography_value = isset( $attributes['typography'] ) ? $attributes['typography'] : []; return array_merge( [ 'color' => Color::get_css( isset( $attributes['category_color'] ) ? $attributes['category_color'] : '' ) ], Typography::get_css( $typography_value, '', $device, $typographyValueGlobal ) ); } public function course_category_desktop_hover_css( $attributes ) { return [ 'color' => Color::get_css( isset( $attributes['category_hover_color'] ) ? $attributes['category_hover_color'] : '' ) ]; } public function course_author_desktop_hover_css( $attributes ) { return [ 'color' => Color::get_css( isset( $attributes['author_hover_color'] ) ? $attributes['author_hover_color'] : '' ) ]; } public function course_rating_desktop_hover_css( $attributes ) { return [ 'color' => Color::get_css( isset( $attributes['rating_hover_color'] ) ? $attributes['rating_hover_color'] : '' ) ]; } public function course_price_hover_css( $attributes ) { return [ 'color' => Color::get_css( isset( $attributes['price_hover_color'] ) ? $attributes['price_hover_color'] : '' ) ]; } public function get_course_title__hover_css( $attributes ) { return [ 'color' => Color::get_css( isset( $attributes['title_hover_color'] ) ? $attributes['title_hover_color'] : '' ) ]; } public function get_course_card_title_css( $attributes, $device = '' ) { $typographyValueGlobal = ! empty( $attributes['title_typographyGlobal'] ) ? $attributes['title_typographyGlobal'] : ''; $course_title_typography_css = isset( $attributes['title_typography'] ) ? $attributes['title_typography'] : []; return array_merge( [ 'color' => Color::get_css( isset( $attributes['title_color'] ) ? $attributes['title_color'] : '' ) ], Typography::get_css( $course_title_typography_css, '', $device, $typographyValueGlobal ), ); } public function get_course_card_author_css( $attributes, $device = '' ) { $typographyValueGlobal = ! empty( $attributes['author_typographyGlobal'] ) ? $attributes['author_typographyGlobal'] : ''; $course_author_typography_css = isset( $attributes['author_typography'] ) ? $attributes['author_typography'] : []; return array_merge( [ 'color' => Color::get_css( isset( $attributes['author_color'] ) ? $attributes['author_color'] : '' ) ], Typography::get_css( $course_author_typography_css, '', $device, $typographyValueGlobal ), ); } public function get_course_card_rating_css( $attributes, $device = '' ) { $typographyValueGlobal = ! empty( $attributes['rating_typographyGlobal'] ) ? $attributes['rating_typographyGlobal'] : ''; $typography_value = isset( $attributes['rating_typography'] ) ? $attributes['rating_typography'] : []; return array_merge( [ 'color' => Color::get_css( isset( $attributes['rating_color'] ) ? $attributes['rating_color'] : '' ) ], Typography::get_css( $typography_value, '', $device, $typographyValueGlobal ), ); } public function get_course_card_price_css( $attributes, $device = '' ) { $typographyValueGlobal = ! empty( $attributes['price_typographyGlobal'] ) ? $attributes['price_typographyGlobal'] : ''; $course_price_typography_css = ! empty( $attributes['price_typography'] ) ? $attributes['price_typography'] : []; return array_merge( [ 'color' => Color::get_css( isset( $attributes['price_color'] ) ? $attributes['price_color'] : '' ) ], Typography::get_css( $course_price_typography_css, '', $device, $typographyValueGlobal ), ); } public function get_wish_icon_css( $attributes, $device = '' ) { $wish_icon_background_css = ! empty( $attributes['wish_icon_background'] ) ? Background::get_css( $attributes['wish_icon_background'], 'background', $device ) : array(); return array_merge( [ 'color' => Color::get_css( isset( $attributes['wish_icon_color'] ) ? $attributes['wish_icon_color'] : '' ) ], $wish_icon_background_css ); } public function get_wish_icon_hover_css( $attributes, $device = '' ) { $wish_icon_background_css = ! empty( $attributes['wish_icon_background'] ) ? Background::get_hover_css( $attributes['wish_icon_background'], 'background', $device ) : array(); return array_merge( [ 'color' => Color::get_css( isset( $attributes['wish_icon_hover_color'] ) ? $attributes['wish_icon_hover_color'] : '' ) ], $wish_icon_background_css ); } public function get_course_card_css( $attributes, $device = '' ) { $course_background_css = ! empty( $attributes['card_background'] ) ? Background::get_css( $attributes['card_background'], 'background', $device ) : array(); $course_border_css = ! empty( $attributes['card_border'] ) ? Border::get_css( $attributes['card_border'], '', $device ) : array(); $course_margin_css = ! empty( $attributes['card_margin'] ) ? Dimensions::get_css( $attributes['card_margin'], 'margin', $device ) : array(); $course_padding_css = ! empty( $attributes['card_padding'] ) ? Dimensions::get_css( $attributes['card_padding'], 'padding', $device ) : array(); return array_merge( $course_background_css, $course_border_css, $course_margin_css, $course_padding_css ); } public function get_course_card_hover_css( $attributes, $device = '' ) { $course_background_hover_css = ! empty( $attributes['card_background'] ) ? Background::get_hover_css( $attributes['card_background'], 'background', $device ) : array(); $course_border_hover_css = ! empty( $attributes['card_border'] ) ? Border::get_hover_css( $attributes['card_border'], '', $device ) : array(); $course_margin_hover_css = ! empty( $attributes['card_hover_margin'] ) ? Dimensions::get_css( $attributes['card_hover_margin'], 'margin', $device ) : array(); $course_padding_hover_css = ! empty( $attributes['card_hover_padding'] ) ? Dimensions::get_css( $attributes['card_hover_padding'], 'padding', $device ) : array(); return array_merge( $course_background_hover_css, $course_border_hover_css, $course_margin_hover_css, $course_padding_hover_css ); } public function render_block_content( $attributes, $content, $block_instance ) { $has_pagination = filter_var( Helper::get_attribute_value( $attributes, 'show_pagination' ), FILTER_VALIDATE_BOOLEAN ); $layout = 'list' === Helper::get_attribute_value( $attributes, 'course_layout' ) ? 'list' : 'grid'; $show_switcher = filter_var( Helper::get_attribute_value( $attributes, 'show_layout_switcher' ), FILTER_VALIDATE_BOOLEAN ); $result_count = Helper::get_attribute_value( $attributes, 'result_count' ); $result_count = in_array( $result_count, [ 'total', 'range' ], true ) ? $result_count : 'none'; $attr_array = [ 'count' => absint( Helper::get_attribute_value( $attributes, 'course_count' ) ), 'column_per_row' => absint( Helper::get_attribute_value( $attributes, 'course_columns' ) ), 'has_pagination' => $has_pagination, 'course_level' => $this->get_key_list( Helper::get_attribute_value( $attributes, 'difficulty_levels' ) ), 'price_type' => $this->get_key_list( Helper::get_attribute_value( $attributes, 'price_types' ) ), 'orderby' => sanitize_key( Helper::get_attribute_value( $attributes, 'order_by' ) ), 'order' => sanitize_text_field( Helper::get_attribute_value( $attributes, 'course_order' ) ), 'ids' => implode( ',', wp_parse_id_list( Helper::get_attribute_value( $attributes, 'course_ids' ) ) ), 'exclude_ids' => implode( ',', wp_parse_id_list( Helper::get_attribute_value( $attributes, 'course_exclude_ids' ) ) ), 'category' => implode( ',', wp_parse_id_list( Helper::get_attribute_value( $attributes, 'course_categories' ) ) ), 'cat_not_in' => implode( ',', wp_parse_id_list( Helper::get_attribute_value( $attributes, 'course_exclude_categories' ) ) ), 'tag' => implode( ',', wp_parse_id_list( Helper::get_attribute_value( $attributes, 'course_tags' ) ) ), 'tag_not_in' => implode( ',', wp_parse_id_list( Helper::get_attribute_value( $attributes, 'course_exclude_tags' ) ) ), ]; // Academy's shortcode never passes `paged` to its query, so every page of // its pagination would list the first page's courses. $paged = $has_pagination ? max( 1, absint( get_query_var( 'paged' ) ), absint( get_query_var( 'page' ) ) ) : 1; $stats = null; $set_query_args = static function ( $args ) use ( $paged ) { $args['paged'] = $paged; $args['ablocks_academy_courses'] = true; return $args; }; // Read the count from the shortcode's own query instead of running it twice. $capture_stats = static function ( $found_posts, $query ) use ( &$stats ) { if ( $query->get( 'ablocks_academy_courses' ) ) { $stats = [ 'found' => (int) $found_posts, 'per_page' => (int) $query->get( 'posts_per_page' ), 'paged' => max( 1, (int) $query->get( 'paged' ) ), ]; } return $found_posts; }; add_filter( 'academy_courses_shortcode_args', $set_query_args ); add_filter( 'found_posts', $capture_stats, PHP_INT_MAX, 2 ); $shortcode = '[academy_courses ' . Helper::attr_shortcode( $attr_array ) . ']'; $courses = do_shortcode( $shortcode ); remove_filter( 'academy_courses_shortcode_args', $set_query_args ); remove_filter( 'found_posts', $capture_stats, PHP_INT_MAX ); $toolbar = ''; $count_text = 'none' !== $result_count && $stats ? $this->get_result_count_text( $result_count, $stats ) : ''; if ( '' !== $count_text ) { $toolbar .= '

' . esc_html( $count_text ) . '

'; } if ( $show_switcher ) { $toolbar .= $this->get_layout_switcher( $layout ); } printf( '
', esc_attr( $layout ), esc_attr( Helper::get_attribute_value( $attributes, 'block_id' ) ) ); if ( '' !== $toolbar ) { echo '
' . $toolbar . '
'; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- escaped where built. } echo $courses; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- Academy's shortcode output. echo '
'; } /** * A multi-select attribute as a comma-separated list of keys. * * The editor saves these as arrays, which sanitize_text_field() reduces to * an empty string, so the filter was silently dropped. * * @param array|string $value Saved attribute value. * @return string */ private function get_key_list( $value ) { return implode( ',', array_filter( array_map( 'sanitize_key', wp_parse_list( $value ) ) ) ); } /** * Result count text for the current page of the course query. * * @param string $type 'total' or 'range'. * @param array $stats found, per_page and paged of the query. * @return string Empty when the page has no courses. */ private function get_result_count_text( $type, $stats ) { $found = $stats['found']; $per_page = $stats['per_page'] > 0 ? $stats['per_page'] : $found; $first = ( $stats['paged'] - 1 ) * $per_page + 1; if ( $found < 1 || $first > $found ) { return ''; } if ( 'total' === $type ) { /* translators: %s: number of courses */ return sprintf( _n( '%s course', '%s courses', $found, 'ablocks' ), number_format_i18n( $found ) ); } if ( 1 === $found ) { return __( 'Showing the single course', 'ablocks' ); } if ( $found <= $per_page ) { /* translators: %s: number of courses */ return sprintf( __( 'Showing all %s courses', 'ablocks' ), number_format_i18n( $found ) ); } $last = min( $found, $first + $per_page - 1 ); if ( $first === $last ) { /* translators: 1: position of the course shown, 2: number of courses */ return sprintf( __( 'Showing %1$s of %2$s courses', 'ablocks' ), number_format_i18n( $first ), number_format_i18n( $found ) ); } return sprintf( /* translators: 1: first course shown, 2: last course shown, 3: number of courses */ __( 'Showing %1$s–%2$s of %3$s courses', 'ablocks' ), number_format_i18n( $first ), number_format_i18n( $last ), number_format_i18n( $found ) ); } /** * Grid/list buttons that let visitors switch the layout. * * @param string $layout Layout selected in the editor. * @return string */ private function get_layout_switcher( $layout ) { $buttons = [ 'grid' => [ 'label' => __( 'Grid view', 'ablocks' ), 'icon' => '', ], 'list' => [ 'label' => __( 'List view', 'ablocks' ), 'icon' => '', ], ]; $html = '
'; foreach ( $buttons as $value => $button ) { $html .= sprintf( '', esc_attr( $value ), $value === $layout ? 'true' : 'false', esc_attr( $button['label'] ), $button['icon'] ); } return $html . '
'; } }