iconType == 1){ if(!$js->fontAwesomeIcon && !$js->fontAwesomeHoverIcon){ return; } if(!$js->fontAwesomeIcon){ $fontAwesomeIcon = $js->fontAwesomeHoverIcon; $fontAwesomeHoverIcon = $js->fontAwesomeHoverIcon; } else if(!$js->fontAwesomeHoverIcon){ $fontAwesomeIcon = $js->fontAwesomeIcon; $fontAwesomeHoverIcon = $js->fontAwesomeIcon; } else { $fontAwesomeIcon = $js->fontAwesomeIcon; $fontAwesomeHoverIcon = $js->fontAwesomeHoverIcon; } $points= " "; }else if ($js->iconType == 2){ if(!$js->customFirstImg && !$js->customSecondImg){ return; } else if(!$js->customFirstImg){ $customFirstImg = $js->customSecondImg; $customSecondImg = $js->customSecondImg; } else if(!$js->customSecondImg){ $customFirstImg = $js->customFirstImg; $customSecondImg = $js->customFirstImg; } else { $customFirstImg = $js->customFirstImg; $customSecondImg = $js->customSecondImg; } $points = " "; }else { if(!$js->customText && !$js->customText){ return; }else{ $customText = $js->customText; } $points = " "; } echo " "; $pointCssCode = " .imh-6310-point-{$counter} .imh-6310-tooltip{ background: #FFF; color: #000; font-size: 16px; } "; if ($js->iconType == 1) { $pointCssCode .= " .imh-6310-point-{$counter} .imh-6310-pin-main-img { color: ".esc_attr($js->fontAwesomeIconColor)." !important; font-size:".esc_attr($js->fontAwesomIconSize)."px !important; } .imh-6310-point-{$counter} .imh-6310-pin-hover-img { color: ".esc_attr($js->fontAwesomeIconHoverColor)." !important; font-size:".esc_attr($js->fontAwesomIconSize)."px !important; } "; if(isset($js->blinkTooltip) && $js->blinkTooltip == 1){ $pointCssCode .= " i.imh-6310-blinking-{$counter}, i.imh-6310-blinking-hover-{$counter} { position: relative; display: block; } i.imh-6310-blinking-{$counter}::after, i.imh-6310-blinking-hover-{$counter}::after { content: ''; position: absolute; width: ".esc_attr($js->fontAwesomIconSize + 10)."px; height: ".esc_attr($js->fontAwesomIconSize + 10)."px; box-shadow: 0 0 1px 3px white; animation: pulse-animation-{$counter} 2s infinite; display: block; border-radius: 50%; transform: translate(-50%, -50%); top: 50%; left: 50%; border-radius: 50%; pointer-events: none; } @keyframes pulse-animation-{$counter} { 0% { box-shadow: 0 0 0 0px {$js->glowColor}; } 100% { box-shadow: 0 0 0 8px rgba(0, 0, 0, 0); } } "; } }else if ($js->iconType == 2) { $pointCssCode .= " .imh-6310-point-{$counter} .imh-6310-pin-main-img { width:".esc_attr($js->imgOrIconSize)."px !important; height: auto !important; border-radius: 50%; } .imh-6310-point-{$counter} .imh-6310-pin-hover-img { width:".esc_attr($js->imgOrIconSize)."px !important; height: auto !important; border-radius: 50%; } "; if(isset($js->blinkTooltip) && $js->blinkTooltip == 1){ $pointCssCode .= " .imh-6310-point-icons-".esc_attr($counter)."::after { content: ''; position: absolute; width: ".esc_attr($js->imgOrIconSize + 10)."px; height: ".esc_attr($js->imgOrIconSize + 10)."px; box-shadow: 0 0 1px 3px white; animation: pulse-animation-{$counter} 2s infinite; display: block; border-radius: 50%; transform: translate(-50%, -50%); top: 50%; left: 50%; pointer-events: none; } @keyframes pulse-animation-{$counter} { 0% { box-shadow: 0 0 0 0px {$js->glowColor}; } 100% { box-shadow: 0 0 0 8px rgba(0, 0, 0, 0); } } "; } }else if ($js->iconType == 3) { $pointCssCode .= " .imh-6310-point-{$counter} span { font-size:".esc_attr($js->customTextSize)."px !important; color: ".esc_attr($js->customTextColor)." !important; background-color:".esc_attr($js->customTextBgColor)." !important; padding: 5px 10px; } "; if(isset($js->blinkTooltip) && $js->blinkTooltip == 1){ $pointCssCode .=".imh-6310-blinking-{$counter} { animation: pulse-animation-{$counter} 2s infinite; } @keyframes pulse-animation-{$counter} { 0% { box-shadow: 0 0 0 0px {$js->glowColor}; } 100% { box-shadow: 0 0 0 8px rgba(0, 0, 0, 0); } }"; } } wp_register_style( "imh-6310-template-".esc_attr($counter)."-css", "" ); wp_enqueue_style( "imh-6310-template-".esc_attr($counter)."-css" ); wp_add_inline_style( "imh-6310-template-".esc_attr($counter)."-css", $pointCssCode ); $counter++; } } ?>