<?php

return array('name' => __('Text Block', 'js_composer'), 'icon' => 'icon-wpb-layer-shape-text', 'wrapper_class' => 'clearfix', 'category' => __('Content', 'js_composer'), 'description' => __('A block of text with WYSIWYG editor', 'js_composer'), 'params' => array(array('type' => 'textarea_html', 'holder' => 'div', 'heading' => __('Text', 'js_composer'), 'param_name' => 'content', 'value' => __('<p>I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.</p>', 'js_composer')), vc_map_add_css_animation(), array('type' => 'textfield', 'heading' => __('Extra class name', 'js_composer'), 'param_name' => 'el_class', 'description' => __('Style particular content element differently - add a class name and refer to it in custom CSS.', 'js_composer')), array('type' => 'css_editor', 'heading' => __('CSS box', 'js_composer'), 'param_name' => 'css', 'group' => __('Design Options', 'js_composer'))));

            wp_reset_postdata();
            $carousel_html = ob_get_clean();
            $carousel_html = str_replace('%carousel_html%', $carousel_html, $carousel_ouput);
            $class = $active_section == $i ? 'fade in active' : 'fade';
            $output_content .= sprintf('<div id="%s" class="tab-pane %s">%s</div><!-- .tab-pane -->', 'tab-' . $tab . '-' . $uniqeID, $class, $carousel_html);
            $i++;
        }
        $custom_css = '';
        $rand = 'wc-products-vertical-' . rand();
        if ($font_size) {
            $custom_css .= cruxstore_responsive_render('#' . $rand . ' .wc-products-vertical-title', 'font-size', $font_size);
        }
        if ($line_height) {
            $custom_css .= cruxstore_responsive_render('#' . $rand . ' .wc-products-vertical-title', 'line-height', $line_height);
        }
        $title = sprintf('<%1$s class="wc-products-vertical-title" %2$s>%3$s</%1$s>', $font_container_data['values']['tag'], $style, $title);
        $heading = sprintf('<div class="wc-products-vertical-heading">%s</div>', $tab_heading);
        $navigation = '<div class="wc-products-vertical-navigation"><span class="wc-products-vertical-left"><i class="fa fa-angle-left" aria-hidden="true"></i></span><span class="wc-products-vertical-right"><i class="fa fa-angle-right" aria-hidden="true"></i></span></div>';
        $content = $content ? sprintf('<div class="wc-products-vertical-content">%s</div>', $content) : '';
        $output = sprintf('<div class="row"><div class="col-md-3">%s</div><div class="col-md-9"><div class="tab-content">%s</div></div></div>', $title . $content . $heading . $navigation, $output_content);
        if ($custom_css) {
            $custom_css = '<div class="cruxstore_custom_css" data-css="' . esc_attr($custom_css) . '"></div>';
        }
        $output .= $custom_css;
        $elementClass = preg_replace(array('/\\s+/', '/^\\s|\\s$/'), array(' ', ''), implode(' ', $elementClass));
        $output = '<div id="' . $rand . '" class="' . esc_attr($elementClass) . '">' . $output . '</div>';
        return $output;
    }
}
vc_map(array("name" => esc_html__("KT: Products Tab Vertical", 'cruxstore'), "base" => "products_tab_vertical", "category" => esc_html__('by Kite-Themes', 'cruxstore'), "params" => array(array("type" => "textfield", 'heading' => esc_html__('Title', 'js_composer'), 'param_name' => 'title', 'value' => esc_html__('Title', 'js_composer'), "admin_label" => true), array("type" => "textarea_html", "heading" => esc_html__("Content", 'cruxstore'), "param_name" => "content", "value" => '', "holder" => "div"), array("type" => "cruxstore_heading", "heading" => esc_html__("Data settings", 'cruxstore'), "param_name" => "data_settings"), array("type" => "dropdown", "heading" => esc_html__("Data source", 'cruxstore'), "param_name" => "source", "value" => array(esc_html__('Widgets', 'cruxstore') => 'widgets', esc_html__('Specific Categories', 'cruxstore') => 'categories'), 'std' => 'widgets', "admin_label" => true, "description" => esc_html__("Select content type for your posts.", 'cruxstore')), array("type" => "cruxstore_taxonomy", 'taxonomy' => 'product_cat', 'heading' => esc_html__('Categories', 'cruxstore'), 'param_name' => 'categories', 'placeholder' => esc_html__('Select your categories', 'cruxstore'), "dependency" => array("element" => "source", "value" => array('categories')), 'multiple' => true), array('type' => 'dropdown', 'heading' => esc_html__('Order by', 'js_composer'), 'param_name' => 'orderby', 'value' => array('', esc_html__('Date', 'js_composer') => 'date', esc_html__('ID', 'js_composer') => 'ID', esc_html__('Author', 'js_composer') => 'author', esc_html__('Title', 'js_composer') => 'title', esc_html__('Modified', 'js_composer') => 'modified', esc_html__('Random', 'js_composer') => 'rand', esc_html__('Comment count', 'js_composer') => 'comment_count', esc_html__('Menu order', 'js_composer') => 'menu_order'), 'save_always' => true, "dependency" => array("element" => "source", "value" => 'categories'), 'description' => sprintf(esc_html__('Select how to sort retrieved products. More at %s.', 'js_composer'), '<a href="http://codex.wordpress.org/Class_Reference/WP_Query#Order_.26_Orderby_Parameters" target="_blank">WordPress codex page</a>')), array('type' => 'dropdown', 'heading' => esc_html__('Sort order', 'js_composer'), 'param_name' => 'order', 'value' => array('', esc_html__('Descending', 'js_composer') => 'DESC', esc_html__('Ascending', 'js_composer') => 'ASC'), 'save_always' => true, "dependency" => array("element" => "source", "value" => 'categories'), 'description' => sprintf(esc_html__('Designates the ascending or descending order. More at %s.', 'js_composer'), '<a href="http://codex.wordpress.org/Class_Reference/WP_Query#Order_.26_Orderby_Parameters" target="_blank">WordPress codex page</a>')), array('type' => 'textfield', 'heading' => esc_html__('Per page', 'js_composer'), 'value' => 8, 'param_name' => 'per_page', 'description' => esc_html__('The "per_page" shortcode determines how many products to show on the page', 'js_composer')), array("type" => "cruxstore_number", "heading" => esc_html__("Active section", 'cruxstore'), "param_name" => "active_section", "value" => "1", 'description' => esc_html__("Enter active section number (Note: to have all sections closed on initial load enter non-existing number).", 'cruxstore')), array("type" => "cruxstore_heading", "heading" => esc_html__("Others settings", 'cruxstore'), "param_name" => "others_settings"), vc_map_add_css_animation(), array("type" => "textfield", "heading" => esc_html__("Extra class name", "js_composer"), "param_name" => "el_class", "description" => esc_html__("If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file.", "js_composer")), array('type' => 'hidden', 'param_name' => 'link'), array("type" => "cruxstore_heading", "heading" => esc_html__("Typography heading", 'cruxstore'), "param_name" => "typography_heading", 'group' => esc_html__('Typography', 'cruxstore')), array('type' => 'cruxstore_responsive', 'param_name' => 'font_size', 'heading' => esc_html__('Font size', 'cruxstore'), 'group' => esc_html__('Typography', 'cruxstore'), 'unit' => esc_html__('px', 'cruxstore'), 'description' => esc_html__('Use font size for the title.', 'cruxstore')), array('type' => 'cruxstore_responsive', 'param_name' => 'line_height', 'heading' => esc_html__('Line Height', 'cruxstore'), 'group' => esc_html__('Typography', 'cruxstore'), 'unit' => esc_html__('px', 'cruxstore'), 'description' => esc_html__('Use line height for the title.', 'cruxstore')), array("type" => "cruxstore_number", "heading" => esc_html__("Letter spacing", 'cruxstore'), "param_name" => "letter_spacing", "min" => 0, "suffix" => "px", 'group' => esc_html__('Typography', 'cruxstore')), array('type' => 'font_container', 'param_name' => 'font_container', 'value' => '', 'settings' => array('fields' => array('tag' => 'h3', 'color', 'tag_description' => esc_html__('Select element tag.', 'js_composer'), 'text_align_description' => esc_html__('Select text alignment.', 'js_composer'), 'font_size_description' => esc_html__('Enter font size.', 'js_composer'), 'line_height_description' => esc_html__('Enter line height.', 'js_composer'), 'color_description' => esc_html__('Select heading color.', 'js_composer'))), 'group' => esc_html__('Typography', 'cruxstore')), array('type' => 'checkbox', 'heading' => esc_html__('Use theme default font family?', 'js_composer'), 'param_name' => 'use_theme_fonts', 'value' => array(esc_html__('Yes', 'js_composer') => 'yes'), 'description' => esc_html__('Use font family from the theme.', 'js_composer'), 'group' => esc_html__('Typography', 'cruxstore'), 'std' => 'yes'), array('type' => 'google_fonts', 'param_name' => 'google_fonts', 'value' => 'font_family:Oswald|font_style:700%20regular%3A400%3Anormal', 'settings' => array('fields' => array('font_family_description' => esc_html__('Select font family.', 'js_composer'), 'font_style_description' => esc_html__('Select font styling.', 'js_composer'))), 'group' => esc_html__('Typography', 'cruxstore'), 'dependency' => array('element' => 'use_theme_fonts', 'value_not_equal_to' => 'yes')), array('type' => 'css_editor', 'heading' => esc_html__('Css', 'js_composer'), 'param_name' => 'css', 'group' => esc_html__('Design options', 'js_composer')))));

