474 lines
17 KiB
PHP
474 lines
17 KiB
PHP
<?php
|
|
/*
|
|
* Team Section
|
|
* Author: EM40
|
|
* Author URI: http://raytheme.com
|
|
* Version: 1.0
|
|
*/
|
|
|
|
/**
|
|
* =======================================================
|
|
* KC Shortcode Map
|
|
* =======================================================
|
|
*/
|
|
|
|
add_action('init', 'em_service_box');
|
|
if(!function_exists('em_service_box')):
|
|
function em_service_box(){
|
|
if(function_exists('kc_add_map')):
|
|
kc_add_map(
|
|
array(
|
|
'em_service_box' => array(
|
|
'name' => __( 'EM service Box', 'cyber' ),
|
|
'title' => 'service Settings',
|
|
'icon' => 'kc-icon-feature-box',
|
|
'category' => 'cyber',
|
|
'wrapper_class' => 'clearfix',
|
|
'description' => __( 'Display Service style.', 'cyber' ),
|
|
'params' => array(
|
|
'general' => array(
|
|
array(
|
|
'type' => 'radio_image',
|
|
'label' => __( 'Select blog Style', 'cyber' ),
|
|
'name' => 'layout',
|
|
'admin_label' => true,
|
|
'options' => array(
|
|
'1' => EM40_EXTENSION_URI . 'asstes/images/blog/layout1.jpg',
|
|
'2' => EM40_EXTENSION_URI . 'asstes/images/blog/layout2.jpg',
|
|
'3' => EM40_EXTENSION_URI . 'asstes/images/blog/layout3.jpg',
|
|
'4' => EM40_EXTENSION_URI . 'asstes/images/blog/layout4.jpg',
|
|
'5' => EM40_EXTENSION_URI . 'asstes/images/blog/layout4.jpg',
|
|
'6' => EM40_EXTENSION_URI . 'asstes/images/blog/layout4.jpg',
|
|
),
|
|
'description' => __( 'When select style 2 that time, set column and set gutter not work', 'cyber' ),
|
|
'value' => '1'
|
|
),
|
|
array(
|
|
'name' => 'icon',
|
|
'label' => __( 'Select Icon', 'cyber' ),
|
|
'type' => 'icon_picker',
|
|
'description' => __( 'Select icon display in box', 'cyber' ),
|
|
'value' => 'sl-rocket',
|
|
),
|
|
array(
|
|
'name' => 'siconealign',
|
|
'label' => __( 'Icon position', 'cyber' ),
|
|
'type' => 'select',
|
|
'options' => array(
|
|
'sleft' => __( 'Icon Left', 'cyber' ),
|
|
'sright' => __( 'Icon Right', 'cyber' ),
|
|
'smiddle' => __( 'Icon Middle', 'cyber' ),
|
|
),
|
|
'value' => 'smiddle',
|
|
'relation' => array(
|
|
'parent' => 'layout',
|
|
'show_when' => array( '1' )
|
|
)
|
|
),
|
|
array(
|
|
'type' => 'text',
|
|
'name' => 'title',
|
|
'label' => __( 'Name', 'cyber' ),
|
|
'value' => 'Your Service Name',
|
|
'admin_label' => true
|
|
),
|
|
array(
|
|
'type' => 'text',
|
|
'name' => 'numeric_title',
|
|
'label' => __( 'Enter Of Number', 'cyber' ),
|
|
'value' => '01',
|
|
'admin_label' => true
|
|
),
|
|
array(
|
|
'type' => 'textarea',
|
|
'name' => 'desc',
|
|
'label' => __( 'Description', 'cyber' ),
|
|
'value' => base64_encode('Lorem ipsum dolor sit amet, consec anglse sicing elite sombar, sed do incididunt ut labore')
|
|
),
|
|
array(
|
|
'name' => 'my_text',
|
|
'label' => 'Service Feature',
|
|
'type' => 'editor', // USAGE TEXTAREA_HTML TYPE
|
|
'value' => base64_encode( 'DEFAULT-CONTENT' ), // remove this if you do not need a default content
|
|
'description' => 'Type Service Feature Here',
|
|
'relation' => array(
|
|
'parent' => 'layout',
|
|
'show_when' => array( '5')
|
|
)
|
|
),
|
|
|
|
array(
|
|
'name' => 'show_button',
|
|
'label' => __( 'Display Button', 'cyber' ),
|
|
'type' => 'toggle',
|
|
'value' => 'yes',
|
|
),
|
|
|
|
array(
|
|
'name' => 'button_text',
|
|
'label' => __( 'Text Button', 'cyber' ),
|
|
'type' => 'text',
|
|
'value' => __( 'Read More', 'cyber' ),
|
|
'relation' => array(
|
|
'parent' => 'show_button',
|
|
'show_when' => 'yes'
|
|
)
|
|
),
|
|
array(
|
|
'name' => 'button_link',
|
|
'label' => __( 'Link Button', 'cyber' ),
|
|
'type' => 'link',
|
|
'value' => '#',
|
|
'relation' => array(
|
|
'parent' => 'show_button',
|
|
'show_when' => 'yes'
|
|
)
|
|
),
|
|
|
|
array(
|
|
'name' => 'image',
|
|
'label' => __( 'Avatar Image', 'cyber' ),
|
|
'type' => 'attach_image',
|
|
'relation' => array(
|
|
'parent' => 'layout',
|
|
'show_when' => array( '4' )
|
|
)
|
|
),
|
|
array(
|
|
'type' => 'text',
|
|
'label' => __( 'Image Size', 'cyber' ),
|
|
'name' => 'img_size',
|
|
'value' => 'full',
|
|
'description' => __(' Set the image size: "full", "thumbnail", "medium", "large" or other size ', 'cyber'),
|
|
'relation' => array(
|
|
'parent' => 'layout',
|
|
'show_when' => array( '4' )
|
|
)
|
|
|
|
),
|
|
|
|
array(
|
|
'type' => 'text',
|
|
'label' => __( 'Custom class', 'cyber' ),
|
|
'name' => 'custom_class',
|
|
'description' => __( 'Enter extra custom class', 'cyber' )
|
|
)
|
|
|
|
),
|
|
|
|
'styling' => array(
|
|
array(
|
|
'name' => 'css_custom',
|
|
'type' => 'css',
|
|
'options' => array(
|
|
array(
|
|
"screens" => "any,1024,999,767,479",
|
|
'Title' => array(
|
|
array('property' => 'color', 'label' => 'Color', 'selector' => '.em-service-title h2'),
|
|
array('property' => 'color', 'label' => 'Hover Color', 'selector' => '.em-service-title h2:hover'),
|
|
array('property' => 'font-family', 'label' => 'Font Family', 'selector' => '.em-service-title h2'),
|
|
array('property' => 'font-size', 'label' => 'Font Size', 'selector' => '.em-service-title h2'),
|
|
array('property' => 'line-height', 'label' => 'Line Height', 'selector' => '.em-service-title h2'),
|
|
array('property' => 'font-weight', 'label' => 'Font Weight', 'selector' => '.em-service-title h2'),
|
|
array('property' => 'text-transform', 'label' => 'Text Transform', 'selector' => '.em-service-title h2'),
|
|
array('property' => 'margin', 'label' => 'Margin', 'selector' => '.em-service-title h2'),
|
|
array('property' => 'padding', 'label' => 'Padding', 'selector' => '.em-service-title h2'),
|
|
),
|
|
'Desc' => array(
|
|
array('property' => 'color', 'label' => 'Color', 'selector' => '.em-service-desc'),
|
|
array('property' => 'font-family', 'label' => 'Font Family', 'selector' => '.em-service-desc'),
|
|
array('property' => 'font-size', 'label' => 'Font Size', 'selector' => '.em-service-desc'),
|
|
array('property' => 'line-height', 'label' => 'Line Height', 'selector' => '.em-service-desc'),
|
|
array('property' => 'font-weight', 'label' => 'Font Weight', 'selector' => '.em-service-desc'),
|
|
array('property' => 'text-transform', 'label' => 'Text Transform', 'selector' => '.em-service-desc'),
|
|
array('property' => 'padding', 'label' => 'Padding', 'selector' => '.em-service-desc'),
|
|
array('property' => 'margin', 'label' => 'Margin', 'selector' => '.em-service-desc'),
|
|
),
|
|
'Icon' => array(
|
|
array('property' => 'color', 'label' => 'Color', 'selector' => '.em-service-icon i'),
|
|
array('property' => 'color', 'label' => 'Hover Color', 'selector' => '+:hover .em-service-icon i'),
|
|
array('property' => 'background-color', 'label' => 'Background Color', 'selector' => '.em-service-icon i'),
|
|
array('property' => 'background-color', 'label' => 'BG Color Hover', 'selector' => '+:hover .em-service-icon i'),
|
|
array('property' => 'font-size', 'label' => 'Font Size', 'selector' => '.em-service-icon i'),
|
|
array('property' => 'height', 'label' => 'Height', 'selector' => '.em-service-icon i'),
|
|
array('property' => 'width', 'label' => 'Width', 'selector' => '.em-service-icon i'),
|
|
array('property' => 'line-height', 'label' => 'Line Height', 'selector' => '.em-service-icon i'),
|
|
array('property' => 'border', 'label' => 'Border', 'selector' => '.content-icon i'),
|
|
array('property' => 'border-color', 'label' => 'Hover Border', 'selector' => '+:hover .em-service-icon i'),
|
|
array('property' => 'border-radius', 'label' => 'Border Radius', 'selector' => '.em-service-icon i'),
|
|
array('property' => 'border-radius', 'label' => 'Border Radius Hover', 'selector' => '+:hover .em-service-icon i'),
|
|
array('property' => 'padding', 'label' => 'Padding', 'selector' => '.em-service-icon i'),
|
|
array('property' => 'margin', 'label' => 'Margin', 'selector' => '.em-service-icon i')
|
|
),
|
|
'Button' => array(
|
|
array('property' => 'color', 'label' => 'Button Color', 'selector' => '.service-btn > a'),
|
|
array('property' => 'color', 'label' => 'Button Hover Color', 'selector' => '.service-btn > a:hover'),
|
|
array('property' => 'background-color', 'label' => 'Button BG Color', 'selector' => '.service-btn > a'),
|
|
array('property' => 'background-color', 'label' => 'Button BG Hover Color', 'selector' => '.service-btn > a:hover'),
|
|
array('property' => 'font-family', 'label' => 'Font Family', 'selector' => '.service-btn > a'),
|
|
array('property' => 'font-size', 'label' => 'Font Size', 'selector' => '.service-btn > a'),
|
|
array('property' => 'line-height', 'label' => 'Line Height', 'selector' => '.service-btn > a'),
|
|
array('property' => 'font-weight', 'label' => 'Font Weight', 'selector' => '.service-btn > a'),
|
|
array('property' => 'text-transform', 'label' => 'Text Transform', 'selector' => '.service-btn > a'),
|
|
array('property' => 'border', 'label' => 'Button Border', 'selector' => '.service-btn > a'),
|
|
array('property' => 'border-color', 'label' => 'Button Border Color Hover', 'selector' => '.service-btn > a:hover'),
|
|
array('property' => 'border-radius', 'label' => 'Border Radius', 'selector' => '.service-btn > a'),
|
|
array('property' => 'margin', 'label' => 'Margin', 'selector' => '.service-btn > a'),
|
|
array('property' => 'padding', 'label' => 'Padding', 'selector' => '.service-btn > a')
|
|
),
|
|
'Box' => array(
|
|
array('property' => 'background'),
|
|
array('property' => 'background-color', 'label' => 'BG Color Hover', 'selector' => '+:hover'),
|
|
array('property' => 'background-color', 'label' => 'BG Color Hover Style 3', 'selector' => '+:hover .em-service-inner'),
|
|
array('property' => 'text-align', 'label' => 'Box Text Align'),
|
|
array('property' => 'border', 'label' => 'Border'),
|
|
array('property' => 'border-color', 'label' => 'Border Color Hover', 'selector' => '+.em-service:hover'),
|
|
array('property' => 'display', 'label' => 'Display'),
|
|
array('property' => 'border-radius', 'label' => 'Border Radius'),
|
|
array('property' => 'box-shadow', 'label' => 'Box Shadow', 'selector' => '+.em-service'),
|
|
array('property' => 'box-shadow', 'label' => 'Box Shadow Hover', 'selector' => '+.em-service:hover'),
|
|
array('property' => 'margin', 'label' => 'Margin'),
|
|
array('property' => 'padding', 'label' => 'Padding'),
|
|
array('property' => 'margin', 'label' => 'Position Hover', 'selector' => '+.em-service:hover')
|
|
)
|
|
)
|
|
)
|
|
)
|
|
),
|
|
'animate' => array(
|
|
array(
|
|
'name' => 'animate',
|
|
'type' => 'animate'
|
|
)
|
|
),
|
|
)
|
|
),
|
|
|
|
|
|
|
|
)// first array
|
|
); // End add map
|
|
endif;
|
|
}
|
|
endif;
|
|
|
|
|
|
/**
|
|
* =======================================================
|
|
* Register Shortcode team section
|
|
* =======================================================
|
|
*/
|
|
// [em_service_box title="" desc="" icon=""]
|
|
if(!function_exists('em_service_box_shortcode')){
|
|
function em_service_box_shortcode($atts,$content){
|
|
ob_start();
|
|
$em_service_box = shortcode_atts(array(
|
|
'layout' => '1',
|
|
'siconealign' => '1',
|
|
'icon' => '',
|
|
'title' => '',
|
|
'desc' => '',
|
|
'my_text' => '',
|
|
'numeric_title' => '',
|
|
'show_button' => '',
|
|
'button_text' => '',
|
|
'button_link' => '',
|
|
'image' => '',
|
|
'custom_css' => '',
|
|
'custom_class' => '',
|
|
),$atts);
|
|
extract( $em_service_box );
|
|
//custom class
|
|
$wrap_class = apply_filters( 'kc-el-class', $atts );
|
|
if( !empty( $custom_class ) ):
|
|
$wrap_class[] = $custom_class;
|
|
endif;
|
|
$extra_class = implode( ' ', $wrap_class );
|
|
|
|
$data_title=$data_desc=$data_my_text=$data_numeric_title=$data_button=$data_img=$img_size=$img_link="";
|
|
$size_array = array('full', 'medium', 'large', 'thumbnail');
|
|
|
|
if ( !empty( $title ) ) {
|
|
|
|
$data_title .= '<div class="em-service-title"><h2>';
|
|
$data_title .= $title;
|
|
$data_title .= '</h2></div>';
|
|
|
|
}
|
|
|
|
if ( !empty( $desc ) ) {
|
|
|
|
$data_desc .= '<div class="em-service-desc"><p>';
|
|
$data_desc .= $desc;
|
|
$data_desc .= '</p></div>';
|
|
|
|
}
|
|
if ( !empty( $my_text ) ) {
|
|
|
|
$data_my_text .= '<div class="em-service-feature">';
|
|
$data_my_text .= $my_text;
|
|
$data_my_text .= '</div>';
|
|
|
|
}
|
|
if ( !empty( $numeric_title ) ) {
|
|
|
|
$data_numeric_title .= '<div class="em-service-number"><span>';
|
|
$data_numeric_title .= $numeric_title;
|
|
$data_numeric_title .= '</span></div>';
|
|
|
|
}
|
|
if ( $show_button == 'yes' ) {
|
|
|
|
if ( !empty( $button_link ) ) {
|
|
$button_link_text = explode( '|', $button_link );
|
|
$button_link = $button_link_text[0];
|
|
}
|
|
|
|
if( empty($button_text) )
|
|
$button_text = __( '', 'cyber' );
|
|
|
|
$data_button .= '<div class="service-btn">';
|
|
$data_button .= '<a href="'. $button_link .'">'. $button_text .'<i class="fa fa-angle-right"></i></a>';
|
|
$data_button .= '</div>';
|
|
|
|
}
|
|
|
|
if ( !empty( $image ) ) {
|
|
|
|
if( in_array( $img_size, $size_array ) ){
|
|
$image_data = wp_get_attachment_image_src( $image, $img_size );
|
|
$img_link = $image_data[0];
|
|
}else{
|
|
$image_full_width = wp_get_attachment_image_src( $image, 'full' );
|
|
$img_link = kc_tools::createImageSize( $image_full_width[0], $img_size );
|
|
}
|
|
|
|
}
|
|
|
|
?>
|
|
|
|
<?php
|
|
switch ( $layout ) {
|
|
|
|
case '6':
|
|
?>
|
|
<div class="em-service service-style-six <?php echo esc_attr( $extra_class ); ?>">
|
|
<?php if( !empty( $icon ) ){ ?>
|
|
<div class="em-service-icon">
|
|
<i class="<?php echo esc_attr( $icon ); ?>"></i>
|
|
</div>
|
|
<?php } ?>
|
|
<div class="em_service_content">
|
|
<?php echo $data_title; ?>
|
|
<?php echo $data_desc; ?>
|
|
<?php echo $data_button;?>
|
|
</div>
|
|
</div>
|
|
<?php
|
|
break;
|
|
case '5':
|
|
?>
|
|
<div class="em-service service-style-five <?php echo esc_attr( $extra_class ); ?>">
|
|
<?php if( !empty( $icon ) ){ ?>
|
|
<div class="em-service-icon">
|
|
<i class="<?php echo esc_attr( $icon ); ?>"></i>
|
|
</div>
|
|
<?php } ?>
|
|
<div class="em_service_content">
|
|
<?php echo $data_title; ?>
|
|
<?php echo $data_desc; ?>
|
|
<?php echo $data_my_text; ?>
|
|
<?php echo $data_button;?>
|
|
<?php echo $data_numeric_title;?>
|
|
</div>
|
|
</div>
|
|
<?php
|
|
break;
|
|
case '2':
|
|
?>
|
|
<div class="em-service service-style-two <?php echo esc_attr( $extra_class ); ?>">
|
|
|
|
<?php if( !empty( $icon ) ){ ?>
|
|
<div class="em-service-icon">
|
|
<?php echo $data_numeric_title;?>
|
|
<i class="<?php echo esc_attr( $icon ); ?>"></i>
|
|
</div>
|
|
<?php } ?>
|
|
<div class="em_service_content">
|
|
<?php echo $data_title; ?>
|
|
<?php echo $data_desc; ?>
|
|
<?php echo $data_button;?>
|
|
</div>
|
|
</div>
|
|
<?php
|
|
break;
|
|
|
|
case '4':
|
|
?>
|
|
<div class="em-service style_4 <?php echo esc_attr( $extra_class ); ?>">
|
|
<div class="em-service-thumb">
|
|
<img src="<?php echo $img_link; ?>" alt="">
|
|
</div>
|
|
<div class="em_service_content">
|
|
<div class="em_single_service_text">
|
|
<div class="service_top_text">
|
|
<?php echo $data_title; ?>
|
|
</div>
|
|
<div class="em-service-inner">
|
|
<?php echo $data_desc; ?>
|
|
</div>
|
|
<?php echo $data_button;?>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<?php
|
|
break;
|
|
|
|
case '3':
|
|
?>
|
|
<div class="em-service service-style-three <?php echo esc_attr( $extra_class ); ?>">
|
|
<?php if( !empty( $icon ) ){ ?>
|
|
<div class="em-service-icon">
|
|
<i class="<?php echo esc_attr( $icon ); ?>"></i>
|
|
</div>
|
|
<?php } ?>
|
|
<div class="em_service_content">
|
|
<?php echo $data_title; ?>
|
|
<?php echo $data_desc; ?>
|
|
<?php echo $data_button;?>
|
|
</div>
|
|
</div>
|
|
|
|
<?php
|
|
break;
|
|
default:
|
|
?>
|
|
|
|
|
|
<div class="em-service2 <?php echo esc_attr( $siconealign ); ?> <?php echo esc_attr( $extra_class ); ?>">
|
|
<div class="em_service_content ">
|
|
<div class="em_single_service_text">
|
|
<div class="service_top_text">
|
|
<?php if( !empty( $icon ) ){ ?>
|
|
<div class="em-service-icon">
|
|
<i class="<?php echo esc_attr( $icon ); ?>"></i>
|
|
</div>
|
|
<?php } ?>
|
|
|
|
</div>
|
|
<div class="em-service-inner">
|
|
<?php echo $data_title; ?>
|
|
<?php echo $data_desc; ?>
|
|
<?php echo $data_button;?>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<?php
|
|
break;
|
|
}
|
|
return ob_get_clean();
|
|
}
|
|
add_shortcode('em_service_box' ,'em_service_box_shortcode');
|
|
}
|