| 1 |
<div id="imh-6310-add-point" class="imh-6310-modal imh-6310-hide"> |
| 2 |
<div class="imh-6310-modal-content imh-6310-modal-lg"> |
| 3 |
<div class="imh-6310-modal-header"> |
| 4 |
Marker Settings |
| 5 |
<div class="imh-6310-close">×</div> |
| 6 |
</div> |
| 7 |
|
| 8 |
<div class="toggle-wrap"> |
| 9 |
<ul class="toggle-tabs"> |
| 10 |
<li data-id="1" class="active-tab">Marker</li> |
| 11 |
<li data-id="2">Content</li> |
| 12 |
<li data-id="3">link</li> |
| 13 |
</ul> |
| 14 |
<div class="imh-6310-modal-body-form"> |
| 15 |
<div class="tabbed-content-wrap"> |
| 16 |
<div class="imh-6310-tab imh-6310-tab-1"> |
| 17 |
<table border="0" width="100%" cellpadding="10" cellspacing="0"> |
| 18 |
<tr> |
| 19 |
<td class='imh-6310-width-150'><b>Marker Type:</b></td> |
| 20 |
<td> |
| 21 |
<input type="radio" name='icontype' class='imh-6310_icon_type' value='1' checked /> Font Awesome Icon |
| 22 |
<input type="radio" name='icontype' class="imh-6310_icon_type" value='2' /> Custom Icon <span class="imh-6310-pro">(Pro)</span> |
| 23 |
<input type="radio" name='icontype' class='imh-6310_icon_type' value='3' /> Text <span class="imh-6310-pro">(Pro)</span> |
| 24 |
</td> |
| 25 |
</tr> |
| 26 |
<tr height="40px" class="imh-6310-form-icon imh-6310-marker imh-6310-marker-type-1"> |
| 27 |
<td class='imh-6310-width-150'><b>Icons:</b></td> |
| 28 |
<td> |
| 29 |
<input type="text" name="icons" id="icons-1" class="imh-6310-form-input lg icons-1" placeholder="fas fa-map-marker-alt" data-value="fas fa-map-marker-alt" readonly=""> |
| 30 |
<div class="imh-6310-plus-icons" data-id='icons-1'><i class="fas fa-plus-circle"></i></div> |
| 31 |
<div class="imh-6310-minus-icons" data-id='icons-1'><i class="fas fa-minus-circle"></i></div> |
| 32 |
<div class="imh-selected-icon icons-1-selected"> <i class="fas fa-map-marker-alt"></i></div> |
| 33 |
</td> |
| 34 |
</tr> |
| 35 |
<tr height="40px" class="imh-6310-form-icon imh-6310-marker imh-6310-marker-type-1"> |
| 36 |
<td class='imh-6310-width-150'><b>Hover Icons:</b></td> |
| 37 |
<td> |
| 38 |
<input type="text" name="hovericons" id="icons-2" class="imh-6310-form-input lg icons-2" placeholder="fas fa-map-marker-alt" data-value="fas fa-map-marker-alt" readonly=""> |
| 39 |
<div class="imh-6310-plus-icons" data-id='icons-2'><i class="fas fa-plus-circle"></i></div> |
| 40 |
<div class="imh-6310-minus-icons" data-id='icons-2'><i class="fas fa-minus-circle"></i></div> |
| 41 |
<div class="imh-selected-icon icons-2-selected"> <i class="fas fa-map-marker-alt"></i></div> |
| 42 |
</td> |
| 43 |
</tr> |
| 44 |
<tr height="40px" class="imh-6310-form-icon imh-6310-marker imh-6310-marker-type-1"> |
| 45 |
<td class='imh-6310-width-150'><b>Icon Color:</b></td> |
| 46 |
<td> |
| 47 |
<input type="text" name="imh_6310_fontawesome_icon_color" class="imh_6310_fontawesome_icon_color imh-6310-form-input imh_6310_color_picker" data-format="rgb" data-opacity="0.8" data-value="rgba(255, 28, 3, 0.99)"> |
| 48 |
</td> |
| 49 |
</tr> |
| 50 |
<tr height="40px" class="imh-6310-form-icon imh-6310-marker imh-6310-marker-type-1"> |
| 51 |
<td class='imh-6310-width-150'><b>Icon Hover Color:</b></td> |
| 52 |
<td> |
| 53 |
<input type="text" name="imh_6310_fontawesome_icon_hover_color" class="imh-6310-form-input imh_6310_color_picker imh_6310_fontawesome_icon_hover_color" data-opacity="0.8" data-format="rgb" data-value="rgba(255, 28, 3, 0.99)"> |
| 54 |
</td> |
| 55 |
</tr> |
| 56 |
<tr height="40px" class="imh-6310-form-icon imh-6310-marker imh-6310-marker-type-1"> |
| 57 |
<td class='imh-6310-width-150'><b>Icon size in Desktop:</b></td> |
| 58 |
<td> |
| 59 |
<input type="number" min='20' max="" name="imh-6310_icon_size" class="imh-6310-form-input imh-6310_icon_size" data-value="30"> |
| 60 |
</td> |
| 61 |
</tr> |
| 62 |
<tr height="40px" class="imh-6310-form-icon imh-6310-marker imh-6310-marker-type-1"> |
| 63 |
<td class='imh-6310-width-150'><b>Icon size in Mobile <span class="imh-6310-pro">(Pro)</span> :</label></td> |
| 64 |
<td> |
| 65 |
<input type="number" min='0' max="" name="imh-6310_icon_size_in_mobile" class="imh-6310-form-input imh-6310_icon_size_in_mobile" data-value="20"> |
| 66 |
</td> |
| 67 |
</tr> |
| 68 |
<tr class="imh-6310-marker imh-6310-marker-type-2 imh-6310-hide"> |
| 69 |
<td class='imh-6310-width-150'><b>Custom Icon/Image <span class="imh-6310-pro">(Pro)</span> :</b></td> |
| 70 |
<td> |
| 71 |
<input type="text" name="image" id="imh-6310-image-edit-1" class="imh-6310-form-input imh-6310-image-edit-1" value=""> |
| 72 |
<input type="button" value="Upload Image" class="imh-6310-btn-default imh-6310-icon-upload custom-icon-image" data-id="imh-6310-image-edit-1" data-value=''> |
| 73 |
</td> |
| 74 |
</tr> |
| 75 |
<tr class="imh-6310-marker imh-6310-marker-type-2 imh-6310-hide"> |
| 76 |
<td class='imh-6310-width-150'><b>Custom Hover Icon/Image <span class="imh-6310-pro">(Pro)</span> :</b></td> |
| 77 |
<td> |
| 78 |
<input type="text" name="hoverimage" id="imh-6310-image-edit-2" class="imh-6310-form-input imh-6310-image-edit-2" value=""> |
| 79 |
<input type="button" value="Upload Hover Image" class="imh-6310-btn-default imh-6310-icon-upload custom-icon-image" data-id="imh-6310-image-edit-2" data-value=''> |
| 80 |
</td> |
| 81 |
</tr> |
| 82 |
<tr class="imh-6310-marker imh-6310-marker-type-2 imh-6310-hide"> |
| 83 |
<td class='imh-6310-width-150'><b>Image / icon Size in Desktop<span class="imh-6310-pro">(Pro)</span> :</b></td> |
| 84 |
<td> |
| 85 |
<input type="number" min='0' max="" name="img_or_icon_size" class="imh-6310-form-input img_or_icon_size" data-value="30"> |
| 86 |
</td> |
| 87 |
</tr> |
| 88 |
<tr class="imh-6310-marker imh-6310-marker-type-2 imh-6310-hide"> |
| 89 |
<td class='imh-6310-width-150'><label class="imh-6310-form-label">Image / icon Size in Mobile:</label></td> |
| 90 |
<td> |
| 91 |
<input type="number" min='0' max="" name="img_or_icon_size_in_mobile" class="imh-6310-form-input img_or_icon_size_in_mobile" data-value="20"> |
| 92 |
</td> |
| 93 |
</tr> |
| 94 |
<tr height="40px" class="imh-6310-marker imh-6310-marker-type-3 imh-6310-hide"> |
| 95 |
<td class='imh-6310-width-150'><b>Text <span class="imh-6310-pro">(Pro)</span> :</b></td> |
| 96 |
<td> |
| 97 |
<input type="text" name="icons" id="imh-6310_custom_enter_text" class="imh-6310-form-input lg imh-6310_custom_enter_text" data-value="Hover here"> |
| 98 |
</td> |
| 99 |
</tr> |
| 100 |
<tr class="imh-6310-marker imh-6310-marker-type-3 imh-6310-hide"> |
| 101 |
<td class='imh-6310-width-150'><b>Font Size <span class="imh-6310-pro">(Pro)</span> :</b></td> |
| 102 |
<td> |
| 103 |
<input type="number" min="0" class="imh-6310-form-input imh_6310_custom_text_font_size" data-value="16" step="1" /> |
| 104 |
</td> |
| 105 |
</tr> |
| 106 |
<tr class="imh-6310-marker imh-6310-marker-type-3 imh-6310-hide"> |
| 107 |
<td><b>Font Color <span class="imh-6310-pro">(Pro)</span> :</b></td> |
| 108 |
<td> |
| 109 |
<input type="text" class="imh-6310-form-input imh_6310_color_picker imh_6310_custom_text_font_color" data-format="rgb" data-value="rgb(255, 255, 255)"> |
| 110 |
</td> |
| 111 |
</tr> |
| 112 |
<tr class="imh-6310-marker imh-6310-marker-type-3 imh-6310-hide"> |
| 113 |
<td><b>Background Color <span class="imh-6310-pro">(Pro)</span> :</b></td> |
| 114 |
<td> |
| 115 |
<input type="text" class="imh-6310-form-input imh_6310_color_picker imh_6310_custom_text_font_bg_color" data-format="rgb" data-opacity="0.8" data-value="rgba(2, 59, 92, 0.99)"> |
| 116 |
</td> |
| 117 |
</tr> |
| 118 |
</table> |
| 119 |
<table border="0" width="100%" cellpadding="10" cellspacing="0"> |
| 120 |
<tr> |
| 121 |
<td class='imh-6310-width-150'><b>Blinking Tooltip:</b></td> |
| 122 |
<td> |
| 123 |
<input type="radio" name='blinktype' class='imh-6310_blink_type' value='1' checked /> Yes |
| 124 |
<span class="imh-6310-pro">(Pro)</span> |
| 125 |
<input type="radio" name='blinktype' class="imh-6310_blink_type" value='2' />No <span class="imh-6310-pro">(Pro)</span> |
| 126 |
</td> |
| 127 |
</tr> |
| 128 |
<tr height="40px" class="imh-6310-form-icon imh_6310_icon_glow_color"> |
| 129 |
<td class='imh-6310-width-150'><b>Color:</b></td> |
| 130 |
<td> |
| 131 |
<input type="text" name="imh_6310_fontawesome_icon_glow_color" class="imh-6310-form-input imh_6310_color_picker imh_6310_fontawesome_icon_glow_color" data-format="rgb" data-opacity="0.8" data-value="rgb(255, 0, 0)"> |
| 132 |
</td> |
| 133 |
</tr> |
| 134 |
|
| 135 |
</table> |
| 136 |
</div> |
| 137 |
<div class="imh-6310-tab imh-6310-tab-2"> |
| 138 |
<table border="0" width="100%" cellpadding="10" cellspacing="0"> |
| 139 |
<tr> |
| 140 |
<td class='imh-6310-width-150'><b class="imh-6310-form-label">Element Type:</b></td> |
| 141 |
<td> |
| 142 |
<input class='imh-6310-section-select' value='1' type="radio" name="popover_new" checked />Tooltip |
| 143 |
<input class='imh-6310-section-select' value='2' type="radio" name="popover_new">Embedded code <span class="imh-6310-pro">(Pro)</span> |
| 144 |
<input class='imh-6310-section-select' value='3' type="radio" name="popover_new">Custom code <span class="imh-6310-pro">(Pro)</span> |
| 145 |
<input class='imh-6310-section-select' value='5' type="radio" name="popover_new">WooCommerce Products<span class="imh-6310-pro">(Pro)</span> |
| 146 |
<input class='imh-6310-section-select' value='6' type="radio" name="popover_new">ShortCode<span class="imh-6310-pro">(Pro)</span> |
| 147 |
</td> |
| 148 |
</tr> |
| 149 |
</table> |
| 150 |
<div class="imh-6310-templates imh-6310-hide"> |
| 151 |
<table border="0" width="100%" cellpadding="10" cellspacing="0"> |
| 152 |
|
| 153 |
<tr class=""> |
| 154 |
<td class='imh-6310-width-150'><b class="imh-6310-form-label" > Select Template: </b></td> |
| 155 |
<td> |
| 156 |
<div class="imh-6310-tooltip_img_section"> |
| 157 |
<div class="imh-6310-tooltip-img imh-6310-tooltip-img-css imh-6310-type-1" data-id='01'> |
| 158 |
<img src="<?php echo imh_6310_plugin_dir_url . 'assets/images/1.png' ?>" data-template='template-01' alt="First Img"> |
| 159 |
</div> |
| 160 |
<div class="imh-6310-tooltip-img-css imh-6310-tooltip-img imh-6310-tooltip-img-pro imh-6310-type-2 " data-id='02'> |
| 161 |
<img src="<?php echo imh_6310_plugin_dir_url . 'assets/images/2.png' ?>" alt="First Img"> |
| 162 |
</div> |
| 163 |
<div class="imh-6310-tooltip-img-css imh-6310-tooltip-img-pro imh-6310-type-1" data-id='03'> |
| 164 |
<img src="<?php echo imh_6310_plugin_dir_url . 'assets/images/3.png' ?>" alt="First Img"> |
| 165 |
</div> |
| 166 |
<div class="imh-6310-tooltip-img-css imh-6310-tooltip-img-pro imh-6310-type-1" data-id='04'> |
| 167 |
<img src="<?php echo imh_6310_plugin_dir_url . 'assets/images/4.png' ?>" alt="First Img"> |
| 168 |
</div> |
| 169 |
<div class="imh-6310-tooltip-img-css imh-6310-tooltip-img-pro imh-6310-type-1 " data-id='05'> |
| 170 |
<img src="<?php echo imh_6310_plugin_dir_url . 'assets/images/5.png' ?>" alt="First Img"> |
| 171 |
</div> |
| 172 |
</div> |
| 173 |
</td> |
| 174 |
</tr> |
| 175 |
</table> |
| 176 |
</div> |
| 177 |
<div class="imh-6310-tooltip-link imh-6310-hide"> |
| 178 |
<table border="0" width="100%" cellpadding="10" cellspacing="0"> |
| 179 |
<tr> |
| 180 |
<td class='imh-6310-width-150'><b class="imh-6310-form-label" >Title Content:</b></td> |
| 181 |
<td> |
| 182 |
<input type="text" data-value="Tooltip text" class="imh_6310_link_text"> |
| 183 |
</td> |
| 184 |
</tr> |
| 185 |
|
| 186 |
<tr> |
| 187 |
<td class='imh-6310-width-150'><b class="imh-6310-form-label" >Open in Popup <span class="imh-6310-pro">(Pro)</span>:</b></td> |
| 188 |
<td> |
| 189 |
<input name="imh-6310-open-popup" class="imh-6310-open-popup" value='2' type="radio" checked>Popup Embedded <span class="imh-6310-pro">(Pro)</span> |
| 190 |
<input name="imh-6310-open-popup" class="imh-6310-open-popup" value='3' type="radio" checked>Popup Custom Code <span class="imh-6310-pro">(Pro)</span> |
| 191 |
<input name="imh-6310-open-popup" class="imh-6310-open-popup" value='1' type="radio">No |
| 192 |
</td> |
| 193 |
</tr> |
| 194 |
<tr class="tooltip-embedded imh-6310-hide"> |
| 195 |
<td class='imh-6310-width-150'><b class="imh-6310-form-label" > Enter Embedded Code <span class="imh-6310-pro">(Pro)</span>:</b></td> |
| 196 |
<td> |
| 197 |
<textarea class="imh_6310_custom_code_popup-html" name="imh_6310_custom_code_popup" placeholder="" cols="90" rows="5" placeholder="This template avaiable on pro only." readonly ></textarea> |
| 198 |
</td> |
| 199 |
</tr> |
| 200 |
<tr class="tooltip-custom-code imh-6310-hide"> |
| 201 |
<td class='imh-6310-width-150'><b>Popup Max Width</b> <span class="imh-6310-pro">(Pro)</span></td> |
| 202 |
<td> |
| 203 |
<input type="text" name="imh_6310_custom_popup_width" id="imh_6310_custom_popup_width" class="imh_6310_custom_popup_width" placeholder="Custom popup width" readonly > |
| 204 |
</td> |
| 205 |
</tr> |
| 206 |
<tr class="tooltip-custom-code imh-6310-hide"> |
| 207 |
<td class='imh-6310-width-150'><b>HTML Code</b> <span class="imh-6310-pro">(Pro)</span></td> |
| 208 |
<td> |
| 209 |
<textarea name="imh_6310_popup_custom_html" id="imh_6310_popup_custom_html" class="imh_6310_popup_custom_html" cols="90" rows="5" data-value='' readonly></textarea> |
| 210 |
<a href="https://wpmart.org/image-hotspot-templates-01-10/" target="_blank" class='imh-6310-custom-code-url'>Get build in custom code for tooltip / popup</a> |
| 211 |
</td> |
| 212 |
</tr> |
| 213 |
<tr class="tooltip-custom-code imh-6310-hide"> |
| 214 |
<td class='imh-6310-width-150'><b>CSS Code</b> <span class="imh-6310-pro">(Pro)</span></td> |
| 215 |
<td> |
| 216 |
<textarea name="imh_6310_popup_custom_css" id="imh_6310_popup_custom_css" class="imh_6310_popup_custom_css" cols="90" rows="5" data-value='' readonly></textarea> |
| 217 |
</td> |
| 218 |
</tr> |
| 219 |
</table> |
| 220 |
</div> |
| 221 |
<?php include imh_6310_plugin_url . "settings/template-settings.php"; ?> |
| 222 |
</div> |
| 223 |
|
| 224 |
<div class="imh-6310-tab imh-6310-tab-3"> |
| 225 |
<table border="0" width="100%" cellpadding="10" cellspacing="0"> |
| 226 |
<tr> |
| 227 |
<td class='imh-6310-width-150'><b>Do you Link Title?:</b></td> |
| 228 |
<td> |
| 229 |
<input class='imh-6310_link_title_type' value='1' type="radio" name="link_title">Yes |
| 230 |
<input class='imh-6310_link_title_type' value='2' type="radio" name="link_title" checked>No |
| 231 |
</td> |
| 232 |
</tr> |
| 233 |
<tr class="imh-6310_link"> |
| 234 |
<td class='imh-6310-width-150'><label class="imh-6310-form-label" for="picture">Link with <span class="imh-6310-pro">(Pro)</span>:</label></td> |
| 235 |
<td> |
| 236 |
<input name="imh-6310-link-position" class="imh-6310-link-position" value='1' type="radio" checked>Tooltip |
| 237 |
<input name="imh-6310-link-position" class="imh-6310-link-position" value='2' type="radio">Pointer |
| 238 |
</td> |
| 239 |
</tr> |
| 240 |
<tr class="imh-6310_link"> |
| 241 |
<td class='imh-6310-width-150'><b>Title Link Url:</b></td> |
| 242 |
<td> |
| 243 |
<input type="text" class="imh_6310_custom_link_url" data-value="www.wpmart.org"> |
| 244 |
</td> |
| 245 |
</tr> |
| 246 |
<tr class="imh-6310_link"> |
| 247 |
<td class='imh-6310-width-150'><b>Open new tab:</b></td> |
| 248 |
<td> |
| 249 |
<input name="imh-6310-open-new-tab" class="imh-6310-open-new-tab" value='1' type="radio" checked>Yes |
| 250 |
<input name="imh-6310-open-new-tab" class="imh-6310-open-new-tab" value='2' type="radio">No |
| 251 |
</td> |
| 252 |
</tr> |
| 253 |
</table> |
| 254 |
</div> |
| 255 |
</div> |
| 256 |
</div> |
| 257 |
|
| 258 |
</div> |
| 259 |
<div class="imh-6310-modal-form-footer"> |
| 260 |
<button type="button" name="close" class="imh-6310-btn-danger imh-6310-btn-close imh-6310-pull-right">Close</button> |
| 261 |
<input type="submit" name="submit" class="imh-6310-btn-primary imh-6310-pull-right imh-6310-margin-right-10 imh-6310-add-place-save" value="Save" /> |
| 262 |
</div> |
| 263 |
<br class="imh-6310-clear" /> |
| 264 |
</div> |
| 265 |
</div> |
| 266 |
|
| 267 |
<!-- Icon Modal Start --> |
| 268 |
<div id="imh_6310_social_icon" class="imh-6310-modal imh-6310-display-none"> |
| 269 |
<div class="imh-6310-modal-content imh-6310-modal-xl"> |
| 270 |
<input type="hidden" name="rearrange_list" id="rearrange_list" value="" /> |
| 271 |
<div class="imh-6310-modal-header"> |
| 272 |
<span class="imh-6310-action-button">Choose your Icon</span> |
| 273 |
<input type="text" id="icon-filter" class="imh-6310-form-input" placeholder="Search Icon" /> |
| 274 |
<span class="imh-6310-font-awesome-close">×</span> |
| 275 |
</div> |
| 276 |
<div class="imh-6310-modal-body-form"> |
| 277 |
<ul class="imh-6310-choose-icon"> |
| 278 |
<?php echo imh_6310_fa_icon_list('li', '</li>'); ?> |
| 279 |
</ul> |
| 280 |
</div> |
| 281 |
<div class="imh-6310-modal-form-footer"> |
| 282 |
<button type="button" name="close" id="imh-6310-font-icon-close" class="imh-6310-btn-danger imh-6310-pull-right">Close</button> |
| 283 |
</div> |
| 284 |
<br class="imh-6310-clear" /> |
| 285 |
</div> |
| 286 |
</div> |