<?php

/**
 * New button implementation
 * array_merge is needed due to merging other shortcode data into params.
 * @since 4.5
 */
global $pixel_icons;
$icons_params = vc_map_integrate_shortcode('vc_icon', 'i_', '', array('include_only_regex' => '/^(type|icon_\\w*)/'), array('element' => 'add_icon', 'value' => 'true'));
// populate integrated vc_icons params.
if (is_array($icons_params) && !empty($icons_params)) {
    foreach ($icons_params as $key => $param) {
        if (is_array($param) && !empty($param)) {
            if ($param['param_name'] == 'i_type') {
                // append pixelicons to dropdown
                $icons_params[$key]['value'][__('Pixel', 'js_composer')] = 'pixelicons';
            }
            if (isset($param['admin_label'])) {
                // remove admin label
                unset($icons_params[$key]['admin_label']);
            }
        }
    }
}
$params = array_merge(array(array('type' => 'textfield', 'heading' => __('Text Button', 'js_composer'), 'save_always' => true, 'param_name' => 'title', 'value' => __('Text on the button', 'js_composer')), array('type' => 'vc_link', 'heading' => __('URL (Link)', 'js_composer'), 'param_name' => 'link', 'description' => __('Add link to button.', 'js_composer')), array("type" => "dropdown", "class" => "", "heading" => __("Button Type", THEMENAME), "param_name" => "button_type", "value" => array('Button Default' => 'btn btn-default', 'Button Default White' => 'btn btn-default btn-white', 'Button Primary' => 'btn btn-primary', 'Button Green' => 'btn btn-green', 'Button Purple' => 'btn btn-purple', 'Button Crimson' => 'btn btn-crimson')), array('type' => 'dropdown', 'heading' => __('Alignment', 'js_composer'), 'param_name' => 'align', 'description' => __('Select button alignment.', 'js_comopser'), 'value' => array(__('Inline', 'js_composer') => 'inline', __('Left', 'js_composer') => 'left', __('Right', 'js_composer') => 'right', __('Center', 'js_composer') => 'center')), array('type' => 'checkbox', 'heading' => __('Set full width button?', 'js_composer'), 'param_name' => 'button_block', 'dependency' => array('element' => 'align', 'value_not_equal_to' => 'inline')), array('type' => 'checkbox', 'heading' => __('Add icon?', 'js_composer'), 'param_name' => 'add_icon'), array('type' => 'dropdown', 'heading' => __('Icon Alignment', 'js_composer'), 'description' => __('Select icon alignment.', 'js_composer'), 'param_name' => 'i_align', 'value' => array(__('Left', 'js_composer') => 'left', __('Right', 'js_composer') => 'right'), 'dependency' => array('element' => 'add_icon', 'value' => 'true'))), $icons_params, array(array('type' => 'iconpicker', 'heading' => __('Icon', 'js_composer'), 'param_name' => 'i_icon_pixelicons', 'settings' => array('emptyIcon' => false, 'type' => 'pixelicons', 'source' => $pixel_icons), 'dependency' => array('element' => 'i_type', 'value' => 'pixelicons'), 'description' => __('Select icon from library.', 'js_composer'))), array(vc_map_add_css_animation(true), array('type' => 'textfield', 'heading' => __('Extra class name', 'js_composer'), 'param_name' => 'el_class', 'description' => __('Style particular content element differently - add a class name and refer to it in custom CSS.', 'js_composer'))));
/**
 * @class WPBakeryShortCode_VC_Btn
 */
