__("Swatch Book","ultimate_vc"), "base" => "swatch_container", "class" => "vc_swatch_container", "icon" => "vc_swatch_container", "category" => "Ultimate VC Addons", "deprecated" => "3.13.5", "as_parent" => array('only' => 'swatch_item'), "description" => __("Interactive swatch strips.","ultimate_vc"), "content_element" => true, "show_settings_on_create" => true, "js_view" => 'VcColumnView', //"is_container" => true, "params" => array( array( "type" => "dropdown", "class" => "", "heading" => __("Swatch Book Style", "ultimate_vc"), "param_name" => "swatch_style", "value" => array( __("Style 1","ultimate_vc") => "style-1", __("Style 2","ultimate_vc") => "style-2", __("Style 3","ultimate_vc") => "style-3", __("Style 4","ultimate_vc") => "style-4", __("Style 5","ultimate_vc") => "style-5", __("Custom Style","ultimate_vc") => "custom", ), //"description" => __("","smile"), "group" => "Initial Settings", ), array( "type" => "number", "class" => "", "heading" => __("Index of Center Strip", "ultimate_vc"), "param_name" => "swatch_index_center", "value" => 1, "min" => 1, "max" => 100, "suffix" => "", "description" => __("The index of the “centered” item, the one that will have an angle of 0 degrees when the swatch book is opened", "ultimate_vc"), "dependency" => Array("element" => "swatch_style", "value" => "custom"), "group" => "Initial Settings", ), array( "type" => "number", "class" => "", "heading" => __("Space Between Two Swatches", "ultimate_vc"), "param_name" => "swatch_space_degree", "value" => 1, "min" => 1, "max" => 1000, "suffix" => "", "description" => __("The space between the items (in degrees)", "ultimate_vc"), "dependency" => Array("element" => "swatch_style", "value" => "custom"), "group" => "Initial Settings", ), array( "type" => "number", "class" => "", "heading" => __("Transition Speed", "ultimate_vc"), "param_name" => "swatch_trans_speed", "value" => 500, "min" => 1, "max" => 10000, "suffix" => "ms", "description" => __("The speed and transition timing functions", "ultimate_vc"), "dependency" => Array("element" => "swatch_style", "value" => "custom"), "group" => "Initial Settings", ), array( "type" => "number", "class" => "", "heading" => __("Distance From Open Item To Its Next Sibling", "ultimate_vc"), "param_name" => "swatch_distance_sibling", "value" => 1, "min" => 1, "max" => 10000, "suffix" => "", "description" => __("Distance From Opened item’s next siblings (neighbor : 4)", "ultimate_vc"), "dependency" => Array("element" => "swatch_style", "value" => "custom"), "group" => "Initial Settings", ), array( "type" => "ult_switch", "class" => "", "heading" => __("Swatch book will be initially closed", "ultimate_vc"), "param_name" => "swatch_init_closed", "value" => "", "options" => array( "closed" => array( "label" => "", "on" => __("Yes","ultimate_vc"), "off" => __("No","ultimate_vc"), ) ), //"description" => "", "dependency" => Array("element" => "swatch_style", "value" => "custom"), "group" => "Initial Settings", ), array( "type" => "number", "class" => "", "heading" => __("Index of the item that will be opened initially", "ultimate_vc"), "param_name" => "swatch_open_at", "value" => 1, "min" => 1, "max" => 100, "suffix" => "", //"description" => __("", "smile"), "dependency" => Array("element" => "swatch_style", "value" => "custom"), "group" => "Initial Settings", ), array( "type" => "number", "class" => "", "heading" => __("Width", "ultimate_vc"), "param_name" => "swatch_width", "value" => 130, "min" => 100, "max" => 1000, "suffix" => "", //"description" => __("", "smile"), "group" => "Initial Settings", ), array( "type" => "number", "class" => "", "heading" => __("Height", "ultimate_vc"), "param_name" => "swatch_height", "value" => 400, "min" => 100, "max" => 1000, "suffix" => "", //"description" => __("", "smile"), "group" => "Initial Settings", ), array( "type" => "ult_img_single", "class" => "", "heading" => __("Background Transparent Pattern", "ultimate_vc"), "param_name" => "swatch_trans_bg_img", "value" => "", //"description" => "", "group" => "Initial Settings", ), array( "type" => "textfield", "class" => "", "heading" => __("Main Strip Title Text", "ultimate_vc"), "param_name" => "swatch_main_strip_text", "value" => "", "description" => "", "group" => "Initial Settings", ), array( "type" => "textfield", "class" => "", "heading" => __("Main Strip Highlight Text", "ultimate_vc"), "param_name" => "swatch_main_strip_highlight_text", "value" => "", //"description" => "", "group" => "Initial Settings", ), array( "type" => "ultimate_google_fonts", "heading" => __("Font Family", "ultimate_vc"), "param_name" => "main_strip_font_family", "description" => __("Select the font of your choice.","ultimate_vc")." ".__("You can","ultimate_vc")." ".__("add new in the collection here","ultimate_vc").".", "group" => "Advanced Settings", ), array( "type" => "ultimate_google_fonts_style", "heading" => __("Font Style", "ultimate_vc"), "param_name" => "main_strip_font_style", "group" => "Advanced Settings", ), array( "type" => "number", "class" => "", "heading" => __("Main Strip Title Font Size", "ultimate_vc"), "param_name" => "swatch_main_strip_font_size", "value" => 16, "min" => 1, "max" => 72, "suffix" => "px", //"description" => __("", "smile"), "group" => "Advanced Settings", ), array( "type" => "dropdown", "class" => "", "heading" => __("Main Strip Title Font Style", "ultimate_vc"), "param_name" => "swatch_main_strip_font_style", "value" => array( __("Normal","ultimate_vc") => "normal", __("Bold","ultimate_vc") => "bold", __("Italic","ultimate_vc") => "italic", ), //"description" => __("", "smile"), "group" => "Advanced Settings", ), array( "type" => "colorpicker", "class" => "", "heading" => __("Main Strip Title Color:", "ultimate_vc"), "param_name" => "swatch_main_strip_color", "value" => "", "description" => "", "group" => "Advanced Settings", ), array( "type" => "colorpicker", "class" => "", "heading" => __("Main Strip Title Background Color:", "ultimate_vc"), "param_name" => "swatch_main_strip_bg_color", "value" => "", //"description" => "", "group" => "Advanced Settings", ), array( "type" => "number", "class" => "", "heading" => __("Main Strip Title Highlight Font Size", "ultimate_vc"), "param_name" => "swatch_main_strip_highlight_font_size", "value" => 16, "min" => 1, "max" => 72, "suffix" => "px", //"description" => __("", "smile"), "group" => "Advanced Settings", ), array( "type" => "dropdown", "class" => "", "heading" => __("Main Strip Title Highlight Font Weight", "ultimate_vc"), "param_name" => "swatch_main_strip_highlight_font_weight", "value" => array( __("Normal","ultimate_vc") => "normal", __("Bold","ultimate_vc") => "bold", __("Italic","ultimate_vc") => "italic", ), //"description" => __("", "smile"), "group" => "Advanced Settings", ), array( "type" => "colorpicker", "class" => "", "heading" => __("Main Strip Title Highlight Color", "ultimate_vc"), "param_name" => "swatch_main_strip_highlight_color", "value" => "", //"description" => "", "group" => "Advanced Settings", ), ) ) ); // vc_map vc_map( array( "name" => __("Swatch Book Item", "ultimate_vc"), "base" => "swatch_item", "class" => "vc_swatch_item", "icon" => "vc_swatch_item", "content_element" => true, "as_child" => array('only' => 'swatch_container'), "is_container" => false, "params" => array( array( "type" => "textfield", "class" => "", "heading" => __("Strip Title Text", "ultimate_vc"), "param_name" => "swatch_strip_text", "value" => "", //"description" => "", ), array( "type" => "dropdown", "class" => "", "heading" => __("Icon to display:", "ultimate_vc"), "param_name" => "icon_type", "value" => array( "Font Icon Manager" => "selector", "Custom Image Icon" => "custom", ), "description" => __("Use an existing font icon or upload a custom image.", "ultimate_vc") ), array( "type" => "icon_manager", "class" => "", "heading" => __("Select Icon ","ultimate_vc"), "param_name" => "icon", "value" => "", "description" => __("Click and select icon of your choice. If you can't find the one that suits for your purpose","ultimate_vc").", ".__("you can","ultimate_vc")." ".__("add new here","ultimate_vc").".", "dependency" => Array("element" => "icon_type","value" => array("selector")), ), array( "type" => "ult_img_single", "class" => "", "heading" => __("Upload Image Icon:", "ultimate_vc"), "param_name" => "icon_img", "value" => "", "description" => __("Upload the custom image icon.", "ultimate_vc"), "dependency" => Array("element" => "icon_type","value" => array("custom")), ), array( "type" => "number", "class" => "", "heading" => __("Image Width", "ultimate_vc"), "param_name" => "img_width", "value" => 48, "min" => 16, "max" => 512, "suffix" => "px", "description" => __("Provide image width", "ultimate_vc"), "dependency" => Array("element" => "icon_type","value" => array("custom")), ), array( "type" => "number", "class" => "", "heading" => __("Size of Icon", "ultimate_vc"), "param_name" => "icon_size", "value" => 32, "min" => 12, "max" => 72, "suffix" => "px", "description" => __("How big would you like it?", "ultimate_vc"), "dependency" => Array("element" => "icon_type","value" => array("selector")), ), array( "type" => "colorpicker", "class" => "", "heading" => __("Color", "ultimate_vc"), "param_name" => "icon_color", "value" => "#333333", "description" => __("Give it a nice paint!", "ultimate_vc"), "dependency" => Array("element" => "icon_type","value" => array("selector")), ), array( "type" => "dropdown", "class" => "", "heading" => __("Icon Style", "ultimate_vc"), "param_name" => "icon_style", "value" => array( __("Simple","ultimate_vc") => "none", __("Circle Background","ultimate_vc") => "circle", __("Square Background","ultimate_vc") => "square", __("Design your own","ultimate_vc") => "advanced", ), "description" => __("We have given three quick preset if you are in a hurry. Otherwise, create your own with various options.", "ultimate_vc"), ), array( "type" => "colorpicker", "class" => "", "heading" => __("Background Color", "ultimate_vc"), "param_name" => "icon_color_bg", "value" => "#ffffff", "description" => __("Select background color for icon.", "ultimate_vc"), "dependency" => Array("element" => "icon_style", "value" => array("circle","square","advanced")), ), array( "type" => "dropdown", "class" => "", "heading" => __("Icon Border Style", "ultimate_vc"), "param_name" => "icon_border_style", "value" => array( __("None","ultimate_vc") => "", __("Solid","ultimate_vc")=> "solid", __("Dashed","ultimate_vc") => "dashed", __("Dotted","ultimate_vc") => "dotted", __("Double","ultimate_vc") => "double", __("Inset","ultimate_vc") => "inset", __("Outset","ultimate_vc") => "outset", ), "description" => __("Select the border style for icon.","ultimate_vc"), "dependency" => Array("element" => "icon_style", "value" => array("advanced")), ), array( "type" => "colorpicker", "class" => "", "heading" => __("Border Color", "ultimate_vc"), "param_name" => "icon_color_border", "value" => "#333333", "description" => __("Select border color for icon.", "ultimate_vc"), "dependency" => Array("element" => "icon_border_style", "not_empty" => true), ), array( "type" => "number", "class" => "", "heading" => __("Border Width", "ultimate_vc"), "param_name" => "icon_border_size", "value" => 1, "min" => 1, "max" => 10, "suffix" => "px", "description" => __("Thickness of the border.", "ultimate_vc"), "dependency" => Array("element" => "icon_border_style", "not_empty" => true), ), array( "type" => "number", "class" => "", "heading" => __("Border Radius", "ultimate_vc"), "param_name" => "icon_border_radius", "value" => 500, "min" => 1, "max" => 500, "suffix" => "px", "description" => __("0 pixel value will create a square border. As you increase the value, the shape convert in circle slowly. (e.g 500 pixels).", "ultimate_vc"), "dependency" => Array("element" => "icon_border_style", "not_empty" => true), ), array( "type" => "number", "class" => "", "heading" => __("Background Size", "ultimate_vc"), "param_name" => "icon_border_spacing", "value" => 50, "min" => 30, "max" => 500, "suffix" => "px", "description" => __("Spacing from center of the icon till the boundary of border / background", "ultimate_vc"), "dependency" => Array("element" => "icon_style", "value" => array("advanced")), ), array( "type" => "dropdown", "class" => "", "heading" => __("Animation","ultimate_vc"), "param_name" => "icon_animation", "value" => array( __("No Animation","ultimate_vc") => "", __("Swing","ultimate_vc") => "swing", __("Pulse","ultimate_vc") => "pulse", __("Fade In","ultimate_vc") => "fadeIn", __("Fade In Up","ultimate_vc") => "fadeInUp", __("Fade In Down","ultimate_vc") => "fadeInDown", __("Fade In Left","ultimate_vc") => "fadeInLeft", __("Fade In Right","ultimate_vc") => "fadeInRight", __("Fade In Up Long","ultimate_vc") => "fadeInUpBig", __("Fade In Down Long","ultimate_vc") => "fadeInDownBig", __("Fade In Left Long","ultimate_vc") => "fadeInLeftBig", __("Fade In Right Long","ultimate_vc") => "fadeInRightBig", __("Slide In Down","ultimate_vc") => "slideInDown", __("Slide In Left","ultimate_vc") => "slideInLeft", __("Slide In Left","ultimate_vc") => "slideInLeft", __("Bounce In","ultimate_vc") => "bounceIn", __("Bounce In Up","ultimate_vc") => "bounceInUp", __("Bounce In Down","ultimate_vc") => "bounceInDown", __("Bounce In Left","ultimate_vc") => "bounceInLeft", __("Bounce In Right","ultimate_vc") => "bounceInRight", __("Rotate In","ultimate_vc") => "rotateIn", __("Light Speed In","ultimate_vc") => "lightSpeedIn", __("Roll In","ultimate_vc") => "rollIn", ), "description" => __("Like CSS3 Animations? We have several options for you!","ultimate_vc") ), array( "type" => "number", "class" => "", "heading" => __("Strip Title Font Size", "ultimate_vc"), "param_name" => "swatch_strip_font_size", "value" => 16, "min" => 1, "max" => 72, "suffix" => "px", //"description" => __("", "smile"), "group" => "Advanced Settings", ), array( "type" => "dropdown", "class" => "", "heading" => __("Strip Title Font Weight", "ultimate_vc"), "param_name" => "swatch_strip_font_weight", "value" => array( __("Normal","ultimate_vc") => "normal", __("Bold","ultimate_vc") => "bold", __("Italic","ultimate_vc") => "italic", ), //"description" => __("", "smile"), "group" => "Advanced Settings", ), array( "type" => "colorpicker", "class" => "", "heading" => __("Strip Title Color:", "ultimate_vc"), "param_name" => "swatch_strip_font_color", "value" => "", "description" => "", "group" => "Advanced Settings", ), array( "type" => "colorpicker", "class" => "", "heading" => __("Strip Title Background Color:", "ultimate_vc"), "param_name" => "swatch_strip_title_bg_color", "value" => "", //"description" => "", "group" => "Advanced Settings", ), array( "type" => "colorpicker", "class" => "", "heading" => __("Strip Background Color:", "ultimate_vc"), "param_name" => "swatch_strip_bg_color", "value" => "", //"description" => "", "group" => "Advanced Settings", ), ) ) ); // vc_map } } function swatch_container($atts,$content=null){ $swatch_style = $swatch_index_center = $swatch_space_degree = $swatch_trans_speed = $swatch_distance_sibling = $swatch_init_closed = $swatch_open_at = $swatch_width = $swatch_height = $swatch_trans_bg_img = $swatch_main_strip_text = $swatch_main_strip_highlight_text = $swatch_main_strip_font_size = $swatch_main_strip_font_style = $swatch_main_strip_color = $swatch_main_strip_highlight_font_size = $swatch_main_strip_highlight_font_weight = $swatch_main_strip_highlight_color = $swatch_main_strip_bg_color = $main_strip_font_family = $main_strip_font_style = ''; extract(shortcode_atts(array( 'swatch_style' => 'style-1', 'swatch_index_center' => '1', 'swatch_space_degree' => '1', 'swatch_trans_speed' => '500', 'swatch_distance_sibling' => '1', 'swatch_init_closed' => 'on', 'swatch_open_at' => '1', 'swatch_width' => '130', 'swatch_height' => '400', 'swatch_trans_bg_img' => '', 'swatch_main_strip_text' => '', 'swatch_main_strip_highlight_text' => '', 'swatch_main_strip_font_size' => '16', 'swatch_main_strip_font_style' => 'normal', 'swatch_main_strip_color' => '', 'swatch_main_strip_highlight_font_size' => '16', 'swatch_main_strip_highlight_font_weight' => 'normal', 'swatch_main_strip_highlight_color' => '', 'swatch_main_strip_bg_color' => '', 'main_strip_font_family' => '', 'main_strip_font_style' => '', ),$atts)); $output = $img = $style = $highlight_style = $main_style = ''; $uid = uniqid(); if($swatch_trans_bg_img !== ''){ // $img = wp_get_attachment_image_src( $swatch_trans_bg_img, 'large'); // $img = $img[0]; $img = apply_filters('ult_get_img_single', $swatch_trans_bg_img, 'url'); $this->swatch_trans_bg_img = $swatch_trans_bg_img; $style .= 'background-image: url('.$img.');'; } if($swatch_width !== ''){ $style .= 'width:'.$swatch_width.'px;'; $this->swatch_width = $swatch_width; } if($swatch_height !== ''){ $style .= 'height:'.$swatch_height.'px;'; $this->swatch_height = $swatch_height; } if($swatch_main_strip_highlight_font_size !== ''){ $highlight_style .= 'font-size:'.$swatch_main_strip_highlight_font_size.'px;'; } if($swatch_main_strip_highlight_font_weight !== ''){ $highlight_style .= 'font-weight:'.$swatch_main_strip_highlight_font_weight.';'; } if($swatch_main_strip_highlight_color !== ''){ $highlight_style .= 'color:'.$swatch_main_strip_highlight_color.';'; } if($main_strip_font_family != '') { $mhfont_family = get_ultimate_font_family($main_strip_font_family); $main_style .= 'font-family:\''.$mhfont_family.'\';'; } $main_style .= get_ultimate_font_style($main_strip_font_style); if($swatch_main_strip_font_size !== ''){ $main_style .= 'font-size:'.$swatch_main_strip_font_size.'px;'; } if($swatch_main_strip_font_style !== ''){ $main_style .= 'font-weight:'.$swatch_main_strip_font_style.';'; } if($swatch_main_strip_color !== ''){ $main_style .= 'color:'.$swatch_main_strip_color.';'; } if($swatch_main_strip_bg_color !== ''){ $main_style .= 'background:'.$swatch_main_strip_bg_color.';'; } $output .= '
'; $output .= do_shortcode($content); $output .= '
'; $output .= '

