'#5472d2',
'turquoise' => '#00c1cf',
'pink' => '#fe6c61',
'violet' => '#8d6dc4',
'peacoc' => '#4cadc9',
'chino' => '#cec2ab',
'mulled-wine' => '#50485b',
'vista-blue' => '#75d69c',
'orange' => '#f7be68',
'sky' => '#5aa1e3',
'green' => '#6dab3c',
'juicy-pink' => '#f4524d',
'sandy-brown' => '#f79468',
'purple' => '#b97ebb',
'black' => '#2a2a2a',
'grey' => '#ebebeb',
'white' => '#ffffff',
);
$atts = vc_map_get_attributes( $this->getShortcode(), $atts );
extract( $atts );
//parse link
$link = ( '||' === $link ) ? '' : $link;
$link = vc_build_link( $link );
$use_link = false;
if ( strlen( $link['url'] ) > 0 ) {
$use_link = true;
$a_href = $link['url'];
$a_title = $link['title'];
$a_target = $link['target'];
$a_rel = $link['rel'];
}
$wrapper_classes = array(
'vc_btn3-container',
$this->getExtraClass( $el_class ),
$this->getCSSAnimation( $css_animation ),
'vc_btn3-' . $align,
);
if ($contextual || 'custom' !== $skin) {
$button_classes = array(
'vc_btn3',
'vc_btn3-shape-' . $shape
);
} else {
$button_classes = array(
'vc_general',
'vc_btn3',
'vc_btn3-size-' . $size,
'vc_btn3-shape-' . $shape,
'vc_btn3-style-' . $style,
);
}
$button_html = $title;
if ( '' === trim( $title ) ) {
$button_classes[] = 'vc_btn3-o-empty';
$button_html = ' ';
}
if ( 'true' === $button_block && 'inline' !== $align ) {
$button_classes[] = 'vc_btn3-block';
}
if ( 'true' === $add_icon ) {
$button_classes[] = 'vc_btn3-icon-' . $i_align;
vc_icon_element_fonts_enqueue( $i_type );
if ( isset( ${'i_icon_' . $i_type} ) ) {
if ( 'pixelicons' === $i_type ) {
$icon_wrapper = true;
}
$icon_class = ${'i_icon_' . $i_type};
} else {
$icon_class = 'fa fa-adjust';
}
if ( $icon_wrapper ) {
$icon_html = '';
} else {
$icon_html = '';
}
if ( 'left' === $i_align ) {
$button_html = $icon_html . ' ' . $button_html;
} else {
$button_html .= ' ' . $icon_html;
}
}
if (!($contextual || 'custom' !== $skin)) {
if ( 'custom' === $style ) {
if ( $custom_background ) {
$styles[] = vc_get_css_color( 'background-color', $custom_background );
}
if ( $custom_text ) {
$styles[] = vc_get_css_color( 'color', $custom_text );
}
if ( ! $custom_background && ! $custom_text ) {
$button_classes[] = 'vc_btn3-color-grey';
}
} else if ( 'outline-custom' === $style ) {
if ( $outline_custom_color ) {
$styles[] = vc_get_css_color( 'border-color', $outline_custom_color );
$styles[] = vc_get_css_color( 'color', $outline_custom_color );
$attributes[] = 'onmouseleave="this.style.borderColor=\'' . $outline_custom_color . '\'; this.style.backgroundColor=\'transparent\'; this.style.color=\'' . $outline_custom_color . '\'"';
} else {
$attributes[] = 'onmouseleave="this.style.borderColor=\'\'; this.style.backgroundColor=\'transparent\'; this.style.color=\'\'"';
}
$onmouseenter = array();
if ( $outline_custom_hover_background ) {
$onmouseenter[] = 'this.style.borderColor=\'' . $outline_custom_hover_background . '\';';
$onmouseenter[] = 'this.style.backgroundColor=\'' . $outline_custom_hover_background . '\';';
}
if ( $outline_custom_hover_text ) {
$onmouseenter[] = 'this.style.color=\'' . $outline_custom_hover_text . '\';';
}
if ( $onmouseenter ) {
$attributes[] = 'onmouseenter="' . implode( ' ', $onmouseenter ) . '"';
}
if ( ! $outline_custom_color && ! $outline_custom_hover_background && ! $outline_custom_hover_text ) {
$button_classes[] = 'vc_btn3-color-inverse';
foreach ( $button_classes as $k => $v ) {
if ( 'vc_btn3-style-outline-custom' === $v ) {
unset( $button_classes[ $k ] );
break;
}
}
$button_classes[] = 'vc_btn3-style-outline';
}
} elseif( 'gradient' === $style || 'gradient-custom' === $style ) {
$gradient_color_1 = $colors[$gradient_color_1];
$gradient_color_2 = $colors[$gradient_color_2];
$button_text_color = "#fff";
if('gradient-custom' === $style ){
$gradient_color_1 = $gradient_custom_color_1;
$gradient_color_2 = $gradient_custom_color_2;
$button_text_color = $gradient_text_color;
}
$gradient_css = array();
$gradient_css[] = 'color: ' . $button_text_color;
$gradient_css[] = 'border: none';
$gradient_css[] = 'background-color: ' . $gradient_color_1;
$gradient_css[] = 'background-image: -webkit-linear-gradient(left, ' . $gradient_color_1 . ' 0%, ' . $gradient_color_2 . ' 50%,' . $gradient_color_1 . ' 100%)';
$gradient_css[] = 'background-image: linear-gradient(to right, ' . $gradient_color_1 . ' 0%, ' . $gradient_color_2 . ' 50%,' . $gradient_color_1 . ' 100%)';
$gradient_css[] = '-webkit-transition: all .2s ease-in-out';
$gradient_css[] = 'transition: all .2s ease-in-out';
$gradient_css[] = 'background-size: 200% 100%';
// hover css
$gradient_css_hover = array();
$gradient_css_hover[] = 'color: ' . $button_text_color;
$gradient_css_hover[] = 'background-color: ' . $gradient_color_2;
$gradient_css_hover[] = 'border: none';
$gradient_css_hover[] = 'background-position: 100% 0';
$uid = uniqid();
echo '';
echo '';
$button_classes[] = 'vc_btn-gradient-btn-' . $uid;
$attributes[] = 'data-vc-gradient-1="' . $gradient_color_1 . '"';
$attributes[] = 'data-vc-gradient-2="' . $gradient_color_2 . '"';
} else {
$button_classes[] = 'vc_btn3-color-' . $color;
}
}
if ($label)
$button_classes[] = 'vc_label';
if ( $styles ) {
$attributes[] = 'style="' . implode( ' ', $styles ) . '"';
}
$class_to_filter = implode( ' ', array_filter( $wrapper_classes ) );
$class_to_filter .= vc_shortcode_custom_css_class( $css, ' ' );
$css_class = apply_filters( VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, $class_to_filter, $this->settings['base'], $atts );
if ( $button_classes ) {
if ($contextual || 'custom' !== $skin) {
if ($label) {
$button_classes[] = 'label';
$button_classes[] = 'label-' . $size;
} else {
$button_classes[] = 'btn';
switch ($style) {
case 'outline':
$button_classes[] = 'btn-borders';
break;
case '3d':
$button_classes[] = 'btn-3d';
break;
}
switch ($style) {
case 'outline':
$button_classes[] = 'btn-borders';
break;
case '3d':
$button_classes[] = 'btn-3d';
break;
}
$button_classes[] = 'btn-' . $size;
}
if ($contextual) {
if ($label) {
$button_classes[] = 'label-' . $contextual;
} else {
$button_classes[] = 'btn-' . $contextual;
}
}
else if ('custom' !== $skin) {
if ($label) {
$button_classes[] = 'label-' . $skin;
} else {
$button_classes[] = 'btn-' . $skin;
}
}
if ($scale) {
if ($label) {
$button_classes[] = 'label-' . $skin . '-' . $scale;
} else {
$button_classes[] = 'btn-' . $skin . '-' . $scale;
}
}
}
$button_classes = esc_attr( apply_filters( VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, implode( ' ', array_filter( $button_classes ) ), $this->settings['base'], $atts ) );
$attributes[] = 'class="' . trim( $button_classes ) . '"';
}
if ( $use_link ) {
$attributes[] = 'href="' . trim( $a_href ) . '"';
$attributes[] = 'title="' . esc_attr( trim( $a_title ) ) . '"';
if ( ! empty( $a_target ) ) {
$attributes[] = 'target="' . esc_attr( trim( $a_target ) ) . '"';
}
if ( ! empty( $a_rel ) ) {
$attributes[] = 'rel="' . esc_attr( trim( $a_rel ) ) . '"';
}
}
if ( ! empty( $custom_onclick ) && $custom_onclick_code ) {
$attributes[] = 'onclick="' . esc_attr( $custom_onclick_code ) . '"';
}
$attributes = implode( ' ', $attributes );
$wrapper_attributes = array();
if ( ! empty( $el_id ) ) {
$wrapper_attributes[] = 'id="' . esc_attr( $el_id ) . '"';
}
?>
>
' . $button_html . '';
} else {
echo '';
} ?>