vc_map(array('name' => __('Button', 'js_composer'), 'base' => 'vc_btn', 'icon' => 'icon-wpb-ui-button', 'category' => array(__('Content', 'js_composer')), 'description' => __('Eye catching button', 'js_composer'), 'params' => $params, 'js_view' => 'VcButton3View', 'custom_markup' => '{{title}}<div class="vc_btn3-container"><button class="vc_general vc_btn3 vc_btn3-size-sm vc_btn3-shape-{{ params.shape }} vc_btn3-style-{{ params.style }} vc_btn3-color-{{ params.color }}">{{{ params.title }}}</button></div>'));

            $product_categories = wp_list_filter($product_categories, array('parent' => $atts['parent']));
        }
        if ($hide_empty) {
            foreach ($product_categories as $key => $category) {
                if ($category->count == 0) {
                    unset($product_categories[$key]);
                }
            }
        }
        if ($atts['number']) {
            $product_categories = array_slice($product_categories, 0, $atts['number']);
        }
        ob_start();
        if ($product_categories) {
            global $woocommerce_carousel;
            $woocommerce_carousel = $categories_style;
            foreach ($product_categories as $category) {
                wc_get_template('content-product_cat_carousel.php', array('category' => $category));
            }
        }
        wp_reset_postdata();
        $carousel_html .= ob_get_clean();
        if ($carousel_html) {
            $elementClass = preg_replace(array('/\\s+/', '/^\\s|\\s$/'), array(' ', ''), implode(' ', $elementClass));
            $output = '<div class="' . esc_attr($elementClass) . '">' . str_replace('%carousel_html%', $carousel_html, $carousel_ouput) . '</div>';
        }
        return $output;
    }
}
vc_map(array("name" => esc_html__("KT: Product Categories Carousel", 'cruxstore'), "base" => "categories_carousel", "category" => esc_html__('by Kite-Themes', 'cruxstore'), "params" => array_merge(array(array("type" => "cruxstore_taxonomy", 'taxonomy' => 'product_cat', 'heading' => esc_html__('Categories', 'js_composer'), 'param_name' => 'ids', 'multiple' => true, 'admin_label' => true, 'select' => 'id', 'description' => esc_html__('List of product categories', 'cruxstore')), array('type' => 'dropdown', 'heading' => esc_html__('Categories style', 'js_composer'), 'param_name' => 'categories_style', 'value' => array(esc_html__('Normal', 'cruxstore') => 'normal', esc_html__('Portrait', 'cruxstore') => 'portrait', esc_html__('Modern', 'cruxstore') => 'modern'), 'std' => 'normal', 'admin_label' => true, "description" => esc_html__("Select your categories style.", 'cruxstore')), array('type' => 'textfield', 'heading' => esc_html__('Per Page', 'js_composer'), 'value' => '', 'param_name' => 'per_page', 'description' => esc_html__('The "per_page" shortcode determines how many categories to show on the page', 'js_composer')), "admin_label" => true, array('type' => 'dropdown', 'heading' => esc_html__('Order by', 'js_composer'), 'param_name' => 'orderby', 'value' => array(esc_html__('Name', 'js_composer') => 'name', esc_html__('ID', 'js_composer') => 'id', esc_html__('Count', 'js_composer') => 'count', esc_html__('Slug', 'js_composer') => 'slug', esc_html__('None', 'js_composer') => 'none'), 'std' => 'name', 'param_holder_class' => 'vc_grid-data-type-not-ids', "admin_label" => true), array('type' => 'dropdown', 'heading' => esc_html__('Sorting', 'js_composer'), 'param_name' => 'order', 'value' => array(esc_html__('Ascending', 'js_composer') => 'ASC', esc_html__('Descending', 'js_composer') => 'DESC'), 'param_holder_class' => 'vc_grid-data-type-not-ids', 'description' => esc_html__('Select sorting order.', 'js_composer'), "admin_label" => true), array('type' => 'cruxstore_switch', 'heading' => esc_html__('Hide empty', 'cruxstore'), 'param_name' => 'hide_empty', 'value' => 'true', "description" => esc_html__("Hide category if empty.", 'cruxstore')), vc_map_add_css_animation(), array("type" => "textfield", "heading" => esc_html__("Extra class name", "js_composer"), "param_name" => "el_class", "description" => esc_html__("If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file.", "js_composer"))), cruxstore_map_add_carousel_parrams(), array(array('type' => 'css_editor', 'heading' => esc_html__('Css', 'js_composer'), 'param_name' => 'css', 'group' => esc_html__('Design options', 'js_composer'))))));

