vcex_get_unique_id( $unique_id ), 'class' => $class ); /*-----------------------------------------------------*/ /* [ Begin output ] /*-----------------------------------------------------*/ if ( $css_animation && 'none' !== $css_animation ) { $animation_classes = array( trim( vcex_get_css_animation( $css_animation ) ) ); if ( $visibility ) { $animation_classes[] = sanitize_html_class( $visibility ); } $output .= '

'; } $output .= ''; /*-----------------------------------------------------*/ /* [ Plan ] /*-----------------------------------------------------*/ if ( $plan ) { $plan_class = array( 'vcex-pricing-plan', 'vcex-pricing-header', // legacy class pre v5 ); switch ( $style ) { case 'alt-1': $plan_class[] = 'wpex-font-medium'; $plan_class[] = 'wpex-text-3xl'; $plan_class[] = 'wpex-text-gray-900'; break; case 'alt-2'; $plan_class[] = 'wpex-font-bold'; $plan_class[] = 'wpex-text-2xl'; $plan_class[] = 'wpex-text-gray-900'; $plan_class[] = 'wpex-border-b-3'; $plan_class[] = 'wpex-border-solid'; $plan_class[] = 'wpex-border-accent'; $plan_class[] = 'wpex-mb-10'; $plan_class[] = 'wpex-pb-10'; break; case 'alt-3': break; case 'default': if ( $is_featured ) { $plan_class[] = 'wpex-bg-accent'; $plan_class[] = 'wpex-text-white'; $plan_class[] = 'wpex-border-transparent'; } else { $plan_class[] = 'wpex-bg-gray-200'; $plan_class[] = 'wpex-text-gray-800'; $plan_class[] = 'wpex-border-gray-300'; } $plan_class[] = 'wpex-border'; $plan_class[] = 'wpex-border-solid'; $plan_class[] = 'wpex-py-15'; $plan_class[] = 'wpex-px-20'; $plan_class[] = 'wpex-text-center'; $plan_class[] = 'wpex-uppercase'; $plan_class[] = 'wpex-font-semibold'; break; } $plan_class = apply_filters( 'vcex_pricing_plan_class', $plan_class, $atts ); $plan_style = vcex_inline_style( array( 'margin' => $plan_margin, 'padding' => $plan_padding, 'background' => $plan_background, 'color' => $plan_color, 'font_size' => $plan_size, 'font_weight' => $plan_weight, 'letter_spacing' => $plan_letter_spacing, 'border' => $plan_border, 'text_transform' => $plan_text_transform, 'font_family' => $plan_font_family, ), false ); vcex_enqueue_font( $plan_font_family ); $plan_attrs = array( 'class' => $plan_class, 'style' => $plan_style, ); if ( $responsive_data = vcex_get_module_responsive_data( $plan_size, 'font_size' ) ) { $plan_attrs['data-wpex-rcss'] = $responsive_data; } $output .= ''; $output .= wp_kses_post( do_shortcode( $plan ) ); $output .= '

'; } /*-----------------------------------------------------*/ /* [ Cost ] /*-----------------------------------------------------*/ if ( $cost ) { $cost_class = array( 'vcex-pricing-cost', ); switch ( $style ) { case 'alt-1': $cost_class[] = 'wpex-text-accent'; $cost_class[] = 'wpex-text-2xl'; $cost_class[] = 'wpex-font-medium'; $cost_class[] = 'wpex-mt-5'; $cost_class[] = 'wpex-mb-20'; $cost_class[] = 'wpex-leading-normal'; break; case 'alt-2': $cost_class[] = 'wpex-text-2xl'; $cost_class[] = 'wpex-text-gray-900'; $cost_class[] = 'wpex-font-medium'; $cost_class[] = 'wpex-border-b'; $cost_class[] = 'wpex-border-solid'; $cost_class[] = 'wpex-border-gray-200'; $cost_class[] = 'wpex-mb-20'; $cost_class[] = 'wpex-pb-30'; break; case 'alt-3': $cost_class[] = 'wpex-text-5xl'; $cost_class[] = 'wpex-font-bold'; if ( ! $is_featured ) { $cost_class[] = 'wpex-text-gray-900'; } break; case 'default': $cost_class[] = 'wpex-bg-gray-100'; $cost_class[] = 'wpex-p-20'; $cost_class[] = 'wpex-border-x'; $cost_class[] = 'wpex-border-solid'; $cost_class[] = 'wpex-border-gray-300'; $cost_class[] = 'wpex-text-center'; break; } $cost_class = apply_filters( 'vcex_pricing_cost_class', $cost_class, $atts ); $cost_style = vcex_inline_style( array( 'background' => $cost_background, 'padding' => $cost_padding, 'border' => $cost_border, 'font_family' => $cost_font_family, ) ); vcex_enqueue_font( $cost_font_family ); $cost_attrs = array( 'class' => $cost_class, 'style' => $cost_style, ); $output .= ''; /*-----------------------------------------------------*/ /* [ Amount ] /*-----------------------------------------------------*/ $amount_class = array( 'vcex-pricing-ammount', ); //@todo fix typo switch ( $style ) { case 'default': $amount_class[] = 'wpex-text-6xl'; $amount_class[] = 'wpex-leading-tight'; $amount_class[] = 'wpex-font-light'; break; } $amount_class = apply_filters( 'vcex_pricing_amount_class', $amount_class, $atts ); $amount_style = vcex_inline_style( array( 'color' => $cost_color, 'font_size' => $cost_size, 'font_weight' => $cost_weight, ), false ); $amount_attrs = array( 'class' => $amount_class, 'style' => $amount_style, ); if ( $responsive_data = vcex_get_module_responsive_data( $cost_size, 'font_size' ) ) { $amount_attrs['data-wpex-rcss'] = $responsive_data; } $output .= ''; $output .= do_shortcode( wp_kses_post( $cost ) ); $output .= ''; /*-----------------------------------------------------*/ /* [ Per ] /*-----------------------------------------------------*/ $per_class = array( 'vcex-pricing-per', ); switch ( $style ) { case 'default': $per_class[] = 'wpex-text-sm'; $per_class[] = 'wpex-text-gray-500'; $per_class[] = 'wpex-leading-none'; break; case 'alt-2': $per_class[] = 'wpex-text-xs'; $per_class[] = 'wpex-font-normal'; $per_class[] = 'wpex-text-gray-500'; $per_class[] = 'wpex-ml-5'; break; case 'alt-3': $per_class[] = 'wpex-text-xs'; break; } if ( 'block' === $per_display ) { $per_class[] = 'wpex-mt-10'; } $per_class = apply_filters( 'vcex_pricing_per_class', $per_class, $atts ); if ( $per ) { $per_style = vcex_inline_style( array( 'display' => $per_display, 'font_size' => $per_size, 'color' => $per_color, 'font_weight' => $per_weight, 'text_transform' => $per_transform, 'font_family' => $per_font_family ), false ); vcex_enqueue_font( $per_font_family ); $per_attrs = array( 'class' => $per_class, 'style' => $per_style, ); if ( $responsive_data = vcex_get_module_responsive_data( $per_size, 'font_size' ) ) { $per_attrs['data-wpex-rcss'] = $responsive_data; } $output .= ''; $output .= do_shortcode( wp_kses_post( $per ) ); $output .= ''; } $output .= ''; } /*-----------------------------------------------------*/ /* [ Features ] /*-----------------------------------------------------*/ if ( $content ) { $content_class = array( 'vcex-pricing-content', 'wpex-clr', ); switch ( $style ) { case 'alt-1': $content_class[] = 'wpex-my-20'; break; case 'alt-2': $content_class[] = 'wpex-my-20'; break; case 'alt-3': $content_class[] = 'wpex-my-20'; break; case 'default': $content_class[] = 'wpex-text-center'; $content_class[] = 'wpex-p-20'; $content_class[] = 'wpex-border'; $content_class[] = 'wpex-border-solid'; $content_class[] = 'wpex-border-gray-300'; break; } $content_class = apply_filters( 'vcex_pricing_content_class', $content_class, $atts ); $content_style = vcex_inline_style( array( 'padding' => $features_padding, 'background' => $features_bg, 'border' => $features_border, 'color' => $font_color, 'font_size' => $font_size, 'font_family' => $font_family, 'line_height' => $line_height, ), false ); vcex_enqueue_font( $font_family ); $content_attrs = array( 'class' => $content_class, 'style' => $content_style, ); if ( $responsive_data = vcex_get_module_responsive_data( $font_size, 'font_size' ) ) { $content_attrs['data-wpex-rcss'] = $responsive_data; } $output .= ''; $output .= do_shortcode( wp_kses_post( $content ) ); $output .= ''; } /*-----------------------------------------------------*/ /* [ Button ] /*-----------------------------------------------------*/ if ( $button_url && ! $custom_button ) { $button_url_temp = $button_url; // fallback for old option $button_url = vcex_get_link_data( 'url', $button_url_temp ); } if ( $button_url || $custom_button ) { $button_wrap_class = array( 'vcex-pricing-button', ); switch ( $style ) { case 'alt-1': break; case 'default': $button_wrap_class[] = 'wpex-p-20'; $button_wrap_class[] = 'wpex-border'; $button_wrap_class[] = 'wpex-border-t-0'; $button_wrap_class[] = 'wpex-border-solid'; $button_wrap_class[] = 'wpex-border-gray-300'; $button_wrap_class[] = 'wpex-text-center'; break; } $button_wrap_class = apply_filters( 'vcex_pricing_button_class', $button_wrap_class, $atts ); // Button Wrap Style $button_wrap_style = vcex_inline_style( array( 'padding' => $button_wrap_padding, 'border' => $button_wrap_border, 'background' => $button_wrap_bg, 'font_family' => $button_font_family, ) ); vcex_enqueue_font( $button_font_family ); $button_wrap_args = array( 'class' => $button_wrap_class, 'style' => $button_wrap_style, ); // Extra checks needed due to button_url sanitization // @todo this can be done better... $button_url = $custom_button ? false : $button_url; // Set button url to false if custom_button isn't empty if ( $button_url || $custom_button ) { $output .= ''; if ( $custom_button = vcex_parse_textarea_html( $custom_button ) ) { $output .= do_shortcode( $custom_button ); } elseif ( $button_url ) { if ( ! $button_style_color && 'alt-3' === $style && $is_featured ) { $button_style_color = 'white'; } $button_title = vcex_get_link_data( 'title', $button_url_temp ); $button_target = vcex_get_link_data( 'target', $button_url_temp ); $button_rel = vcex_get_link_data( 'rel', $button_url_temp ); $button_class = array( vcex_get_button_classes( $button_style, $button_style_color ) ); if ( 'default' !== $style ) { $button_class[] = 'wpex-p-10'; $button_class[] = 'wpex-w-100'; $button_class[] = 'wpex-text-center'; } switch ( $style ) { case 'alt-1': $button_class[] = 'wpex-rounded-full'; break; case 'alt-3': $button_class[] = 'wpex-font-bold'; break; } // Define button attributes $button_attrs = array( 'href' => esc_url( do_shortcode( $button_url ) ), 'title' => esc_attr( do_shortcode( $button_title ) ), 'target' => $button_target, 'rel' => $button_rel, 'class' => $button_class ); // Custom Button Classes if ( 'true' == $button_local_scroll ) { $button_attrs['class'][] = 'local-scroll-link'; } if ( $button_transform ) { $button_attrs['class'][] = 'text-transform-' . esc_attr( $button_transform ); } // Button Data attributes $hover_data = array(); if ( $button_hover_bg_color ) { $hover_data['background'] = esc_attr( $button_hover_bg_color ); } if ( $button_hover_color ) { $hover_data['color'] = esc_attr( $button_hover_color ); } if ( $hover_data ) { $button_attrs['data-wpex-hover'] = htmlspecialchars( wp_json_encode( $hover_data ) ); } if ( $button_size && $responsive_data = vcex_get_module_responsive_data( $button_size, 'font_size' ) ) { $button_attrs['data-wpex-rcss'] = $responsive_data; } // Button Style $border_color = ( 'outline' == $button_style ) ? $button_color : ''; $button_style = vcex_inline_style( array( 'background' => $button_bg_color, 'color' => $button_color, 'letter_spacing' => $button_letter_spacing, 'font_size' => $button_size, 'padding' => $button_padding, 'border_radius' => $button_border_radius, 'font_weight' => $button_weight, 'border_color' => $border_color, 'text_transform' => $button_transform, ), false ); // Add parsed button attributes to array $button_attrs['style'] = $button_style; $output .= ''; // Get correct icon classes $button_icon_left = vcex_get_icon_class( $atts, 'button_icon_left' ); $button_icon_right = vcex_get_icon_class( $atts, 'button_icon_right' ); if ( $button_icon_left || $button_icon_right ) { vcex_enqueue_icon_font( $icon_type, $button_icon_left ); vcex_enqueue_icon_font( $icon_type, $button_icon_right ); } /* * Button Icon Left */ if ( $button_icon_left ) { $attrs = array( 'class' => array( 'vcex-icon-wrap', 'theme-button-icon-left', ) ); if ( $button_icon_left_transform ) { $attrs['class'][] = 'wpex-transition-transform wpex-duration-200'; $attrs['data-wpex-hover'] = htmlspecialchars( wp_json_encode( array( 'parent' => '.theme-button', 'transform' => 'translateX(' . vcex_validate_font_size( $button_icon_left_transform ) . ')', ) ) ); } $output .= ''; $output .= ''; $output .= ''; } $output .= do_shortcode( $button_text ); /* * Button Icon Right */ if ( $button_icon_right ) { $attrs = array( 'class' => array( 'vcex-icon-wrap', 'theme-button-icon-right', ), ); if ( $button_icon_right_transform ) { $attrs['class'][] = 'wpex-transition-transform wpex-duration-200'; $attrs['data-wpex-hover'] = htmlspecialchars( wp_json_encode( array( 'parent' => '.theme-button', 'transform' => 'translateX(' . vcex_validate_font_size( $button_icon_right_transform ) . ')', ) ) ); } $output .= ''; $output .= ''; $output .= ''; } $output .= ''; } $output .= ''; } } // End button checks $output .= ''; if ( $css_animation && 'none' !== $css_animation ) { $output .= ''; } // @codingStandardsIgnoreLine echo $output;