protected function content($atts, $content = null)
{
$atts = shortcode_atts(array('title' => '', 'type' => 'image', 'image' => '', 'link' => '', 'effect' => '', 'max_width' => 650, 'icon_type' => 'icon', 'iconbox_icon' => 'fa fa-adjust', 'iconbox_image' => '', 'color' => '', 'custom_color' => '', 'size' => 'md', 'align' => 'center', 'el_class' => '', 'css_animation' => '', 'animation_delay' => '', 'css' => ''), $atts);
extract($atts);
$output = $custom_css = '';
$uniqid = uniqid();
$elementClass = array('base' => apply_filters(VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, 'lightbox-content', $this->settings['base'], $atts), 'extra' => $this->getExtraClass($el_class), 'css_animation' => cruxstore_getCSSAnimation($css_animation), 'shortcode_custom' => vc_shortcode_custom_css_class($css, ' '), 'align' => 'text-' . $align);
$lightbox_icon = '';
if ($icon_type == 'image') {
$img_lightbox_id = preg_replace('/[^\\d]/', '', $iconbox_image);
$img_lightbox = wp_get_attachment_image_src($img_lightbox_id, 'full');
if (array($img_lightbox)) {
$lightbox_icon = sprintf('<img src="%s" class="img-responsive" alt="" />', $img_lightbox['0']);
}
} else {
$lightbox_class = array('vc_lightbox size-' . $size);
if ($color != 'custom') {
$lightbox_class[] = 'color-' . $color;
$custom_color = cruxstore_color2Hex($color);
}
$lightbox_style = 'style="color: ' . $custom_color . '"';
$lightbox_icon = sprintf('<span class="%s %s" %s></span>', $iconbox_icon, implode(' ', $lightbox_class), $lightbox_style);
}
$link_attr = array('href' => '', 'class' => 'lightbox-link lightbox-' . $type);
if ($type == 'inline') {
$link_attr['href'] = '#lightbox-content' . $uniqid;
$output .= sprintf('<div id="%s" class="%s">%s</div>', 'lightbox-content' . $uniqid, 'mfp-hide lightbox-popup-block mfp-with-anim', $content);
} elseif ($type == 'iframe') {
$link_attr['href'] = $link;
} else {
$img_lightbox_id = preg_replace('/[^\\d]/', '', $image);
$img_lightbox = wp_get_attachment_image_src($img_lightbox_id, 'full');
if (array($img_lightbox)) {
$link_attr['href'] = $img_lightbox['0'];
} else {
$link_attr['href'] = vc_asset_url('vc/no_image.png');
}
}
$output .= sprintf('<a href="%s" class="%s" data-type="%s" data-effect="%s" data-width="%s">%s</a>', $link_attr['href'], $link_attr['class'], $type, $effect, $max_width, $lightbox_icon);
if ($animation_delay) {
$animation_delay = sprintf(' data-wow-delay="%sms"', $animation_delay);
}
$elementClass = preg_replace(array('/\\s+/', '/^\\s|\\s$/'), array(' ', ''), implode(' ', $elementClass));
return '<div id="lightbox-' . $uniqid . '" class="' . esc_attr($elementClass) . '"' . $animation_delay . '>' . $output . $custom_css . '</div>';
}
protected function content($atts, $content = null)
{
$atts = shortcode_atts(array('style' => 'check', 'background_style' => '', 'background_color' => 'grey', 'custom_background_color' => '', 'color' => 'black', 'custom_color' => '', 'css_animation' => '', 'el_class' => '', 'css' => ''), $atts);
extract($atts);
$elementClass = array('base' => apply_filters(VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, 'cruxstore-list ', $this->settings['base'], $atts), 'shortcode_custom' => vc_shortcode_custom_css_class($css, ' '), 'css_animation' => $this->getCSSAnimation($css_animation), 'extra' => $this->getExtraClass($el_class), 'style' => 'style-' . $style);
$uniqid = 'fancy-list-' . uniqid();
$custom_css = '';
if ($color == 'custom') {
$color = $custom_color;
} else {
$color = cruxstore_color2Hex($color);
}
$custom_css .= '#' . $uniqid . ' > ul > li:before{color: ' . $color . ';}';
if (strlen($background_style) > 0) {
if ($background_color == 'custom') {
$background_color = $custom_background_color;
} else {
$background_color = cruxstore_color2Hex($background_color);
}
if (false !== strpos($background_style, 'outline')) {
$background_style .= ' list-outline';
// if we use outline style it is border in css
$custom_css .= '#' . $uniqid . ' > ul > li:before{border-color:' . $background_color . ';}';
} else {
$background_style .= ' list-background';
$custom_css .= '#' . $uniqid . ' > ul > li:before{background:' . $background_color . ';}';
}
$elementClass[] = 'bg-style-' . $background_style;
$elementClass[] = 'bg-style';
}
if ($custom_css) {
$custom_css = '<div class="cruxstore_custom_css" data-css="' . esc_attr($custom_css) . '"></div>';
}
$elementClass = preg_replace(array('/\\s+/', '/^\\s|\\s$/'), array(' ', ''), implode(' ', $elementClass));
return '<div id="' . $uniqid . '" class="' . esc_attr($elementClass) . '">' . $content . $custom_css . '</div>';
}
protected function content($atts, $content = null)
{
$atts = shortcode_atts(array('title' => esc_html__('Title', 'js_composer'), 'word' => 'false', 'line_color' => '#333333', 'border_width' => '1', 'line_width' => '', 'line_style' => '', 'size' => 'md', 'color' => 'grey', 'custom_color' => '', 'icon' => '', 'image' => '', 'spacer_position' => 'middle', 'spacer' => '', 'align' => 'center', 'font_size' => '', 'line_height' => '', 'letter_spacing' => '', 'font_container' => '', 'use_theme_fonts' => 'yes', 'google_fonts' => '', 'font_option' => '', 'css_animation' => '', 'animation_delay' => '', 'el_class' => '', 'css' => ''), $atts);
// This is needed to extract $font_container_data and $google_fonts_data
extract($this->getAttributes($atts));
unset($font_container_data['values']['text_align']);
$atts = vc_map_get_attributes($this->getShortcode(), $atts);
extract($atts);
extract($this->getStyles($el_class, $css, $google_fonts_data, $font_container_data, $atts));
$settings = get_option('wpb_js_google_fonts_subsets');
if (is_array($settings) && !empty($settings)) {
$subsets = '&subset=' . implode(',', $settings);
} else {
$subsets = '';
}
if (isset($google_fonts_data['values']['font_family'])) {
wp_enqueue_style('vc_google_fonts_' . vc_build_safe_css_class($google_fonts_data['values']['font_family']), '//fonts.googleapis.com/css?family=' . $google_fonts_data['values']['font_family'] . $subsets);
}
if (!empty($styles)) {
$styles = array();
}
$font_option = explode(',', $font_option);
if (in_array('uppercase', $font_option)) {
$styles[] = 'text-transform: uppercase;';
}
if (in_array('underline', $font_option)) {
$styles[] = 'text-decoration: underline;';
}
if (in_array('italic', $font_option)) {
$styles[] = 'font-style: italic;';
}
if ($letter_spacing) {
$styles[] = 'letter-spacing: ' . $letter_spacing . 'px';
}
if (count($styles)) {
$style = 'style="' . esc_attr(implode(';', $styles)) . '"';
} else {
$style = '';
}
$output = '';
$elementClass = array('base' => apply_filters(VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, 'cruxstore-heading ', $this->settings['base'], $atts), 'extra' => $this->getExtraClass($el_class), 'css_animation' => cruxstore_getCSSAnimation($css_animation), 'shortcode_custom' => vc_shortcode_custom_css_class($css, ' '), 'align' => 'text-' . $align);
$custom_css = '';
$rand = 'cruxstore_heading_' . rand();
if ($font_size) {
$custom_css .= cruxstore_responsive_render('#' . $rand . ' .cruxstore-heading-title', 'font-size', $font_size);
}
if ($line_height) {
$custom_css .= cruxstore_responsive_render('#' . $rand . ' .cruxstore-heading-title', 'line-height', $line_height);
}
if ($word == 'true') {
$title_arr = preg_split("/\\s+/", $title);
$title_arr[0] = "<span>" . $title_arr[0] . "</span>";
$title = join(" ", $title_arr);
}
$title = sprintf('<%1$s class="cruxstore-heading-title" %2$s>%3$s</%1$s>', $font_container_data['values']['tag'], $style, $title);
$content = sprintf('<div class="cruxstore-heading-content">%s</div>', $content);
$divider = '';
if ($spacer) {
$elementClass['spacer'] = 'cruxstore-heading-' . $spacer_position;
$divider_content = '';
$divider_class = array('cruxstore-heading-spacer', 'cruxstore-heading-' . $spacer);
$styles_divider = array();
if (!$line_style) {
$line_style = 'solid';
}
if (!$border_width) {
$border_width = 1;
}
if ($spacer == 'line') {
$styles_divider[] = 'border-color: ' . $line_color;
$styles_divider[] = 'border-top-width: ' . intval($border_width) . 'px';
$styles_divider[] = 'border-top-style: ' . $line_style;
if ($line_width) {
$styles_diver[] = 'width: ' . intval($line_width) . 'px';
}
} elseif ($spacer == 'icon') {
if ($icon) {
$icon_style = '';
$icon_class = array('iconbox-ct', 'size-' . $size);
if ($color != '' && $color != 'custom') {
$icon_class[] = 'color-' . $color;
$custom_color = cruxstore_color2Hex($color);
}
if ($custom_color) {
$icon_style .= 'color: ' . $custom_color . ';';
}
if ($icon_style) {
$icon_style = sprintf('style="%s"', $icon_style);
}
$divider_content = sprintf('<span class="%s %s" %s></span>', $icon, implode(' ', $icon_class), $icon_style);
}
} elseif ($spacer == 'image') {
$img_id = preg_replace('/[^\\d]/', '', $image);
$img_url = wp_get_attachment_image_src($img_id, 'full');
if (array($img_url)) {
$icon = sprintf('<img src="%s" class="img-responsive" alt="" />', $img_url['0']);
}
$divider_content = sprintf('<span class="%s">%s</span>', 'icon-image', $icon);
}
$styles_divider = 'style="' . esc_attr(implode(';', $styles_divider)) . '"';
$divider = '<div class="' . implode(' ', $divider_class) . '" ' . $styles_divider . '>' . $divider_content . '</div>';
}
if ($custom_css) {
$custom_css = '<div class="cruxstore_custom_css" data-css="' . esc_attr($custom_css) . '"></div>';
}
if ($spacer_position == 'bottom') {
$output .= $title . $content . $divider;
} elseif ($spacer_position == 'top') {
$output .= $divider . $title . $content;
} else {
$output .= $title . $divider . $content;
}
$output .= $custom_css;
if ($animation_delay) {
$animation_delay = sprintf(' data-wow-delay="%sms"', $animation_delay);
}
$elementClass = preg_replace(array('/\\s+/', '/^\\s|\\s$/'), array(' ', ''), implode(' ', $elementClass));
return '<div id="' . $rand . '" class="' . esc_attr($elementClass) . '"' . $animation_delay . '>' . $output . '</div>';
}
protected function content($atts, $content = null)
{
$atts = shortcode_atts(array('hover_div' => '', 'link' => '', 'type' => 'icon', 'image' => '', 'svg' => '', 'icon' => 'fa fa-adjust', 'size' => 'md', 'color' => '', 'custom_color' => '', 'color_hover' => '', 'custom_color_hover' => '', 'background_style' => 'default', 'background_color' => 'grey', 'custom_background_color' => '', 'background_color_hover' => '', 'custom_background_color_hover' => '', 'align' => 'center', 'el_class' => '', 'css_animation' => '', 'animation_delay' => '', 'css' => ''), $atts);
extract($atts);
$custom_css = $output = $icon_style = '';
$uniqid = 'icon-box-' . uniqid();
if (!$hover_div) {
$hover_div = '#' . $uniqid . ' .iconbox-ct:hover';
}
$elementClass = array('base' => apply_filters(VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, 'iconbox', $this->settings['base'], $atts), 'extra' => $this->getExtraClass($el_class), 'css_animation' => cruxstore_getCSSAnimation($css_animation), 'shortcode_custom' => vc_shortcode_custom_css_class($css, ' '), 'align' => 'text-' . $align);
$icon_class = array();
if ($type == 'image') {
$img_id = preg_replace('/[^\\d]/', '', $image);
$img_url = wp_get_attachment_image_src($img_id, 'full');
if (array($img_url)) {
$icon = sprintf('<img src="%s" class="img-responsive" alt="" />', $img_url['0']);
}
$output = sprintf('<span class="%s %s" %s>%s</span>', 'icon-image', implode(' ', $icon_class), $icon_style, $icon);
} else {
if ($type == 'svg' && !$svg || $type == 'icon' && !$icon) {
return;
}
$icon_class = array('iconbox-ct', 'size-' . $size, 'style-' . $background_style);
if ($background_style != '' && $background_style != 'default') {
$icon_class[] = 'style-special';
}
if ($background_color != '' && $background_color != 'custom') {
$icon_class[] = 'background-' . $background_color;
$custom_background_color = cruxstore_color2Hex($background_color);
}
if ($custom_background_color && $background_style != 'default') {
if (strpos($background_style, 'outline') !== false) {
$icon_style .= 'border-color: ' . $custom_background_color . ';';
} else {
$icon_style .= 'background: ' . $custom_background_color . ';';
}
}
if ($background_color_hover != '') {
$custom_background_color_hover = cruxstore_color2Hex($background_color_hover);
}
if ($custom_background_color_hover && $background_style != 'default') {
if (strpos($background_style, 'outline') !== false) {
$custom_css .= $hover_div . ' {border-color:' . $custom_background_color_hover . '!important;}';
} else {
$custom_css .= $hover_div . ' {background:' . $custom_background_color_hover . '!important;}';
}
}
if ($color != '' && $color != 'custom') {
$icon_class[] = 'color-' . $color;
$custom_color = cruxstore_color2Hex($color);
}
if ($custom_color) {
$icon_style .= 'color: ' . $custom_color . ';';
if ($type == 'svg') {
$custom_css .= '#' . $uniqid . ' path{fill:' . $custom_color . '!important;}';
}
}
if ($color_hover != '') {
$custom_color_hover = cruxstore_color2Hex($color_hover);
}
if ($custom_color_hover) {
if ($type == 'svg') {
$custom_css .= $hover_div . ' path{fill:' . $custom_color_hover . '!important;}';
} else {
$custom_css .= $hover_div . ' {color:' . $custom_color_hover . '!important;}';
}
}
if ($icon_style) {
$icon_style = sprintf('style="%s"', $icon_style);
}
if ($type == 'svg') {
$svg = '<span class="svg-content">' . rawurldecode(base64_decode(strip_tags($svg))) . '</span>';
$icon = 'icon-svg';
} else {
$svg = '';
}
$output = sprintf('<span class="%s %s" %s>%s</span>', $icon, implode(' ', $icon_class), $icon_style, $svg);
}
$url = vc_build_link($link);
$rel = '';
if (!empty($url['rel'])) {
$rel = ' rel="' . esc_attr($url['rel']) . '"';
}
if (strlen($link) > 0 && strlen($url['url']) > 0) {
$output = '<a class="iconbox-link" href="' . esc_attr($url['url']) . '" ' . $rel . ' title="' . esc_attr($url['title']) . '" target="' . (strlen($url['target']) > 0 ? esc_attr($url['target']) : '_self') . '">' . $output . '</a>';
}
if ($custom_css) {
$custom_css = '<div class="cruxstore_custom_css" data-css="' . esc_attr($custom_css) . '"></div>';
}
if ($animation_delay) {
$animation_delay = sprintf(' data-wow-delay="%sms"', $animation_delay);
}
$elementClass = preg_replace(array('/\\s+/', '/^\\s|\\s$/'), array(' ', ''), implode(' ', $elementClass));
return '<div id="' . $uniqid . '" class="' . esc_attr($elementClass) . '"' . $animation_delay . '>' . $output . $custom_css . '</div>';
}