'.$swatch_main_strip_text.'

'; $output .= '
'.$swatch_main_strip_highlight_text.'
'; $output .= '
'; $output .= '
'; $output .= ''; return $output; } function swatch_item($atts,$content=null){ $icon_type = $icon_img = $img_width = $icon = $icon_color = $icon_color_bg = $icon_size = $icon_style = $icon_border_style = $icon_border_radius = $icon_color_border = $icon_border_size = $icon_border_spacing = $el_class = $icon_animation = $swatch_strip_font_size = $swatch_strip_font_weight = $swatch_strip_font_color = $swatch_strip_bg_color = $swatch_strip_title_bg_color = ''; extract(shortcode_atts(array( 'swatch_strip_text' => '', 'icon_type' => '', 'icon' => '', 'icon_img' => '', 'img_width' => '', 'icon_size' => '', 'icon_color' => '', 'icon_style' => '', 'icon_color_bg' => '', 'icon_color_border' => '', 'icon_border_style' => '', 'icon_border_size' => '', 'icon_border_radius' => '', 'icon_border_spacing' => '', 'icon_animation' => '', 'swatch_strip_font_size' => '', 'swatch_strip_font_weight' => '', 'swatch_strip_font_color' => '', 'swatch_strip_bg_color' => '', 'swatch_strip_title_bg_color' => '', 'el_class' => '', ),$atts)); $output = ''; $box_icon = do_shortcode('[just_icon icon_type="'.$icon_type.'" icon="'.$icon.'" icon_img="'.$icon_img.'" img_width="'.$img_width.'" icon_size="'.$icon_size.'" icon_color="'.$icon_color.'" icon_style="'.$icon_style.'" icon_color_bg="'.$icon_color_bg.'" icon_color_border="'.$icon_color_border.'" icon_border_style="'.$icon_border_style.'" icon_border_size="'.$icon_border_size.'" icon_border_radius="'.$icon_border_radius.'" icon_border_spacing="'.$icon_border_spacing.'" icon_animation="'.$icon_animation.'"]'); $style = ''; if($this->swatch_trans_bg_img !== ''){ // $img = wp_get_attachment_image_src( $this->swatch_trans_bg_img, 'large'); // $img = $img[0]; $img = apply_filters('ult_get_img_single', $this->swatch_trans_bg_img, 'url'); $style .= 'background-image: url('.$img.');'; } if($swatch_strip_bg_color !== ''){ $style .= 'background-color: '.$swatch_strip_bg_color.';'; } if($this->swatch_width !== ''){ $style .= 'width:'.$this->swatch_width.'px;'; } if($this->swatch_height!== ''){ $style .= 'height:'.$this->swatch_height.'px;'; } $output .= '
'; $output .= ''.$box_icon.''; $output .= '

'.$swatch_strip_text.'

'; $output .= '
'; return $output; } } } global $Ultimate_Swatch_Book; $Ultimate_Swatch_Book = new Ultimate_Swatch_Book; if(class_exists('WPBakeryShortCodesContainer')) { class WPBakeryShortCode_swatch_container extends WPBakeryShortCodesContainer { function content( $atts, $content = null ) { global $Ultimate_Swatch_Book; return $Ultimate_Swatch_Book->swatch_container($atts, $content); } } class WPBakeryShortCode_swatch_item extends WPBakeryShortCode { function content( $atts, $content = null ) { global $Ultimate_Swatch_Book; return $Ultimate_Swatch_Book->swatch_item($atts, $content); } } }