widget = $widget; $this->settings = $widget->get_settings_for_display(); } protected function render_image_links(): void { $image_links_value_initial = $this->settings['image_links'] ?? []; $image_links_columns_value = $this->settings['image_links_per_row'] ?? 2; /** * if empty returns a sub-array with all empty values * Check for this here to avoid rendering container when empty */ $image_links_value = $this->clean_array( $image_links_value_initial ); $has_image_links = ! empty( $image_links_value ); if ( ! $has_image_links ) { return; } $image_links_classnames = 'e-link-in-bio__image-links'; if ( ! empty( $image_links_columns_value ) ) { $image_links_classnames .= ' has-' . $image_links_columns_value . '-columns'; } $this->widget->add_render_attribute( 'image-links', [ 'class' => $image_links_classnames, ] ); ?>
widget->get_render_attribute_string( 'image-links' ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>> $image_link ) { $formatted_link = $image_link['image_links_url']['url'] ?? ''; $image_link_image = $image_link['image_links_image'] ?? []; // Manage Link class variations $image_link_classnames = 'e-link-in-bio__image-links-link'; // Manage Link attributes $url_attrs = [ 'class' => $image_link_classnames, 'href' => esc_url( $formatted_link ), ]; $url_combined_attrs = $this->get_link_attributes( $image_link['image_links_url'], $url_attrs ); foreach ( $url_combined_attrs as $attr_key => $attr_value ) { $this->widget->add_render_attribute( 'image-links-link' . $key, [ $attr_key => $attr_value, ] ); } ?> widget->get_render_attribute_string( 'image-links-link' . $key ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>> 'e-link-in-bio__image-links-img', ] ); } else { $this->widget->add_render_attribute( 'image-links-img-' . $key, [ 'alt' => '', 'class' => 'e-link-in-bio__image-links-img', 'src' => esc_url( $image_link_image['url'] ), ] ); ?> widget->get_render_attribute_string( 'image-links-img-' . $key ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?> />
settings['cta_links_corners'] ?? 'rounded'; $ctas_props_show_border = $this->settings['cta_links_show_border'] ?? false; $ctas_props_type = $this->settings['cta_links_type'] ?? 'button'; $ctas_value_initial = $this->settings['cta_link'] ?? []; /** * $this->settings['cta_link'] if empty returns a sub-array with all empty values * Check for this here to avoid rendering container when empty */ $ctas_value = $this->clean_array( $ctas_value_initial ); $has_ctas = ! empty( $ctas_value ); if ( ! $has_ctas ) { return; } $this->widget->add_render_attribute( 'ctas', [ 'class' => 'e-link-in-bio__ctas has-type-' . $ctas_props_type, ] ); ?>
widget->get_render_attribute_string( 'ctas' ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>> $cta ) { $formatted_link = $this->get_formatted_link_based_on_type_for_cta( $cta ); $cta_image = $cta['cta_link_image'] ?? []; $cta_has_image = ! empty( $cta_image ) && ( ! empty( $cta_image['url'] || ! empty( $cta_image['id'] ) ) ) && 'button' === $ctas_props_type; // Manage Link class variations $ctas_classnames = 'e-link-in-bio__cta is-type-' . $ctas_props_type; if ( 'button' === $ctas_props_type && $ctas_props_show_border ) { $ctas_classnames .= ' has-border'; } if ( $cta_has_image ) { $ctas_classnames .= ' has-image'; } if ( 'button' === $ctas_props_type ) { $ctas_classnames .= ' has-corners-' . $ctas_props_corners; } // Manage Link attributes $url_attrs = [ 'class' => $ctas_classnames, 'href' => esc_url( $formatted_link ), ]; if ( Social_Network_Provider::FILE_DOWNLOAD === $cta['cta_link_type'] || Social_Network_Provider::VCF === $cta['cta_link_type'] ) { $url_attrs['download'] = 'download'; } $cta_url = $cta['cta_link_url']; if ( Social_Network_Provider::WAZE == $cta['cta_link_type'] ) { $cta_url = $cta['cta_link_location']; } $url_combined_attrs = $this->get_link_attributes( $cta_url, $url_attrs ); foreach ( $url_combined_attrs as $attr_key => $attr_value ) { $this->widget->add_render_attribute( 'cta-' . $key, [ $attr_key => $attr_value, ] ); } ?> widget->get_render_attribute_string( 'cta-' . $key ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>> 'e-link-in-bio__cta-image-element', ] ); } else { $this->widget->add_render_attribute( 'cta-link-image' . $key, [ 'alt' => '', 'class' => 'e-link-in-bio__cta-image-element', 'src' => esc_url( $cta_image['url'] ), ] ); ?> widget->get_render_attribute_string( 'cta-link-image' . $key ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?> />
settings['icons_border_show_border'] ?? false; $icons_props_size = $this->settings['icons_size'] ?? 'small'; $icons_value = $this->settings['icon'] ?? []; $has_icons = ! empty( $icons_value ); if ( ! $has_icons ) { return; } $this->widget->add_render_attribute( 'icons', [ 'class' => 'e-link-in-bio__icons has-size-' . $icons_props_size, ] ); ?>
widget->get_render_attribute_string( 'icons' ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>> $icon ) { $formatted_link = $this->get_formatted_link_for_icon( $icon ); $icon_class_names = 'e-link-in-bio__icon is-size-' . $icons_props_size; if ( $icons_props_show_border ) { $icon_class_names .= ' has-border'; } $this->widget->add_render_attribute( 'icon-' . $key, [ 'class' => $icon_class_names, ] ); // Manage Link attributes $url_attrs = [ 'aria-label' => esc_attr( $icon['icon_platform'] ), 'class' => 'e-link-in-bio__icon-link', 'href' => esc_url( $formatted_link ), ]; $icon_url = $icon['icon_url']; if ( Social_Network_Provider::WAZE == $icon['icon_platform'] ) { $icon_url = $icon['icon_location']; } $url_combined_attrs = $this->get_link_attributes( $icon_url, $url_attrs ); foreach ( $url_combined_attrs as $attr_key => $attr_value ) { $this->widget->add_render_attribute( 'icon-link-' . $key, [ $attr_key => $attr_value, ] ); } ?>
widget->get_render_attribute_string( 'icon-' . $key ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>> widget->get_render_attribute_string( 'icon-link-' . $key ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>> $library, 'value' => $mapping, ], [ 'aria-hidden' => 'true' ] ); ?>
settings['bio_heading_tag'] ?? 'h2'; $bio_heading_value = $this->settings['bio_heading'] ?? ''; $bio_title_props_tag = $this->settings['bio_title_tag'] ?? 'h2'; $bio_title_value = $this->settings['bio_title'] ?? ''; if ( 'top' === $this->widget->get_description_position() ) { $bio_about_heading_props_tag = $this->settings['bio_about_tag'] ?? 'h3'; $bio_about_heading_value = $this->settings['bio_about'] ?? ''; $bio_description_value = $this->settings['bio_description'] ?? ''; } $has_bio_about_heading = ! empty( $bio_about_heading_value ); $has_bio_description = ! empty( $bio_description_value ); $has_bio_heading = ! empty( $bio_heading_value ); $has_bio_title = ! empty( $bio_title_value ); if ( $has_bio_heading || $has_bio_title || $has_bio_about_heading || $has_bio_description ) { ?> widget->get_description_position() ) { return; } $bio_about_heading_props_tag = $this->settings['bio_about_tag'] ?? 'h3'; $bio_about_heading_value = $this->settings['bio_about'] ?? ''; $bio_description_value = $this->settings['bio_description'] ?? ''; $has_bio_description = ! empty( $bio_description_value ); $has_bio_about_heading = ! empty( $bio_about_heading_value ); if ( $has_bio_about_heading || $has_bio_description ) { ?> [ 'props' => [], 'should_render' => false, 'value' => $this->settings['identity_image_cover'] ?? [], ], 'primary_image' => [ 'props' => [], 'should_render' => false, 'value' => $this->settings['identity_image'] ?? [], ], ]; $output_images['primary_image']['should_render'] = ! empty( $output_images['primary_image']['value'] ) && ( ! empty( $output_images['primary_image']['value']['url'] || ! empty( $output_images['primary_image']['value']['id'] ) ) ); $output_images['secondary_image']['should_render'] = ! empty( $output_images['secondary_image']['value'] ) && ( ! empty( $output_images['secondary_image']['value']['url'] || ! empty( $output_images['secondary_image']['value']['id'] ) ) ); if ( ! $output_images['primary_image']['should_render'] && ! $output_images['secondary_image']['should_render'] ) { return; } $output_images = $this->set_primary_image_properties( $output_images ); $output_images = $this->set_secondary_image_properties( $output_images ); ?> settings['advanced_layout_full_screen_height'] ?? ''; $layout_props_full_height_controls = $this->settings['advanced_layout_full_screen_height_controls'] ?? ''; $layout_props_full_width = $this->settings['advanced_layout_full_width_custom'] ?? ''; $layout_props_show_border = $this->settings['background_show_border'] ?? ''; $custom_classes = $this->settings['advanced_custom_css_classes'] ?? ''; $layout_classnames = 'e-link-in-bio e-' . $this->widget->get_name(); if ( 'yes' === $layout_props_show_border ) { $layout_classnames .= ' has-border'; } if ( 'yes' === $layout_props_full_width ) { $layout_classnames .= ' is-full-width'; } if ( 'yes' === $layout_props_full_height ) { $layout_classnames .= ' is-full-height'; } if ( ! empty( $layout_props_full_height_controls ) ) { foreach ( $layout_props_full_height_controls as $breakpoint ) { $layout_classnames .= ' is-full-height-' . $breakpoint; } } if ( $custom_classes ) { $layout_classnames .= ' ' . $custom_classes; } $attrs = [ 'class' => $layout_classnames, ]; if ( ! empty( $this->settings['advanced_custom_css_id'] ) ) { $attrs['id'] = $this->settings['advanced_custom_css_id']; } $this->widget->add_render_attribute( 'layout', $attrs ); } private function set_primary_image_properties( array $output_images ): array { if ( $output_images['primary_image']['should_render'] ) { $output_images['primary_image']['props']['shape'] = $this->settings['identity_image_shape'] ?? 'circle'; $output_images['primary_image']['props']['style'] = $this->settings['identity_image_style'] ?? 'profile'; $output_images['primary_image']['props']['show_border'] = $this->settings['identity_image_show_border'] ?? false; $output_images['primary_image']['props']['show_bottom_border'] = $this->settings['identity_image_bottom_show_border'] ?? false; } return $output_images; } private function set_secondary_image_properties( array $output_images ): array { if ( $output_images['secondary_image']['should_render'] ) { $output_images['secondary_image']['props']['style'] = 'cover'; $output_images['secondary_image']['props']['show_bottom_border'] = $this->settings['identity_image_bottom_show_border'] ?? false; if ( ! empty( $this->settings['identity_section_style_cover_divider_bottom'] ) ) { $output_images['secondary_image']['props']['has_shape_divider'] = true; // Remove border if a shaped divider is applied $output_images['secondary_image']['props']['show_bottom_border'] = false; } $output_images['primary_image']['props']['style'] = 'profile'; } return $output_images; } }