| Server IP : 104.21.80.1 / Your IP : 216.73.216.145 Web Server : LiteSpeed System : Linux premium151.web-hosting.com 4.18.0-553.44.1.lve.el8.x86_64 #1 SMP Thu Mar 13 14:29:12 UTC 2025 x86_64 User : tempvsty ( 647) PHP Version : 8.0.30 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/tempvsty/eaabusiness.com/wp-content/themes/globeco/vc/theme_shortcodes/ |
Upload File : |
<?php
global $cws_theme_funcs;
$first_color = esc_attr( $cws_theme_funcs->cws_get_option( 'theme-first-color' ) );
// Map Shortcode in Visual Composer
vc_map( array(
"name" => esc_html__( 'CWS Tips', 'globeco' ),
"base" => "cws_sc_tips",
'category' => "By CWS",
"icon" => "cws_icon",
"weight" => 80,
'description' => esc_html__( 'Image Tips with tooltip', 'globeco' ),
"params" => array(
array(
"type" => "attach_image",
"heading" => esc_html__("Image", "globeco"),
"param_name" => "image",
"value" => "",
"description" => esc_html__("Select image from media library.", "globeco")
),
array(
"type" => "textfield",
"heading" => esc_html__("Resize image to this width", "globeco"),
"param_name" => "width",
"value" => "",
"description" => esc_html__("You can resize image to this width, or keep it to blank to use the original image.", "globeco")
),
array(
"type" => "textarea_html",
"holder" => "div",
"heading" => esc_html__("Tooltip content, divide each one with [cwstips][/cwstips], please edit in text mode:", "globeco"),
"param_name" => "content",
"value" => "[cwstips]
You have to wrap each tooltip block in <strong>cwstips</strong>.
[/cwstips]
[cwstips]
Hello tooltip 2, you can customize the icon color, link, arrow position, tooltip content etc in the backend.
[/cwstips]
[cwstips]
Hello tooltip 3
[/cwstips]
", "description" => esc_html__("Enter content for each block here. Divide each with [cwstips].", "globeco") ),
array(
"type" => "dropdown",
"heading" => esc_html__("Display which tooltip by default?", "globeco"),
"param_name" => "isdisplayall",
'value' => array(__("Display all of them when loaded", "globeco") => "on", esc_html__("Display a specified one (customize it below:)", "globeco") => "specify", esc_html__("Hide them all when loaded", "globeco") => "off"),
'std' => 'off',
"description" => esc_html__('Default all the tooltips are hidden. Though you can choose to open all of them or a single one when page is loaded.', 'globeco')
),
array(
"type" => "textfield",
"heading" => esc_html__("Display this tooltip when page loaded:", "globeco"),
"param_name" => "displayednum",
"value" => "1",
"dependency" => Array('element' => "isdisplayall", 'value' => array('specify')),
"description" => esc_html__("You can specify to display which tooltip in current image. Default is <strong>1</strong>, which stand for the number 1 tooltip will be opened when page is loaded.", "globeco")
),
array(
"type" => "dropdown",
"holder" => "",
"class" => "globeco",
"heading" => esc_html__("Display the tips with?", "globeco"),
"param_name" => "icontype",
"value" => array(__("single dot", "globeco") => "dot", esc_html__("number", "globeco") => "number", esc_html__("Font Awesome icon", "globeco") => "icon"),
"description" => ""
),
array(
"type" => "textfield",
"heading" => esc_html__("Numbers start from", "globeco"),
"param_name" => "startnumber",
"value" => "1",
"dependency" => Array('element' => "icontype", 'value' => array('number')),
"description" => esc_html__("Default is start from 1, you can specify other value here, like 4.", "globeco")
),
array(
"type" => "exploded_textarea",
"holder" => "",
"class" => "globeco",
"heading" => esc_html__("Font Awesome icon for each tips:", 'globeco'),
"param_name" => "fonticon",
"value" => esc_html__("fa-hand-o-right,fa-image,fa-coffee,fa-comment", 'globeco'),
"dependency" => Array('element' => "icontype", 'value' => array('icon')),
"description" => esc_html__("Put the <a href='http://fortawesome.github.io/Font-Awesome/icons/' target='_blank'>Font Awesome icon</a> here, divide with linebreak (Enter).", 'globeco')
),
array(
"type" => "exploded_textarea",
"holder" => "",
"class" => "globeco",
"heading" => esc_html__("Each tips icon's position", 'globeco'),
"param_name" => "position",
"value" => esc_html__("25%|30%,35%|20%,45%|60%,75%|20%", 'globeco'),
"description" => esc_html__("Position of each icon in <strong>top|left</strong> format. Please update via dragging the tips icon in the Visual Composer Frontend editor. See a <a href='http://youtu.be/9j1XhIQw9JE' target='_blank'>Youtube video demo</a>.", 'globeco')
),
array(
"type" => "colorpicker",
"holder" => "div",
"class" => "",
"heading" => esc_html__("Global tips icon color", 'globeco'),
"param_name" => "iconbackground",
"value" => 'rgba(0,0,0,0.8)',
"description" => esc_html__("Global color for the tips icon. Or you can specify different color for each icon below.", 'globeco')
),
array(
"type" => "colorpicker",
"holder" => "div",
"class" => "",
"heading" => esc_html__("Hotspot circle dot (or Font Awesome icon) color", 'globeco'),
"param_name" => "circlecolor",
"value" => '#FFFFFF',
"description" => esc_html__("Color for the tips circle dot. Default is white.", 'globeco')
),
array(
"type" => "exploded_textarea",
"holder" => "",
"class" => "globeco",
"heading" => esc_html__("Each tips icon's color", 'globeco'),
"param_name" => "color",
"value" => "",
"description" => esc_html__("Color for each icon, you can use the value like #663399 or the name of the color like blue here. Divide each with linebreaks (Enter).", 'globeco')
),
array(
"type" => "dropdown",
"holder" => "",
"class" => "globeco",
"heading" => esc_html__("Display pulse animation for the tips icon?", "globeco"),
"param_name" => "ispulse",
"value" => array(__("yes", "globeco") => "yes", esc_html__("no", "globeco") => "no"),
"description" => ""
),
array(
"type" => "dropdown",
"holder" => "",
"class" => "globeco",
"heading" => esc_html__("Select pulse border color", "globeco"),
"param_name" => "pulsecolor",
"value" => array(__("Default", "globeco") => "pulse-white", esc_html__("gray", "globeco") => "pulse-gray", esc_html__("red", "globeco") => "pulse-red", esc_html__("green", "globeco") => "pulse-green", esc_html__("yellow", "globeco") => "pulse-yellow", esc_html__("blue", "globeco") => "pulse-blue", esc_html__("purple", "globeco") => "pulse-purple"),
"dependency" => Array('element' => "ispulse", 'value' => array('yes')),
"std" => "pulse-white",
"description" => esc_html__("You can select the pulse border color here, default is white.", "globeco")
),
array(
"type" => "exploded_textarea",
"holder" => "",
"class" => "globeco",
"heading" => esc_html__("Tooltip arrow position for each tips", 'globeco'),
"param_name" => "arrowposition",
"value" => "",
"description" => esc_html__("The arrow position for each tooltip, default is top. The available options are: <strong>top, right, bottom, left, top-right, top-left, bottom-right, bottom-left</strong>. Divide each with linebreaks (Enter)", 'globeco')
),
array(
"type" => "textfield",
"heading" => esc_html__("Hotspot icon opacity", "globeco"),
"param_name" => "opacity",
"value" => "1",
"description" => esc_html__("The opacity of each icon, default is 1", "globeco")
),
array(
"type" => "dropdown",
"holder" => "",
"class" => "globeco",
"heading" => esc_html__("Tooltip style", "globeco"),
"param_name" => "tooltipstyle",
"value" => array(__("shadow", "globeco") => "shadow", esc_html__("light", "globeco") => "light", esc_html__("noir", "globeco") => "noir", esc_html__("punk", "globeco") => "punk"),
"description" => ""
),
array(
"type" => "dropdown",
"holder" => "",
"class" => "globeco",
"heading" => esc_html__("Tooltip trigger when user", "globeco"),
"param_name" => "trigger",
"value" => array(__("hover", "globeco") => "hover", esc_html__("click", "globeco") => "click"),
"description" => esc_html__("Select how to trigger the tooltip.", "globeco")
),
array(
"type" => "dropdown",
"holder" => "",
"class" => "globeco",
"heading" => esc_html__("Tooltip animation", "globeco"),
"param_name" => "tooltipanimation",
"value" => array(__("grow", "globeco") => "grow", esc_html__("fade", "globeco") => "fade", esc_html__("swing", "globeco") => "swing", esc_html__("slide", "globeco") => "slide", esc_html__("fall", "globeco") => "fall"),
"description" => esc_html__("Choose the animation for the tooltip.", "globeco")
),
array(
"type" => "exploded_textarea",
"holder" => "",
"class" => "globeco",
"heading" => esc_html__("Link for each tips icon", 'globeco'),
"param_name" => "links",
"value" => "",
"description" => esc_html__("Specify link for each icon, divide each with linebreaks (Enter).", 'globeco')
),
array(
"type" => "dropdown",
"heading" => esc_html__("How to open the link for the icon?", "globeco"),
"param_name" => "custom_links_target",
"description" => esc_html__('Select how to open the links', 'globeco'),
'value' => array(__("Same window", "globeco") => "_self", esc_html__("New window", "globeco") => "_blank")
),
array(
"type" => "textfield",
"heading" => esc_html__("maxWidth of the tooltip", "globeco"),
"param_name" => "maxwidth",
"value" => "240",
"description" => esc_html__("maxWidth for the tooltip, 0 is auto width, you can specify a value here, default is 240.", "globeco")
),
array(
"type" => "textfield",
"heading" => esc_html__("Container width", "globeco"),
"param_name" => "containerwidth",
"value" => "",
"description" => esc_html__("You can specify the container width here, default is 100%. You can try other value like 80%, it will be align center automatically.", "globeco")
),
array(
"type" => "textfield",
"heading" => esc_html__("Margin offset", "globeco"),
"param_name" => "marginoffset",
"value" => "",
"description" => esc_html__("The margin offset for the tips icon in small screen. For example <strong>-6px 0 0 -6px</strong> will move the icons upper left for 6px offset in small screen. Leave here to be blank if you do not want it.", "globeco")
),
array(
"type" => "textfield",
"heading" => esc_html__("Extra class name for the container", "globeco"),
"param_name" => "extra_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.", "globeco")
)
)
));
if ( class_exists( 'WPBakeryShortCode' ) ) {
class WPBakeryShortCode_CWS_Sc_Tips extends WPBakeryShortCode {
}
}
?>