<?php

return array('name' => __('FAQ', 'js_composer'), 'base' => 'vc_toggle', 'icon' => 'icon-wpb-toggle-small-expand', 'category' => __('Content', 'js_composer'), 'description' => __('Toggle element for Q&A block', 'js_composer'), 'params' => array(array('type' => 'textfield', 'holder' => 'h4', 'class' => 'vc_toggle_title', 'heading' => __('Toggle title', 'js_composer'), 'param_name' => 'title', 'value' => __('Toggle title', 'js_composer'), 'description' => __('Enter title of toggle block.', 'js_composer')), array('type' => 'textarea_html', 'holder' => 'div', 'class' => 'vc_toggle_content', 'heading' => __('Toggle content', 'js_composer'), 'param_name' => 'content', 'value' => __('<p>Toggle content goes here, click edit button to change this text.</p>', 'js_composer'), 'description' => __('Toggle block content.', 'js_composer')), array('type' => 'dropdown', 'heading' => __('Style', 'js_composer'), 'param_name' => 'style', 'value' => getVcShared('toggle styles'), 'description' => __('Select toggle design style.', 'js_composer')), array('type' => 'dropdown', 'heading' => __('Icon color', 'js_composer'), 'param_name' => 'color', 'value' => array(__('Default', 'js_composer') => 'default') + getVcShared('colors'), 'description' => __('Select icon color.', 'js_composer'), 'param_holder_class' => 'vc_colored-dropdown'), array('type' => 'dropdown', 'heading' => __('Size', 'js_composer'), 'param_name' => 'size', 'value' => array_diff_key(getVcShared('sizes'), array('Mini' => '')), 'std' => 'md', 'description' => __('Select toggle size', 'js_composer')), array('type' => 'dropdown', 'heading' => __('Default state', 'js_composer'), 'param_name' => 'open', 'value' => array(__('Closed', 'js_composer') => 'false', __('Open', 'js_composer') => 'true'), 'description' => __('Select "Open" if you want toggle to be open by default.', 'js_composer')), vc_map_add_css_animation(), array('type' => 'el_id', 'heading' => __('Element ID', 'js_composer'), 'param_name' => 'el_id', 'description' => sprintf(__('Enter optional ID. Make sure it is unique, and it is valid as w3c specification: %s (Must not have spaces)', 'js_composer'), '<a target="_blank" href="http://www.w3schools.com/tags/att_global_id.asp">' . __('link', 'js_composer') . '</a>'), 'settings' => array('auto_generate' => true)), array('type' => 'textfield', 'heading' => __('Extra class name', 'js_composer'), 'param_name' => 'el_class', 'description' => __('Style particular content element differently - add a class name and refer to it in custom CSS.', 'js_composer')), array('type' => 'css_editor', 'heading' => __('CSS box', 'js_composer'), 'param_name' => 'css', 'group' => __('Design Options', 'js_composer'))), 'js_view' => 'VcToggleView');

<?php

