Automattic\WooCommerce\Blocks\BlockTypes

ProductFilterRemovableChips::render │ protected │ WC 1.0

Render the block.

Метод класса: ProductFilterRemovableChips{}

Хуков нет.

Возвращает

Строку. Rendered block type output.

Использование

// protected - в коде основоного (родительского) или дочернего класса
$result = $this->render( $attributes, $content, $block );

$attributes(массив) (обязательный)

Block attributes.

$content(строка) (обязательный)

Block content.

$block(WP_Block) (обязательный)

Block instance.

Код ProductFilterRemovableChips::render() ProductFilterRemovableChips::render ^{WC 10.4.0}

<?php
protected function render( $attributes, $content, $block ) {
	if (
		empty( $block->context['filterData'] )
	) {
		return '';
	}

	$filter_items = $block->context['filterData']['items'] ?? array();

	$style = '';

	$tags = new \WP_HTML_Tag_Processor( $content );
	if ( $tags->next_tag( array( 'class_name' => 'wc-block-product-filter-removable-chips' ) ) ) {
		$classes = $tags->get_attribute( 'class' );
		$style   = $tags->get_attribute( 'style' );
	}

	$wrapper_attributes = array(
		'data-wp-interactive' => 'woocommerce/product-filters',
		'data-wp-key'         => wp_unique_prefixed_id( $this->get_full_block_name() ),
		'class'               => esc_attr( $classes ),
		'style'               => esc_attr( $style ),
	);

	ob_start();
	?>

	<div <?php echo get_block_wrapper_attributes( $wrapper_attributes ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>>
		<ul class="wc-block-product-filter-removable-chips__items">
			<template
				data-wp-each="state.activeFilters"
				data-wp-each-key="context.item.uid"
			>
				<li class="wc-block-product-filter-removable-chips__item">
					<span class="wc-block-product-filter-removable-chips__label" data-wp-text="context.item.activeLabel"></span>
					<button
						type="button"
						class="wc-block-product-filter-removable-chips__remove"
						data-wp-bind--aria-label="state.removeActiveFilterLabel"
						data-wp-on--click="actions.removeActiveFilter"
					>
						<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="25" height="25" class="wc-block-product-filter-removable-chips__remove-icon" aria-hidden="true" focusable="false"><path d="M12 13.06l3.712 3.713 1.061-1.06L13.061 12l3.712-3.712-1.06-1.06L12 10.938 8.288 7.227l-1.061 1.06L10.939 12l-3.712 3.712 1.06 1.061L12 13.061z"></path></svg>
						<span class="screen-reader-text" data-wp-text="state.removeActiveFilterLabel"></span>
					</button>
				</li>
			</template>
			<?php foreach ( $filter_items as $item ) : ?>
				<?php // translators: %s: item label. ?>
				<?php $remove_label = sprintf( __( 'Remove filter: %s', 'woocommerce' ), $item['activeLabel'] ); ?>
				<li class="wc-block-product-filter-removable-chips__item" data-wp-each-child>
					<span class="wc-block-product-filter-removable-chips__label">
						<?php echo esc_html( $item['activeLabel'] ); ?>
					</span>
					<button
						type="button"
						class="wc-block-product-filter-removable-chips__remove"
						aria-label="<?php echo esc_attr( $remove_label ); ?>"
						data-wp-on--click="actions.removeActiveFilter"
						<?php echo wp_interactivity_data_wp_context( array( 'item' => $item ) ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
					>
						<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="25" height="25" class="wc-block-product-filter-removable-chips__remove-icon" aria-hidden="true" focusable="false"><path d="M12 13.06l3.712 3.713 1.061-1.06L13.061 12l3.712-3.712-1.06-1.06L12 10.938 8.288 7.227l-1.061 1.06L10.939 12l-3.712 3.712 1.06 1.061L12 13.061z"></path></svg>
						<span class="screen-reader-text"><?php echo esc_html( $remove_label ); ?></span>
					</button>
				</li>
			<?php endforeach; ?>
		</ul>
	</div>

	<?php
	return ob_get_clean();
}