widget = $widget;
$this->settings = $widget->get_settings_for_display();
}
public function render(): void {
$first_zigzag_direction = $this->settings['first_zigzag_direction'];
$has_alternate_icon_color = $this->settings['has_alternate_icon_color'] ?? 'no';
$entrance_animation = $this->settings['zigzag_animation'] ?? '';
$has_entrance_animation = ! empty( $entrance_animation ) && 'none' !== $entrance_animation;
$has_alternate_animation = 'yes' === $this->settings['animation_alternate'];
$image_stretch = $this->settings['image_stretch'];
$layout_classnames = [
self::LAYOUT_CLASSNAME,
'has-direction-' . $first_zigzag_direction,
];
if ( 'yes' === $has_alternate_icon_color ) {
$layout_classnames[] = 'has-alternate-icon-color';
}
if ( $has_entrance_animation ) {
$layout_classnames[] = 'has-entrance-animation';
}
if ( $has_alternate_animation ) {
$layout_classnames[] = 'has-alternate-animation';
}
if ( 'yes' === $image_stretch ) {
$layout_classnames[] = 'has-image-stretch';
}
$this->widget->add_render_attribute( 'layout', [
'class' => $layout_classnames,
] );
?>
widget->print_render_attribute_string( 'layout' ); ?>>
settings['graphic_element'];
$repeater = 'image' === $graphic_element ? $this->settings['image_zigzag_items'] : $this->settings['icon_zigzag_items'];
$wrapper_classnames = [
'ehp-zigzag__item-wrapper',
];
if ( $has_entrance_animation ) {
$wrapper_classnames[] = 'hidden';
}
foreach ( $repeater as $key => $item ) {
$this->widget->add_render_attribute( 'zigzag-item-wrapper-' . $key, [
'class' => $wrapper_classnames,
] );
$this->widget->add_render_attribute( 'zigzag-item-' . $key, [
'class' => self::ITEM_CLASSNAME,
] );
?>
widget->print_render_attribute_string( 'zigzag-item-wrapper-' . $key ); ?>>
widget->print_render_attribute_string( 'zigzag-item-' . $key ); ?>>
render_graphic_element_container( $item, $key );
$this->render_text_element_container( $item, $key );
?>
widget->print_render_attribute_string( 'graphic-element-container-' . $key ); ?>>
'true' ] ); ?>
settings['graphic_element'];
$title_tag = $this->settings['zigzag_title_tag'] ?? 'h2';
$title_text = $item[ $graphic_element . '_title' ] ?? '';
$has_title = ! empty( $title_text );
$description_text = $item[ $graphic_element . '_description' ] ?? '';
$has_description = ! empty( $description_text );
$is_graphic_image = 'image' === $graphic_element;
$is_graphic_icon = 'icon' === $graphic_element;
$text_container_classnames = [
self::TEXT_CONTAINER_CLASSNAME,
];
$this->widget->add_render_attribute( 'description-' . $key, [
'class' => 'ehp-zigzag__description',
] );
if ( $is_graphic_icon ) {
$text_container_classnames[] = 'is-graphic-icon';
} elseif ( $is_graphic_image ) {
$text_container_classnames[] = 'is-graphic-image';
}
$this->widget->add_render_attribute( 'text-container-' . $key, [
'class' => $text_container_classnames,
] );
?>
widget->print_render_attribute_string( 'text-container-' . $key ); ?>>
%4$s', Utils::validate_html_tag( $title_tag ), $this->widget->get_render_attribute_string( 'heading' ), 'class="ehp-zigzag__title"', esc_html( $title_text ) );
// Escaped above
Utils::print_unescaped_internal_string( $title_output );
} ?>
widget->print_render_attribute_string( 'description-' . $key ); ?>>
render_cta_button( $item );
} ?>
render(); ?>