// Exit if accessed directly
if (!defined('ABSPATH')) {
    exit;
}
class WPBakeryShortCode_Vertical_menu extends WPBakeryShortCode
{
    protected function content($atts, $content = null)
    {
        $atts = shortcode_atts(array('css_animation' => '', 'el_class' => '', 'css' => ''), $atts);
        extract($atts);
        $elementClass = array('base' => apply_filters(VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, 'vertical-menu ', $this->settings['base'], $atts), 'shortcode_custom' => vc_shortcode_custom_css_class($css, ' '), 'extra' => $this->getExtraClass($el_class), 'animation' => $this->getCSSAnimation($css_animation));
        $output = '';
        ob_start();
        if (has_nav_menu('vertical')) {
            wp_nav_menu(array('theme_location' => 'vertical', 'container' => '', 'link_before' => '<span>', 'link_after' => '</span>', 'menu_id' => 'vertical-navigation'));
        } else {
            printf('<ul id="vertical-navigation"><li><a href="%s">%s</a></li></ul>', admin_url('nav-menus.php'), esc_html__("Define your site vertical menu!", 'cruxstore'));
        }
        $output .= ob_get_clean();
        $elementClass = preg_replace(array('/\\s+/', '/^\\s|\\s$/'), array(' ', ''), implode(' ', $elementClass));
        return '<div class="' . esc_attr($elementClass) . '">' . $output . '</div>';
    }
}
// Add your Visual Composer logic here
vc_map(array("name" => esc_html__("KT: Vertical Navigation Menu", 'cruxstore'), "base" => "vertical_menu", "category" => esc_html__('by Kite-Themes', 'cruxstore'), "params" => array(vc_map_add_css_animation(), array("type" => "textfield", "heading" => esc_html__("Extra class name", "js_composer"), "param_name" => "el_class", "description" => esc_html__("If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file.", "js_composer")), array('type' => 'css_editor', 'heading' => esc_html__('CSS box', 'js_composer'), 'param_name' => 'css', 'group' => esc_html__('Design Options', 'js_composer')))));

                }
            }
            $products = new WP_Query(apply_filters('woocommerce_shortcode_products_query', $new_args, $atts));
            $woocommerce_loop['columns'] = $desktop;
            $woocommerce_loop['type'] = $product_type;
            ob_start();
            if ($products->have_posts()) {
                woocommerce_product_loop_start();
                if ($product_type == 'masonry') {
                    echo '<div class="clearfix product col-sm-3 grid-sizer"></div>';
                }
                while ($products->have_posts()) {
                    $products->the_post();
                    wc_get_template_part('content', 'product');
                }
                // end of the loop.
                woocommerce_product_loop_end();
            }
            wp_reset_postdata();
            $class = $active_section == $i ? 'fade in active' : '';
            $output_content .= sprintf('<div id="%s" class="tab-pane %s">%s</div><!-- .tab-pane -->', 'tab-' . $tab . '-' . $uniqeID, $class, ob_get_clean());
            $i++;
        }
        $output = sprintf('<div class="wc-products-tab-heading">%s</div><div class="tab-content">%s</div>', $tab_heading, $output_content);
        $elementClass = preg_replace(array('/\\s+/', '/^\\s|\\s$/'), array(' ', ''), implode(' ', $elementClass));
        $output = '<div class="' . esc_attr($elementClass) . '">' . $output . '</div>';
        return $output;
    }
}
vc_map(array("name" => esc_html__("KT: Products Tab", 'cruxstore'), "base" => "products_tab", "category" => esc_html__('by Kite-Themes', 'cruxstore'), "params" => array(array("type" => "cruxstore_heading", "heading" => esc_html__("Data settings", 'cruxstore'), "param_name" => "data_settings"), array("type" => "dropdown", "heading" => esc_html__("Data source", 'cruxstore'), "param_name" => "source", "value" => array(esc_html__('Widgets', 'cruxstore') => 'widgets', esc_html__('Specific Categories', 'cruxstore') => 'categories'), 'std' => 'widgets', "admin_label" => true, "description" => esc_html__("Select content type for your posts.", 'cruxstore')), array("type" => "cruxstore_taxonomy", 'taxonomy' => 'product_cat', 'heading' => esc_html__('Categories', 'cruxstore'), 'param_name' => 'categories', 'placeholder' => esc_html__('Select your categories', 'cruxstore'), "dependency" => array("element" => "source", "value" => array('categories')), 'multiple' => true), array('type' => 'dropdown', 'heading' => esc_html__('Order by', 'js_composer'), 'param_name' => 'orderby', 'value' => array('', esc_html__('Date', 'js_composer') => 'date', esc_html__('ID', 'js_composer') => 'ID', esc_html__('Author', 'js_composer') => 'author', esc_html__('Title', 'js_composer') => 'title', esc_html__('Modified', 'js_composer') => 'modified', esc_html__('Random', 'js_composer') => 'rand', esc_html__('Comment count', 'js_composer') => 'comment_count', esc_html__('Menu order', 'js_composer') => 'menu_order'), 'save_always' => true, "dependency" => array("element" => "source", "value" => 'categories'), 'description' => sprintf(esc_html__('Select how to sort retrieved products. More at %s.', 'js_composer'), '<a href="http://codex.wordpress.org/Class_Reference/WP_Query#Order_.26_Orderby_Parameters" target="_blank">WordPress codex page</a>')), array('type' => 'dropdown', 'heading' => esc_html__('Sort order', 'js_composer'), 'param_name' => 'order', 'value' => array('', esc_html__('Descending', 'js_composer') => 'DESC', esc_html__('Ascending', 'js_composer') => 'ASC'), 'save_always' => true, "dependency" => array("element" => "source", "value" => 'categories'), 'description' => sprintf(esc_html__('Designates the ascending or descending order. More at %s.', 'js_composer'), '<a href="http://codex.wordpress.org/Class_Reference/WP_Query#Order_.26_Orderby_Parameters" target="_blank">WordPress codex page</a>')), array('type' => 'dropdown', 'heading' => esc_html__('Product display type', 'cruxstore'), 'param_name' => 'product_type', 'value' => array(esc_html__('Standard', 'js_composer') => 'classic', esc_html__('Gallery', 'js_composer') => 'gallery', esc_html__('Masonry', 'js_composer') => 'masonry'), 'std' => 'classic', 'description' => '', 'admin_label' => true), array('type' => 'dropdown', 'heading' => esc_html__('Columns', 'cruxstore'), 'param_name' => 'desktop', 'value' => array(esc_html__('1 column', 'js_composer') => '1', esc_html__('2 columns', 'js_composer') => '2', esc_html__('3 columns', 'js_composer') => '3', esc_html__('4 columns', 'js_composer') => '4', esc_html__('6 columns', 'js_composer') => '6'), 'std' => '4', 'description' => esc_html__('The columns attribute controls how many columns wide the products should be before wrapping.', 'cruxstore')), array('type' => 'textfield', 'heading' => esc_html__('Per page', 'js_composer'), 'value' => 8, 'param_name' => 'per_page', 'description' => esc_html__('The "per_page" shortcode determines how many products to show on the page', 'js_composer')), array("type" => "cruxstore_heading", "heading" => esc_html__("Others settings", 'cruxstore'), "param_name" => "others_settings"), array('type' => 'dropdown', 'heading' => esc_html__('Style Nav', 'cruxstore'), 'param_name' => 'style', 'value' => array(esc_html__('Style 1', 'cruxstore') => '1', esc_html__('Style 2', 'cruxstore') => '2', esc_html__('Style 3', 'cruxstore') => '3', esc_html__('Style 4', 'cruxstore') => '4'), 'std' => 1, 'description' => esc_html__('Select your style.', 'cruxstore'), "admin_label" => true), array("type" => "cruxstore_number", "heading" => esc_html__("Active section", 'cruxstore'), "param_name" => "active_section", "value" => "1", 'description' => esc_html__("Enter active section number (Note: to have all sections closed on initial load enter non-existing number).", 'cruxstore')), vc_map_add_css_animation(), array("type" => "textfield", "heading" => esc_html__("Extra class name", "js_composer"), "param_name" => "el_class", "description" => esc_html__("If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file.", "js_composer")), array('type' => 'css_editor', 'heading' => esc_html__('Css', 'js_composer'), 'param_name' => 'css', 'group' => esc_html__('Design options', 'js_composer')))));

