{"id":3945,"date":"2020-04-11T19:04:54","date_gmt":"2020-04-11T19:04:54","guid":{"rendered":"https:\/\/wordpress-theme.spider-themes.net\/docly\/docs\/rogan-wordpress-theme-documentation\/elements\/image-lightbox\/"},"modified":"2020-04-11T19:04:54","modified_gmt":"2020-04-11T19:04:54","slug":"image-hotspots","status":"publish","type":"docs","link":"https:\/\/sangamap.store\/?docs=docly-documentation\/elements\/image-hotspots","title":{"rendered":"Image Hotspots Widget"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"3945\" class=\"elementor elementor-3945\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1a2b075a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1a2b075a\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6424d601\" data-id=\"6424d601\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-21381e7f elementor-widget elementor-widget-text-editor\" data-id=\"21381e7f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t\n<p>A Dashboard is a convenient way to get an overview of the the current status of your tasks and monitorthe progress of your team.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3caaa20 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3caaa20\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f555eb1\" data-id=\"f555eb1\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b24c2df elementor-widget elementor-widget-docly-image-hotspots\" data-id=\"b24c2df\" data-element_type=\"widget\" data-widget_type=\"docly-image-hotspots.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            <div class=\"pointing_img_container pointing_img_two\">\n                <img fetchpriority=\"high\" decoding=\"async\" width=\"1400\" height=\"1104\" src=\"https:\/\/sangamap.store\/wp-content\/uploads\/2020\/04\/home2-large.jpg\" class=\"attachment-full size-full\" alt=\"home2 large\" \/>                                    <div class=\"img_pointing  elementor-repeater-item-2ac36d0 ?> tooltips\" data-tooltip-content=\"#tooltip-2ac36d0\">\n                        <div class=\"dot\"><\/div>\n                    <\/div>\n                                        <div class=\"img_pointing one elementor-repeater-item-7468fd7 ?> tooltips\" data-tooltip-content=\"#tooltip-7468fd7\">\n                        <div class=\"dot\"><\/div>\n                    <\/div>\n                                        <div class=\"img_pointing two elementor-repeater-item-6fbc67f ?> tooltips\" data-tooltip-content=\"#tooltip-6fbc67f\">\n                        <div class=\"dot\"><\/div>\n                    <\/div>\n                                        <div class=\"img_pointing three elementor-repeater-item-4176394 ?> tooltips\" data-tooltip-content=\"#tooltip-4176394\">\n                        <div class=\"dot\"><\/div>\n                    <\/div>\n                                <\/div>\n                            <div class=\"tooltip_templates d-none\">\n                    <div id=\"tooltip-2ac36d0\">\n                        <div class=\"img_pointing_content\">\n                            <p>For editing menu navigation settings go to <span>Theme Options > Header > Top of Header<\/span><\/p>\n<p>For editing menus items go to Appearance > Menus<\/p>\n<p>And for styling menus go to Theme Options > Header > Top of Header > Menu Styles of this Row<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                                <div class=\"tooltip_templates d-none\">\n                    <div id=\"tooltip-7468fd7\">\n                        <div class=\"img_pointing_content\">\n                            <p>For editing menus items go to Appearance > Menus<\/p>\n<p>And for styling menus go to <span>Theme Options > Header > Top of Header > Menu Styles <\/span\n<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                                <div class=\"tooltip_templates d-none\">\n                    <div id=\"tooltip-6fbc67f\">\n                        <div class=\"img_pointing_content\">\n                            <p>Aspernatur quos nihil faucibus quae nihil aliquid aliquet <span>laboriosam sint<\/span> sodales pede aliquid aliquid nibh<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                                <div class=\"tooltip_templates d-none\">\n                    <div id=\"tooltip-4176394\">\n                        <div class=\"img_pointing_content\">\n                            <p>For editing menus items go to Appearance > Menus<\/p>\n<p>And for styling menus go to <span>Theme Options > Header > Top of Header > Menu Styles <\/span\n<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8c0d9ec elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8c0d9ec\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-bde1b36\" data-id=\"bde1b36\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-714baa8 elementor-widget elementor-widget-heading\" data-id=\"714baa8\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Hotspots in lightbox modal<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2da9e6e elementor-widget elementor-widget-docly-image-hotspots\" data-id=\"2da9e6e\" data-element_type=\"widget\" data-widget_type=\"docly-image-hotspots.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t                <div class=\"pointing_img\">\n                    <a href=\"#\" data-bs-toggle=\"modal\" data-bs-target=\"#exampleModal-2da9e6e\">\n                        <img decoding=\"async\" width=\"1170\" height=\"750\" src=\"https:\/\/sangamap.store\/wp-content\/uploads\/2020\/04\/lightbox-preview.jpg\" class=\"attachment-full size-full\" alt=\"lightbox preview\" \/>                    <\/a>\n                <\/div>\n                            <div class=\"modal fade img_modal\" id=\"exampleModal-2da9e6e\" tabindex=\"-2\" role=\"dialog\" aria-hidden=\"false\">\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <i class=\" icon_close\"><\/i>\n                <\/button>\n                <div class=\"modal-dialog pointing_img_container\" role=\"document\">\n                    <div class=\"modal-content\">\n                        <img decoding=\"async\" width=\"1170\" height=\"750\" src=\"https:\/\/sangamap.store\/wp-content\/uploads\/2020\/04\/lightbox-preview.jpg\" class=\"attachment-full size-full\" alt=\"lightbox preview\" \/>                            <div class=\"img_pointing tooltips  elementor-repeater-item-2ac36d0\" data-tooltip-content=\"#tooltip-2ac36d0\">\n                                <div class=\"dot\"><\/div>\n                            <\/div>\n                                                        <div class=\"img_pointing tooltips one elementor-repeater-item-7468fd7\" data-tooltip-content=\"#tooltip-7468fd7\">\n                                <div class=\"dot\"><\/div>\n                            <\/div>\n                                                        <div class=\"img_pointing tooltips two elementor-repeater-item-6fbc67f\" data-tooltip-content=\"#tooltip-6fbc67f\">\n                                <div class=\"dot\"><\/div>\n                            <\/div>\n                                                        <div class=\"img_pointing tooltips three elementor-repeater-item-4176394\" data-tooltip-content=\"#tooltip-4176394\">\n                                <div class=\"dot\"><\/div>\n                            <\/div>\n                                                <\/div>\n                <\/div>\n            <\/div>\n                            <div class=\"tooltip_templates d-none\">\n                    <div id=\"tooltip-2ac36d0\">\n                        <div class=\"img_pointing_content\">\n                            <p>Lorem ipsum some dummy text is here.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                                <div class=\"tooltip_templates d-none\">\n                    <div id=\"tooltip-7468fd7\">\n                        <div class=\"img_pointing_content\">\n                            <p>Aspernatur quos nihil faucibus quae nihil aliquid aliquet laboriosam sint sodales pede aliquid aliquid nibh<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                                <div class=\"tooltip_templates d-none\">\n                    <div id=\"tooltip-6fbc67f\">\n                        <div class=\"img_pointing_content\">\n                            <p>For editing menus items go to Appearance > Menus<\/p>\n<p>And for styling menus go to <span>Theme Options > Header > Top of Header > Menu Styles <\/span\n<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                                <div class=\"tooltip_templates d-none\">\n                    <div id=\"tooltip-4176394\">\n                        <div class=\"img_pointing_content\">\n                            <p>For editing menu navigation settings go to Theme Options > Header > Top of Header > Menu Element<\/p>\n<p>For editing menus items go to Appearance > Menus<\/p>\n<p>And for styling menus go to <span>Theme Options > Header > Top of Header > Menu Styles<\/span><\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>A Dashboard is a convenient way to get an overview of the the current status of your tasks and monitorthe progress of your team. tooltips&#8221; data-tooltip-content=&#8221;#tooltip-2ac36d0&#8243;&gt; tooltips&#8221; data-tooltip-content=&#8221;#tooltip-7468fd7&#8243;&gt; tooltips&#8221; data-tooltip-content=&#8221;#tooltip-6fbc67f&#8221;&gt; tooltips&#8221; data-tooltip-content=&#8221;#tooltip-4176394&#8243;&gt; For editing menu navigation settings go to Theme Options &gt; Header &gt; Top of Header For editing menus items go to Appearance &gt; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":2744,"menu_order":4,"comment_status":"open","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-3945","docs","type-docs","status-publish","hentry","no-post-thumbnail"],"acf":[],"_links":{"self":[{"href":"https:\/\/sangamap.store\/index.php?rest_route=\/wp\/v2\/docs\/3945","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sangamap.store\/index.php?rest_route=\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/sangamap.store\/index.php?rest_route=\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/sangamap.store\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sangamap.store\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3945"}],"version-history":[{"count":0,"href":"https:\/\/sangamap.store\/index.php?rest_route=\/wp\/v2\/docs\/3945\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/sangamap.store\/index.php?rest_route=\/wp\/v2\/docs\/2744"}],"wp:attachment":[{"href":"https:\/\/sangamap.store\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3945"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/sangamap.store\/index.php?rest_route=%2Fwp%2Fv2%2Fdoc_tag&post=3945"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}