We’re Coming Soon
We are working very hard on the new version of our site.
It will bring a lot of new features. Stay tuned!
$theme_color = esc_attr(Softlab_Theme_Helper::get_option('theme-custom-color'));
$defaults = array(
'values' => '',
'icons_pos' => 'left',
'display_inline' => false,
'icon_gap' => '',
'icon_size' => '',
'bg_size' => '',
'border_radius' => '',
'add_box_shadow_element' => false,
'extra_class' => '',
// Colors
'all_custom_colors' => false,
'add_bg' => false,
'all_icon_color' => '#ffffff',
'all_icon_hover_color' => $theme_color,
'all_bg_color' => $theme_color,
'all_bg_hover_color' => '#ffffff',
'all_border_color' => '#ffffff',
'all_border_hover_color' => $theme_color,
// Offsets
'left_margin' => '',
'right_margin' => '',
'left_padding' => '',
'right_padding' => '',
);
$atts = vc_shortcode_attribute_parse($defaults, $atts);
extract($atts);
$output = $content = $social_wrap_classes = $animation_class = $icon_colors = $soc_icon_wrap_id_attr = '';
$id_i = 0; // extra identificator uniqueness
// Adding unique id for social icon module
if ((bool)$all_custom_colors || (bool)$add_bg || (bool)$display_inline) {
$soc_icon_wrap_id = uniqid( "softlab_soc_icon_wrap_" );
$soc_icon_wrap_id_attr = ' id='.$soc_icon_wrap_id;
}
// Custom module styles
ob_start();
if ((bool)$add_bg) {
echo "#$soc_icon_wrap_id a{
background: ".(!empty($all_bg_color) ? esc_attr($all_bg_color) : 'transparent').";
border-color: ".(!empty($all_border_color) ? esc_attr($all_border_color) : 'transparent').";
}";
echo "#$soc_icon_wrap_id a:hover{
background: ".(!empty($all_bg_hover_color) ? esc_attr($all_bg_hover_color) : 'transparent').";
border-color: ".(!empty($all_border_hover_color) ? esc_attr($all_border_hover_color) : $theme_color).";
}";
}
if ((bool)$all_custom_colors) {
echo "#$soc_icon_wrap_id a{
color: ".(!empty($all_icon_color) ? esc_attr($all_icon_color) : '#ffffff').";
}";
echo "#$soc_icon_wrap_id a:hover{
color: ".(!empty($all_icon_hover_color) ? esc_attr($all_icon_hover_color) : $theme_color).";
}";
}
if ((bool)$display_inline) {
echo "#$soc_icon_wrap_id{
display: inline-block;
}";
}
$styles = ob_get_clean();
Softlab_shortcode_css()->enqueue_softlab_css($styles);
// Animation
if (!empty($atts['css_animation'])) {
$animation_class = $this->getCSSAnimation( $atts['css_animation'] );
}
// Social wrapper classes
$social_wrap_classes .= ' a'.$icons_pos;
$social_wrap_classes .= (bool)$add_bg ? ' with_bg' : '';
$social_wrap_classes .= (bool)$add_box_shadow_element ? ' add_box_shadow' : '';
$social_wrap_classes .= !empty($animation_class) ? ' '.$animation_class : '';
$social_wrap_classes .= !empty($extra_class) ? ' '.$extra_class : '';
$social_wrap_styles = (!empty($icon_gap) && !(bool)$display_inline) ? 'margin-left:-'.($icon_gap/2).'px; margin-right:-'.($icon_gap/2).'px;' : '';
if ((bool)$display_inline) {
$social_wrap_styles .= ($left_margin != '') ? ' margin-left:'.(int)$left_margin.'px;' : '';
$social_wrap_styles .= ($right_margin != '') ? ' margin-right:'.(int)$right_margin.'px;' : '';
$social_wrap_styles .= ($left_padding != '') ? ' padding-left:'.(int)$left_padding.'px;' : '';
$social_wrap_styles .= ($right_padding != '') ? ' padding-right:'.(int)$right_padding.'px;' : '';
}
$social_wrap_styles = !empty($social_wrap_styles) ? 'style="'.esc_attr($social_wrap_styles).'"' : '';
$values = (array) vc_param_group_parse_atts( $values );
$item_data = array();
foreach ( $values as $data ) {
$new_data = $data;
$new_data['icon'] = isset( $data['icon'] ) ? $data['icon'] : '';
$new_data['link'] = isset( $data['link'] ) ? $data['link'] : '#';
$new_data['title'] = isset( $data['title'] ) ? $data['title'] : '';
$new_data['new_tab'] = isset( $data['new_tab'] ) ? $data['new_tab'] : true;
$new_data['custom_colors'] = isset( $data['custom_colors'] ) ? $data['custom_colors'] : false;
$new_data['icon_color'] = isset( $data['icon_color'] ) ? $data['icon_color'] : '#ffffff';
$new_data['icon_hover_color'] = isset( $data['icon_hover_color'] ) ? $data['icon_hover_color'] : $theme_color;
$new_data['bg_color'] = isset( $data['bg_color'] ) ? $data['bg_color'] : $theme_color;
$new_data['bg_hover_color'] = isset( $data['bg_hover_color'] ) ? $data['bg_hover_color'] : '#ffffff';
$item_data[] = $new_data;
}
$icon_size_style = !empty($icon_size) ? 'font-size:'.esc_attr((int)$icon_size).'px; ' : '';
$bg_size_style = !empty($bg_size) ? 'width:'.esc_attr((int)$bg_size).'px; height:'.esc_attr((int)$bg_size).'px; line-height:'.esc_attr((int)$bg_size).'px; ' : '';
$border_radius_style = ( ($border_radius != '') && (bool)$add_bg ) ? 'border-radius:'.esc_attr((int)$border_radius).'px; ' : '';
$icon_gap_style = ($icon_gap != '') ? 'margin-left:'.esc_attr((int)$icon_gap/2).'px; margin-right:'.esc_attr((int)$icon_gap/2).'px; margin-bottom:'.esc_attr((int)$icon_gap/2).'px; ' : '';
$icon_style = $icon_size_style.$bg_size_style.$border_radius_style.$icon_gap_style;
$icon_style = !empty($icon_style) ? 'style="'.$icon_style.'"' : '';
foreach ( $item_data as $item_d ) {
$icon = $item_d['icon'];
$title_tag = !empty( $item_d['title'] ) ? " title='".esc_attr($item_d['title'])."'" : "";
$new_tab = !empty( $item_d['link'] ) && (bool)$item_d['new_tab'] ? "target='_blank'" : "";
$social_attr = '';
if ((bool)$item_d['custom_colors']) {
$social_id = uniqid( "soc_icon_" ).++$id_i;
$social_attr = ' id='.$social_id;
}
// Custom styles for each icon
ob_start();
if ((bool)$item_d['custom_colors']) {
echo ".softlab_module_social #$social_id{
color: ".$item_d['icon_color'].";
}";
echo ".softlab_module_social #$social_id:hover{
color: ".$item_d['icon_hover_color'].";
}";
if ((bool)$add_bg ) {
echo ".softlab_module_social #$social_id{
background: ".$item_d['bg_color'].";
}";
echo ".softlab_module_social #$social_id:hover{
background: ".$item_d['bg_hover_color'].";
}";
}
}
$styles = ob_get_clean();
Softlab_shortcode_css()->enqueue_softlab_css($styles);
$content .= '
