| 1 |
<div class="imh-6310-form imh_6310_template_description imh-6310-form-03 imh-6310-form-04 imh-6310-form-05 imh-6310-hide"> |
| 2 |
<table border="0" width="50%" cellpadding="10" cellspacing="0"> |
| 3 |
<tr class=""> |
| 4 |
<td class='imh-6310-width-150'><label class="imh-6310-form-label" for="picture">Add Image <span class="imh-6310-pro">(Pro)</span> :</label></td> |
| 5 |
<td> |
| 6 |
<input type="text" name="image" id="imh-6310-des-img" class="imh-6310-form-input imh-6310-des-img" value=""> |
| 7 |
<input type="button" value="Upload Image" class="imh-6310-btn-default imh-6310-icon-upload custom-icon-image" data-id="imh-6310-des-img"> |
| 8 |
</td> |
| 9 |
</tr> |
| 10 |
<tr> |
| 11 |
<td class='imh-6310-width-150'><b>Description <span class="imh-6310-pro">(Pro)</span> :</b></td> |
| 12 |
<td> |
| 13 |
<textarea class="imh-6310-form-input imh-6310-tooltip_discription" name="" id="imh-6310-tooltip_discription" cols="30" rows="10" data-value="Lorem ipsum dolor sit amet consectetur adipisicing elit. Debitis vero maxime beatae fugiat, aspernatur quia."></textarea> |
| 14 |
</td> |
| 15 |
</tr> |
| 16 |
<tr> |
| 17 |
<td class='imh-6310-width-150'><b>Description Font Size <span class="imh-6310-pro">(Pro)</span> :</b></td> |
| 18 |
<td> |
| 19 |
<input type="number" class="imh-6310-form-input imh-6310-tooltip_discription_font_size" name="" id="imh-6310-tooltip_discription_font_size" data-value="16"> |
| 20 |
</td> |
| 21 |
</tr> |
| 22 |
<tr> |
| 23 |
<td class='imh-6310-width-150'><b>Description Font Color <span class="imh-6310-pro">(Pro)</span></b></td> |
| 24 |
<td> |
| 25 |
<input type="text" class="imh-6310-form-input imh_6310_color_picker imh-6310-tooltip_discription_font_color" data-format="rgb" data-opacity="0.8" data-value="rgb(0, 0, 0)" name="" id="imh-6310-tooltip_discription_font_color"> |
| 26 |
</td> |
| 27 |
</tr> |
| 28 |
</table> |
| 29 |
</div> |
| 30 |
<div class="imh-6310-form imh_6310_font_prop imh-6310-form-01 imh-6310-form-04 imh-6310-form-03 imh-6310-form-05 imh-6310-hide"> |
| 31 |
<table border="0" width="50%" cellpadding="10" cellspacing="0"> |
| 32 |
<tr> |
| 33 |
<td class='imh-6310-width-150'><b>Title Font Size</b></td> |
| 34 |
<td> |
| 35 |
<input type="number" min="0" class="imh-6310-form-input imh_6310_template_font_size" step="1" data-value="16" /> |
| 36 |
</td> |
| 37 |
</tr> |
| 38 |
<tr> |
| 39 |
<td><b>Title Font Color</b></td> |
| 40 |
<td> |
| 41 |
<input type="text" class="imh-6310-form-input imh_6310_color_picker imh_6310_template_font_color" data-format="rgb" data-value="rgb(18, 0, 0)" > |
| 42 |
</td> |
| 43 |
</tr> |
| 44 |
<tr> |
| 45 |
<td><b>Background Color <span class="imh-6310-pro">(Pro)</span> :</b></td> |
| 46 |
<td> |
| 47 |
<input type="text" class="imh-6310-form-input imh_6310_color_picker imh_6310_template_bg_color" data-format="rgb" data-value="rgb(255, 255, 255)" > |
| 48 |
</td> |
| 49 |
</tr> |
| 50 |
|
| 51 |
</table> |
| 52 |
</div> |
| 53 |
|
| 54 |
<div class="imh-6310-form imh_6310_woocommerce_image imh-6310-hide"> |
| 55 |
<h3 style="color: #c20606">This feature is only available in the Pro version, so we have included a screenshot to know the Pro feature.</h3><br /> |
| 56 |
<img src="<?php echo imh_6310_plugin_dir_url . 'assets/images/woocommerce.png' ?>" alt=""> |
| 57 |
</div> |
| 58 |
<div class="imh-6310-form imh_6310_shortcode_image imh-6310-hide"> |
| 59 |
<h3 style="color: #c20606">This feature is only available in the Pro version, so we have included a screenshot to know the Pro feature.</h3><br /> |
| 60 |
<img src="<?php echo imh_6310_plugin_dir_url . 'assets/images/shortcode.png' ?>" alt="" style="width: 50%; height: auto;" > |
| 61 |
</div> |
| 62 |
|
| 63 |
<div class="imh-6310-form imh_6310_template_embedded imh-6310-form-02 imh-6310-hide"> |
| 64 |
<table border="0" width="100%" cellpadding="10" cellspacing="0"> |
| 65 |
<tr> |
| 66 |
<td class='imh-6310-width-150'><b>Embedded Code <span class="imh-6310-pro">(Pro)</span></b></td> |
| 67 |
<td> |
| 68 |
<textarea name="imh-6310-embedded_code_link" id="imh-6310-embedded_code_link" class="imh-6310-embedded_code_link" cols="90" rows="5" placeholder="This template avaiable on pro only." readonly></textarea> |
| 69 |
</td> |
| 70 |
</tr> |
| 71 |
</table> |
| 72 |
</div> |
| 73 |
<div class="imh-6310-form imh_6310_custom_template imh-6310-hide"> |
| 74 |
<table border="0" width="100%" cellpadding="10" cellspacing="0"> |
| 75 |
<tr> |
| 76 |
<td class='imh-6310-width-150'><b>HTML Code <span class="imh-6310-pro">(Pro)</span> :</b></td> |
| 77 |
<td> |
| 78 |
<textarea name="imh-6310-custome_html" id="imh-6310-custome_html" class="imh-6310-custome_html" cols="90" rows="5" data-value=''placeholder="This template avaiable on pro only." readonly></textarea> |
| 79 |
<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> |
| 80 |
</td> |
| 81 |
</tr> |
| 82 |
<tr> |
| 83 |
<td class='imh-6310-width-150'><b>CSS Code <span class="imh-6310-pro">(Pro)</span> :</b></td> |
| 84 |
<td> |
| 85 |
<textarea name="imh-6310-custome_css" id="imh-6310-custome_css" class="imh-6310-custome_css" cols="90" rows="5" data-value='' placeholder="This template avaiable on pro only." readonly></textarea> |
| 86 |
</td> |
| 87 |
</tr> |
| 88 |
</table> |
| 89 |
</div> |