Grid Column Responsive. */ final class Grid_Column_Responsive { public static function output( $settings, $value ) { if ( function_exists( '\wpex_grid_columns' ) ) { $medias = [ 'tl' => [ 'label' => esc_html__( 'Tablet Landscape', 'total-theme-core' ), 'breakpoint' => '1024px', ], 'tp' => [ 'label' => esc_html__( 'Tablet Portrait', 'total-theme-core' ), 'breakpoint' => '959px', ], 'pl' => [ 'label' => esc_html__( 'Phone Landscape', 'total-theme-core' ), 'breakpoint' => '767px', ], 'pp' => [ 'label' => esc_html__( 'Phone Portrait', 'total-theme-core' ), 'breakpoint' => '479px', ], ]; $defaults = []; foreach ( $medias as $key => $val ) { $defaults[ $key ] = ''; } $field_values = vcex_parse_multi_attribute( $value, $defaults ); $output = '

'; $grid_options = wpex_grid_columns(); foreach ( $medias as $media_key => $media_val ) { $field_value = $field_values[ $media_key ] ?? ''; $output .= '

'; $output .= '

'; $output .= esc_attr( $media_val['label'] ); $output .= '(max-width: ' . esc_html( $media_val['breakpoint'] ) . ')'; $output .= '

'; $output .= ''; $output .= '

'; } // Add hidden field $output .= ''; // Close wrapper $output .= '

'; } else { $output = vcex_total_exclusive_notice(); $output .= ''; } return $output; } }