// Exit if accessed directly
if (!defined('ABSPATH')) {
    exit;
}
class WPBakeryShortCode_CruxStore_Instagram extends WPBakeryShortCode
{
    protected function content($atts, $content = null)
    {
        $atts = shortcode_atts(array('username' => '', 'number' => '9', 'size' => 'thumbnail', 'target' => '_self', 'css_animation' => '', 'el_class' => '', 'css' => ''), $atts);
        extract($atts);
        $output = '';
        $elementClass = array('base' => apply_filters(VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, 'cruxstore-instagram', $this->settings['base'], $atts), 'shortcode_custom' => vc_shortcode_custom_css_class($css, ' '), 'extra' => $this->getExtraClass($el_class), 'css_animation' => $this->getCSSAnimation($css_animation));
        $type = 'null_instagram_widget';
        $args = array('username' => $username, 'number' => $number, 'size' => $size, 'target' => $target);
        global $wp_widget_factory;
        // to avoid unwanted warnings let's check before using widget
        if (is_object($wp_widget_factory) && isset($wp_widget_factory->widgets, $wp_widget_factory->widgets[$type])) {
            ob_start();
            the_widget($type, $atts, $args);
            $output .= ob_get_clean();
        } else {
            $output .= $this->debugComment('Widget ' . esc_attr($type) . 'Not found in : vc_wp_search');
        }
        $elementClass = preg_replace(array('/\\s+/', '/^\\s|\\s$/'), array(' ', ''), implode(' ', $elementClass));
        return '<div class="' . esc_attr($elementClass) . '">' . $output . '</div>';
    }
}
// Add your Visual Composer logic here
vc_map(array('name' => 'KT: ' . __('Instagram', 'cruxstore'), 'base' => 'cruxstore_instagram', "category" => esc_html__('by Kite-Themes', 'cruxstore'), "description" => esc_html__("Displays your latest Instagram photos", 'cruxstore'), 'params' => array(array('type' => 'textfield', 'heading' => esc_html__('Username', 'js_composer'), 'value' => '', 'param_name' => 'username', "admin_label" => true), array('type' => 'textfield', 'heading' => esc_html__('Number of photos', 'js_composer'), 'value' => '9', 'param_name' => 'number', "admin_label" => true), array('type' => 'dropdown', 'heading' => esc_html__('Photo size', 'js_composer'), 'param_name' => 'size', 'value' => array(esc_html__('Thumbnail', 'js_composer') => 'thumbnail', esc_html__('Small', 'js_composer') => 'small', esc_html__('Large', 'js_composer') => 'large', esc_html__('Original', 'js_composer') => 'original'), 'std' => 'thumbnail', "admin_label" => true), array('type' => 'dropdown', 'heading' => esc_html__('Open links in', 'js_composer'), 'param_name' => 'target', 'value' => array(esc_html__('Current window (_self)', 'js_composer') => '_self', esc_html__('New window (_blank)', 'js_composer') => '_blank'), 'std' => 'name', "admin_label" => true), vc_map_add_css_animation(), array("type" => "textfield", "heading" => esc_html__("Extra class name", "js_composer"), "param_name" => "el_class", "description" => esc_html__("If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file.", "js_composer")), array('type' => 'css_editor', 'heading' => esc_html__('CSS box', 'js_composer'), 'param_name' => 'css', 'group' => esc_html__('Design Options', 'js_composer')))));

        } elseif ($source == 'authors') {
            if ($authors) {
                $authors_arr = array_filter(explode(',', $authors));
                if (count($authors_arr)) {
                    $args['author__in'] = $authors_arr;
                }
            }
        }
        ob_start();
        query_posts($args);
        if (have_posts()) {
            while (have_posts()) {
                the_post();
                get_template_part('templates/blog/carousel/content', $loop_stype);
            }
            echo "</div><!-- .blog-posts -->";
        }
        wp_reset_query();
        remove_filter('excerpt_length', $exl_function, 999);
        $post_carousel_html = ob_get_clean();
        $elementClass = array('base' => apply_filters(VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, 'blog-posts-carousel-wrapper ', $this->settings['base'], $atts), 'extra' => $this->getExtraClass($el_class), 'css_animation' => $this->getCSSAnimation($css_animation), 'shortcode_custom' => vc_shortcode_custom_css_class($css, ' '));
        $elementClass = preg_replace(array('/\\s+/', '/^\\s|\\s$/'), array(' ', ''), implode(' ', $elementClass));
        $output = '';
        $carousel_ouput = cruxstore_render_carousel(apply_filters('cruxstore_render_args', $atts));
        $output .= str_replace('%carousel_html%', $post_carousel_html, $carousel_ouput);
        return '<div class="' . esc_attr($elementClass) . '"><div class="blog-posts blog-posts-carousel">' . $output . '</div></div>';
    }
}
// Add your Visual Composer logic here
vc_map(array("name" => esc_html__("KT: Blog Posts Carousel", 'cruxstore'), "base" => "blog_posts_carousel", "category" => esc_html__('by Kite-Themes', 'cruxstore'), "params" => array_merge(array(array('type' => 'dropdown', 'heading' => esc_html__('Loop Style', 'cruxstore'), 'param_name' => 'loop_stype', 'value' => array(esc_html__('Style 1', 'js_composer') => 'grid', esc_html__('Style 2', 'js_composer') => 'carousel'), 'std' => 'grid', 'description' => '', 'admin_label' => true), array("type" => "cruxstore_heading", "heading" => esc_html__("Layout setting", 'cruxstore'), "param_name" => "layout_settings"), array('type' => 'textfield', 'heading' => esc_html__('Excerpt length', 'js_composer'), 'value' => 15, 'param_name' => 'excerpt_length'), array("type" => "cruxstore_heading", "heading" => esc_html__("Extra setting", 'cruxstore'), "param_name" => "extra_settings"), vc_map_add_css_animation(), array("type" => "textfield", "heading" => esc_html__("Extra class name", "js_composer"), "param_name" => "el_class", "description" => esc_html__("If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file.", "js_composer")), array("type" => "dropdown", "heading" => esc_html__("Data source", 'cruxstore'), "param_name" => "source", "value" => array(esc_html__('All', 'cruxstore') => '', esc_html__('Specific Categories', 'cruxstore') => 'categories', esc_html__('Specific Posts', 'cruxstore') => 'posts', esc_html__('Specific Authors', 'cruxstore') => 'authors'), "admin_label" => true, 'std' => '', "description" => esc_html__("Select content type for your posts.", 'cruxstore'), 'group' => esc_html__('Data settings', 'js_composer')), array("type" => "cruxstore_taxonomy", 'taxonomy' => 'category', 'heading' => esc_html__('Categories', 'cruxstore'), 'param_name' => 'categories', 'placeholder' => esc_html__('Select your categories', 'cruxstore'), "dependency" => array("element" => "source", "value" => array('categories')), 'multiple' => true, 'select' => 'id', 'group' => esc_html__('Data settings', 'js_composer')), array("type" => "cruxstore_posts", 'args' => array('post_type' => 'post', 'posts_per_page' => -1), 'heading' => esc_html__('Specific Posts', 'js_composer'), 'param_name' => 'posts', 'size' => '5', 'placeholder' => esc_html__('Select your posts', 'js_composer'), "dependency" => array("element" => "source", "value" => array('posts')), 'multiple' => true, 'group' => esc_html__('Data settings', 'js_composer')), array("type" => "cruxstore_authors", 'post_type' => 'post', 'heading' => esc_html__('Specific Authors', 'js_composer'), 'param_name' => 'authors', 'size' => '5', 'placeholder' => esc_html__('Select your authors', 'js_composer'), "dependency" => array("element" => "source", "value" => array('authors')), 'multiple' => true, 'group' => esc_html__('Data settings', 'js_composer')), array('type' => 'textfield', 'heading' => esc_html__('Total items', 'js_composer'), 'param_name' => 'max_items', 'value' => 10, 'param_holder_class' => 'vc_not-for-custom', 'description' => esc_html__('Set max limit for items in grid or enter -1 to display all (limited to 1000).', 'js_composer'), 'group' => esc_html__('Data settings', 'js_composer')), array('type' => 'dropdown', 'heading' => esc_html__('Order by', 'js_composer'), 'param_name' => 'orderby', 'value' => array(esc_html__('Date', 'js_composer') => 'date', esc_html__('Order by post ID', 'js_composer') => 'ID', esc_html__('Author', 'js_composer') => 'author', esc_html__('Title', 'js_composer') => 'title', esc_html__('Last modified date', 'js_composer') => 'modified', esc_html__('Post/page parent ID', 'js_composer') => 'parent', esc_html__('Number of comments', 'js_composer') => 'comment_count', esc_html__('Menu order/Page Order', 'js_composer') => 'menu_order', esc_html__('Meta value', 'js_composer') => 'meta_value', esc_html__('Meta value number', 'js_composer') => 'meta_value_num', esc_html__('Random order', 'js_composer') => 'rand'), 'description' => esc_html__('Select order type. If "Meta value" or "Meta value Number" is chosen then meta key is required.', 'js_composer'), 'group' => esc_html__('Data settings', 'js_composer'), 'param_holder_class' => 'vc_grid-data-type-not-ids', "admin_label" => true), array('type' => 'textfield', 'heading' => esc_html__('Meta key', 'js_composer'), 'param_name' => 'meta_key', 'group' => esc_html__('Data settings', 'js_composer'), 'param_holder_class' => 'vc_grid-data-type-not-ids', 'dependency' => array('element' => 'orderby', 'value' => array('meta_value', 'meta_value_num')), "admin_label" => true), array('type' => 'dropdown', 'heading' => esc_html__('Sorting', 'js_composer'), 'param_name' => 'order', 'group' => esc_html__('Data settings', 'js_composer'), 'value' => array(esc_html__('Descending', 'js_composer') => 'DESC', esc_html__('Ascending', 'js_composer') => 'ASC'), 'param_holder_class' => 'vc_grid-data-type-not-ids', 'description' => esc_html__('Select sorting order.', 'js_composer'), "admin_label" => true)), cruxstore_map_add_carousel_parrams(), array(array('type' => 'css_editor', 'heading' => esc_html__('Css', 'js_composer'), 'param_name' => 'css', 'group' => esc_html__('Design options', 'js_composer'))))));

                    $socials .= sprintf('<a href="%s" target="_blank">%s</a>', $instagram, '<i class="fa fa-instagram" aria-hidden="true"></i>');
                }
                if ($socials) {
                    $socials = '<div class="employees-socials">' . $socials . '</div>';
                }
                $image = get_the_post_thumbnail(get_the_ID(), 'cruxstore_square');
                if (!$image) {
                    $image = '<img class="vc_img-placeholder img-responsive" src="' . vc_asset_url('vc/no_image.png') . '" />';
                }
                if ($layout == 'gallery') {
                    $image = '<div class="employees-img">' . $image . ' </div>';
                    $employees = sprintf('%s <div class="employees-infos">%s %s</div>', $image, $title, $subtitle . $socials);
                } else {
                    $image = '<div class="employees-img">' . $image . $socials . ' </div>';
                    $employees = sprintf('%s <div class="employees-infos">%s %s</div>', $image, $title, $subtitle);
                }
                $output .= sprintf('<div class="employees-content col-lg-%1$s col-md-%1$s col-sm-%2$s col-xs-%2$s"><div class="employees-inner">%3$s</div></div>', $article_columns, $article_columns_tab, $employees);
            }
            wp_reset_postdata();
        }
        $rowclass = 'row multi-columns-row';
        if ($columns_gap == '' || $columns_gap == '0') {
            $rowclass .= ' no-gutters';
        }
        $elementClass = preg_replace(array('/\\s+/', '/^\\s|\\s$/'), array(' ', ''), implode(' ', $elementClass));
        return '<div class="' . esc_attr($elementClass) . '"><div class="' . $rowclass . '">' . $output . '</div></div>';
    }
}
// Add your Visual Composer logic here
vc_map(array("name" => esc_html__("KT: Employees", 'cruxstore'), "base" => "employees", "category" => esc_html__('by Kite-Themes', 'cruxstore'), "description" => esc_html__("", 'cruxstore'), "params" => array(array("type" => "textfield", 'heading' => esc_html__('Title', 'js_composer'), 'param_name' => 'title', 'value' => esc_html__('Title', 'js_composer'), "admin_label" => true), array("type" => "dropdown", "heading" => esc_html__("Layout", 'cruxstore'), "param_name" => "layout", "value" => array(esc_html__('Square', 'cruxstore') => 'square', esc_html__('Circle', 'cruxstore') => 'circle', esc_html__('Gallery', 'cruxstore') => 'gallery'), "admin_label" => true, 'std' => 'square', "description" => esc_html__("Select your layout.", 'cruxstore')), array("type" => "dropdown", "heading" => esc_html__("Columns gap", 'cruxstore'), "param_name" => "columns_gap", "value" => array(esc_html__('0px', 'cruxstore') => '0', esc_html__('15px', 'cruxstore') => '15'), 'std' => '15', "description" => esc_html__(" Select gap between columns in row.", 'cruxstore')), array("type" => "cruxstore_heading", "heading" => esc_html__("Columns to Show?", 'cruxstore'), "edit_field_class" => "cruxstore_sub_heading vc_column", "param_name" => "items_show"), array('type' => 'dropdown', 'heading' => esc_html__('on Desktop', 'cruxstore'), 'param_name' => 'employees_columns', 'value' => array(esc_html__('2 columns', 'js_composer') => '2', esc_html__('3 columns', 'js_composer') => '3', esc_html__('4 columns', 'js_composer') => '4', esc_html__('6 columns', 'js_composer') => '6'), 'std' => '3', "admin_label" => true), array('type' => 'dropdown', 'heading' => esc_html__('on Tablet', 'cruxstore'), 'param_name' => 'employees_columns_tab', 'value' => array(esc_html__('2 columns', 'js_composer') => '2', esc_html__('3 columns', 'js_composer') => '3', esc_html__('4 columns', 'js_composer') => '4'), 'std' => '2'), vc_map_add_css_animation(), array("type" => "textfield", "heading" => esc_html__("Extra class name", "js_composer"), "param_name" => "el_class", "description" => esc_html__("If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file.", "js_composer")), array("type" => "dropdown", "heading" => esc_html__("Data source", 'cruxstore'), "param_name" => "source", "value" => array(esc_html__('All', 'cruxstore') => '', esc_html__('Specific Categories', 'cruxstore') => 'categories', esc_html__('Specific Posts', 'cruxstore') => 'posts'), "admin_label" => true, 'std' => 'all', "description" => esc_html__("Select content type for your posts.", 'cruxstore'), 'group' => esc_html__('Data settings', 'js_composer')), array("type" => "cruxstore_taxonomy", 'taxonomy' => 'employees-category', 'heading' => esc_html__('Categories', 'cruxstore'), 'param_name' => 'categories', 'select' => 'id', 'placeholder' =