$v ) { if ( is_array( $v ) && isset( $v['site'] ) ) { $sites_array[] = $v['site']; } } if ( in_array( 'twitter', $sites_array, true ) && in_array( 'x-twitter', $sites_array, true ) ) { $twitter_key = array_search( 'twitter', $sites_array ); if ( false !== $twitter_key ) { unset( $sites_array[ $twitter_key ] ); } } $is_custom = vcex_validate_att_boolean( 'is_custom', $atts ); $use_modal = vcex_validate_att_boolean( 'modal', $atts ); $wrap_class = [ 'vcex-social-share', 'vcex-module', ]; if ( ! empty( $atts['bottom_margin'] ) ) { $wrap_class[] = vcex_parse_margin_class( $atts['bottom_margin'], 'bottom' ); } if ( ! empty( $atts['css_animation'] ) ) { $wrap_class[] = vcex_get_css_animation( $atts['css_animation'] ); } if ( ! empty( $atts['visibility'] ) ) { $wrap_class[] = vcex_parse_visibility_class( $atts['visibility'] ); } if ( ! empty( $atts['el_class'] ) ) { $wrap_class[] = vcex_get_extra_class( $atts['el_class'] ); } $wrap_class = vcex_parse_shortcode_classes( $wrap_class, 'vcex_social_share', $atts ); // Modal Popup. if ( $use_modal ) { $modal_id = uniqid( 'wpex-modal-' ); $modal_button_type = ! empty( $atts['modal_button_type'] ) ? esc_html( $atts['modal_button_type'] ) : 'icon_text'; $modal_button_text = ! empty( $atts['modal_button_text'] ) ? esc_html( $atts['modal_button_text'] ) : esc_html__( 'Share', 'total-theme-core' ); if ( 'icon' === $modal_button_type ) { $modal_button_html = '' . $modal_button_text . ''; } else { $modal_button_html = '' . $modal_button_text . ''; } if ( 'icon' === $modal_button_type || 'icon_text' === $modal_button_type ) { if ( isset( $atts['modal_button_svg'] ) && 'arrow' === $atts['modal_button_svg'] ) { $modal_button_icon_svg = ''; } else { $modal_button_icon_svg = ''; } // @todo update to use vcex_get_theme_icon_html() $modal_button_icon = ''; $modal_button_html = $modal_button_icon . $modal_button_html; } // Modal Button. $modal_button_class = 'vcex-social-share-modal-trigger wpex-inline-flex wpex-items-center wpex-gap-5 wpex-open-modal'; if ( vcex_has_classic_styles() ) { $modal_button_class .= ' wpex-text-md'; } if ( isset( $atts['modal_button_style'] ) && 'theme' === $atts['modal_button_style'] ) { $modal_button_class .= ' theme-button'; } else { $modal_button_class .= ' wpex-unstyled-button'; } $modal_button_icon_placement = $atts['modal_button_icon_placement'] ?? 'right'; if ( 'icon_text' === $modal_button_type && 'left' !== $modal_button_icon_placement ) { $modal_button_class .= ' wpex-flex-row-reverse'; } $modal_open_html = ''; // Open dialog element. $modal_max_width = ! empty( $atts['modal_max_width'] ) ? $atts['modal_max_width'] : '500px'; if ( is_numeric( $modal_max_width ) ) { $modal_max_width = "{$modal_max_width}px"; } $modal_open_html .= ''; } // Custom Design. if ( $is_custom ) { wp_enqueue_script( 'wpex-social-share' ); $expand_buttons = vcex_validate_att_boolean( 'expand', $atts ); $social_items = wpex_social_share_items(); $has_labels = vcex_validate_att_boolean( 'has_labels', $atts ); if ( ! empty( $atts['button_border_radius'] ) ) { $border_radius_class = vcex_parse_border_radius_class( $atts['button_border_radius'] ); } else { $border_radius_class = $has_labels ? 'wpex-rounded-sm' : 'wpex-rounded-full'; } $buttons_class = [ 'vcex-social-share__buttons', ]; $buttons_class[] = 'wpex-flex'; if ( $expand_buttons ) { $buttons_class[] = 'wpex-overflow-x-auto'; $buttons_class[] = 'wpex-hide-scrollbar'; } else { $buttons_class[] = 'wpex-flex-wrap'; if ( ! empty( $atts['align'] ) && 'none' !== $atts['align'] ) { $buttons_class[] = vcex_parse_justify_content_class( $atts['align'] ); } } $buttons_class[] = 'wpex-gap-5'; ?>
>'; // Loop through and display social links foreach ( $sites_array as $social_site ) { if ( ! array_key_exists( $social_site, $social_items ) ) { continue; } if ( isset( $social_items[ $social_site ]['icon_class'] ) ) { $icon = vcex_get_theme_icon_html( $social_items[ $social_site ]['icon_class'], 'vcex-social-share__icon' ); } else { $icon = vcex_get_theme_icon_html( $social_items[ $social_site ]['icon'] ?? $social_site, 'vcex-social-share__icon' ); } if ( $icon ) { $button_class = [ 'vcex-social-share__button', "vcex-social-share__button--{$social_site}", $border_radius_class, 'wpex-' . sanitize_html_class( $social_site ), 'wpex-social-btn', 'wpex-social-bg', 'wpex-gap-10', ]; if ( $has_labels ) { $button_class[] = 'wpex-w-auto'; // $button_class[] = 'wpex-h-auto'; // deprecated when switching to flex styles - why? $button_class[] = 'wpex-py-5'; $button_class[] = 'wpex-px-15'; } if ( $expand_buttons ) { $button_class[] = 'wpex-flex-grow'; } if ( ! empty( $atts['button_font_weight'] ) ) { $button_class[] = vcex_parse_font_weight_class( $atts['button_font_weight'] ); } if ( ! empty( $atts['button_bg_hover'] ) || ! empty( $atts['button_color_hover'] ) ) { $button_class[] = 'wpex-hover-opacity-100'; } $button_aria_label = ! empty( $social_items[ $social_site ]['reader_text'] ) ? $social_items[ $social_site ]['reader_text'] : $social_site; echo ''; } } echo '
'; // close vcex-social-share__buttons if ( $use_modal ) { // @codingStandardsIgnoreLine echo $modal_close_html; } ?> 'horizontal', 'instance' => 'vcex_social_share', ]; if ( ! empty( $atts['style'] ) ) { $args['style'] = $atts['style']; } if ( ! empty( $atts['align'] ) ) { $args['align'] = $atts['align']; } ?>
>
>