{"id":7338,"date":"2021-08-07T17:26:28","date_gmt":"2021-08-07T17:26:28","guid":{"rendered":"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/?page_id=7338"},"modified":"2024-10-24T09:01:08","modified_gmt":"2024-10-24T09:01:08","slug":"hotspot","status":"publish","type":"page","link":"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/elements\/hotspot\/","title":{"rendered":"Hotspot element"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7338\" class=\"elementor elementor-7338\">\n\t\t\t\t\t\t<div class=\" elementor-section elementor-top-section elementor-element elementor-element-17c20ca elementor-section-boxed elementor-section-height-default elementor-section-height-default smart-sticky-default\" data-id=\"17c20ca\" data-element_type=\"section\">\r\n\t\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t<div class=\" elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ceae89d \" data-id=\"ceae89d\" data-element_type=\"column\">\r\n\r\n\t\t\t\t\r\n\t\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6886636 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"6886636\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Display content intuitively<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2374950 mx-auto elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"2374950\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Using UDesign Hotspot element, you can provide a visual understanding about your work to visitors and advertise your products intuitively.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-05e801a elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"05e801a\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Spread<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\" elementor-section elementor-inner-section elementor-element elementor-element-0bfb644 elementor-section-boxed elementor-section-height-default elementor-section-height-default smart-sticky-default elementor-invisible\" data-id=\"0bfb644\" data-element_type=\"section\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\r\n\t\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t<div class=\" elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-20fcca0 \" data-id=\"20fcca0\" data-element_type=\"column\">\r\n\r\n\t\t\t\t\r\n\t\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5821daf elementor-widget elementor-widget-image\" data-id=\"5821daf\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1020\" height=\"593\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-content\/uploads\/sites\/3\/2021\/08\/hotspot-1.jpg\" class=\"attachment-full size-full wp-image-7350\" alt=\"Hotspot Image\" srcset=\"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-content\/uploads\/sites\/3\/2021\/08\/hotspot-1.jpg 1020w, https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-content\/uploads\/sites\/3\/2021\/08\/hotspot-1-768x446.jpg 768w, https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-content\/uploads\/sites\/3\/2021\/08\/hotspot-1-600x349.jpg 600w\" sizes=\"(max-width: 1020px) 100vw, 1020px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f2f3b50 elementor-widget elementor-widget-udesign_widget_hotspot\" data-id=\"f2f3b50\" data-element_type=\"widget\" data-widget_type=\"udesign_widget_hotspot.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"hotspot-wrapper  hotspot-html hotspot-type1\">\r\n\t\t\t<span class=\"hotspot\">\r\n\t\t\r\n\t\t\t\t\t\t<\/span>\t\t<div class=\"hotspot-box hotspot-box-bottom\">\r\n\t\tLisbong\t<\/div>\r\n\t<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2129172 elementor-widget elementor-widget-udesign_widget_hotspot\" data-id=\"2129172\" data-element_type=\"widget\" data-widget_type=\"udesign_widget_hotspot.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"hotspot-wrapper  hotspot-html hotspot-type1\">\r\n\t\t\t<span class=\"hotspot\">\r\n\t\t\r\n\t\t\t\t\t\t<\/span>\t\t<div class=\"hotspot-box hotspot-box-bottom\">\r\n\t\tOttawa\t<\/div>\r\n\t<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-960af1d elementor-widget elementor-widget-udesign_widget_hotspot\" data-id=\"960af1d\" data-element_type=\"widget\" data-widget_type=\"udesign_widget_hotspot.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"hotspot-wrapper  hotspot-html hotspot-type1\">\r\n\t\t\t<span class=\"hotspot\">\r\n\t\t\r\n\t\t\t\t\t\t<\/span>\t\t<div class=\"hotspot-box hotspot-box-bottom\">\r\n\t\tCalifornia\t<\/div>\r\n\t<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f142e6d elementor-widget elementor-widget-udesign_widget_hotspot\" data-id=\"f142e6d\" data-element_type=\"widget\" data-widget_type=\"udesign_widget_hotspot.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"hotspot-wrapper  hotspot-html hotspot-type1\">\r\n\t\t\t<span class=\"hotspot\">\r\n\t\t\r\n\t\t\t\t\t\t<\/span>\t\t<div class=\"hotspot-box hotspot-box-bottom\">\r\n\t\tOthmsc\t<\/div>\r\n\t<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-19f8d25 elementor-widget elementor-widget-udesign_widget_hotspot\" data-id=\"19f8d25\" data-element_type=\"widget\" data-widget_type=\"udesign_widget_hotspot.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"hotspot-wrapper  hotspot-html hotspot-type1\">\r\n\t\t\t<span class=\"hotspot\">\r\n\t\t\r\n\t\t\t\t\t\t<\/span>\t\t<div class=\"hotspot-box hotspot-box-bottom\">\r\n\t\tTokyo\t<\/div>\r\n\t<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-04fb2f7 elementor-widget elementor-widget-udesign_widget_hotspot\" data-id=\"04fb2f7\" data-element_type=\"widget\" data-widget_type=\"udesign_widget_hotspot.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"hotspot-wrapper  hotspot-html hotspot-type1\">\r\n\t\t\t<span class=\"hotspot\">\r\n\t\t\r\n\t\t\t\t\t\t<\/span>\t\t<div class=\"hotspot-box hotspot-box-top\">\r\n\t\tSydney\t<\/div>\r\n\t<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"elementor-element elementor-element-19013cf elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"19013cf\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Twinkle<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\" elementor-section elementor-inner-section elementor-element elementor-element-132df41 elementor-section-boxed elementor-section-height-default elementor-section-height-default smart-sticky-default elementor-invisible\" data-id=\"132df41\" data-element_type=\"section\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\r\n\t\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t<div class=\" elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-4578c6a \" data-id=\"4578c6a\" data-element_type=\"column\">\r\n\r\n\t\t\t\t\r\n\t\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4139527 elementor-widget elementor-widget-image\" data-id=\"4139527\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1020\" height=\"660\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-content\/uploads\/sites\/3\/2021\/08\/hotspot-2.jpg\" class=\"attachment-full size-full wp-image-7403\" alt=\"Hotspot Image\" srcset=\"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-content\/uploads\/sites\/3\/2021\/08\/hotspot-2.jpg 1020w, https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-content\/uploads\/sites\/3\/2021\/08\/hotspot-2-768x497.jpg 768w, https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-content\/uploads\/sites\/3\/2021\/08\/hotspot-2-600x388.jpg 600w\" sizes=\"(max-width: 1020px) 100vw, 1020px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ea93b84 elementor-widget elementor-widget-udesign_widget_hotspot\" data-id=\"ea93b84\" data-element_type=\"widget\" data-widget_type=\"udesign_widget_hotspot.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"hotspot-wrapper  hotspot-product hotspot-type2\">\r\n\t\t\t<span class=\"hotspot btn-quickview\" data-product=\"13866\">\r\n\t\t\r\n\t\t\t\t\t<i class=\"a-icon-plus\"><\/i>\r\n\t\t\t\t\t\t<\/span>\t\t<div class=\"hotspot-box hotspot-box-right\">\r\n\t\t\t\t\t<div class=\"woocommerce product-widget product type-product post-13866 status-publish first instock product_cat-clothing product_tag-fruit has-post-thumbnail sale shipping-taxable purchasable product-type-simple\">\r\n\t\t\t\t<div class=\"product-media\">\r\n\t\t\t\t\t<a href=\"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/product\/steve-madden-sweatshirt\/\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\" aria-label=\"Product Thumbnail\">\r\n\t\t\t\t\t\t<img decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-content\/uploads\/sites\/3\/2021\/09\/product-9-1-300x300.jpg\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"Product Image\" \/>\t\t\t\t\t<\/a>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"product-body\">\r\n\t\t\t\t\t<h3 class=\"woocommerce-loop-product__title product-title\">\r\n\t\t\t\t\t\t<a href=\"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/product\/steve-madden-sweatshirt\/\">Steve Madden Sweatshirt<\/a>\r\n\t\t\t\t\t<\/h3>\r\n\t\t\t\t\t<span class=\"price\"><ins><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">&#36;<\/span>90.15<\/bdi><\/span><\/ins> <del><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">&#36;<\/span>100.00<\/bdi><\/span><\/del><\/span><a href=\"\/wordpress\/udesign\/elements\/wp-json\/wp\/v2\/pages\/7338?add-to-cart=13866\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_13866\" data-quantity=\"1\" class=\"btn-product-icon hotspot-product-action product_type_simple add_to_cart_button ajax_add_to_cart\" data-product_id=\"13866\" data-product_sku=\"MS46891312\" aria-label=\"Add to cart: &ldquo;Steve Madden Sweatshirt&rdquo;\" rel=\"nofollow\" data-success_message=\"&ldquo;Steve Madden Sweatshirt&rdquo; has been added to your cart\" role=\"button\">Add to cart<\/a><span id=\"woocommerce_loop_add_to_cart_link_describedby_13866\" class=\"screen-reader-text\">\r\n\t<\/span>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d62964a elementor-widget elementor-widget-udesign_widget_hotspot\" data-id=\"d62964a\" data-element_type=\"widget\" data-widget_type=\"udesign_widget_hotspot.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"hotspot-wrapper  hotspot-product hotspot-type2\">\r\n\t\t\t<span class=\"hotspot btn-quickview\" data-product=\"13859\">\r\n\t\t\r\n\t\t\t\t\t<i class=\"a-icon-plus\"><\/i>\r\n\t\t\t\t\t\t<\/span>\t\t<div class=\"hotspot-box hotspot-box-right\">\r\n\t\t\t\t\t<div class=\"woocommerce product-widget product type-product post-13859 status-publish instock product_cat-clothing product_tag-fruit has-post-thumbnail sale shipping-taxable purchasable product-type-simple\">\r\n\t\t\t\t<div class=\"product-media\">\r\n\t\t\t\t\t<a href=\"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/product\/zara-t-shirt-short-sleeve\/\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\" aria-label=\"Product Thumbnail\">\r\n\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-content\/uploads\/sites\/3\/2021\/09\/product-2-1-300x300.jpg\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"Product Image\" \/>\t\t\t\t\t<\/a>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"product-body\">\r\n\t\t\t\t\t<h3 class=\"woocommerce-loop-product__title product-title\">\r\n\t\t\t\t\t\t<a href=\"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/product\/zara-t-shirt-short-sleeve\/\">Zara T-Shirt Short Sleeve<\/a>\r\n\t\t\t\t\t<\/h3>\r\n\t\t\t\t\t<span class=\"price\"><ins><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">&#36;<\/span>300.25<\/bdi><\/span><\/ins> <del><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">&#36;<\/span>350.00<\/bdi><\/span><\/del><\/span><a href=\"\/wordpress\/udesign\/elements\/wp-json\/wp\/v2\/pages\/7338?add-to-cart=13859\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_13859\" data-quantity=\"1\" class=\"btn-product-icon hotspot-product-action product_type_simple add_to_cart_button ajax_add_to_cart\" data-product_id=\"13859\" data-product_sku=\"MS46891314\" aria-label=\"Add to cart: &ldquo;Zara T-Shirt Short Sleeve&rdquo;\" rel=\"nofollow\" data-success_message=\"&ldquo;Zara T-Shirt Short Sleeve&rdquo; has been added to your cart\" role=\"button\">Add to cart<\/a><span id=\"woocommerce_loop_add_to_cart_link_describedby_13859\" class=\"screen-reader-text\">\r\n\t<\/span>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c7745d7 elementor-widget elementor-widget-udesign_widget_hotspot\" data-id=\"c7745d7\" data-element_type=\"widget\" data-widget_type=\"udesign_widget_hotspot.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"hotspot-wrapper  hotspot-product hotspot-type2\">\r\n\t\t\t<span class=\"hotspot btn-quickview\" data-product=\"13989\">\r\n\t\t\r\n\t\t\t\t\t<i class=\"a-icon-plus\"><\/i>\r\n\t\t\t\t\t\t<\/span>\t\t<div class=\"hotspot-box hotspot-box-top\">\r\n\t\t\t\t\t<div class=\"woocommerce product-widget product type-product post-13989 status-publish instock product_cat-clothing product_tag-nut has-post-thumbnail sale shipping-taxable purchasable product-type-simple\">\r\n\t\t\t\t<div class=\"product-media\">\r\n\t\t\t\t\t<a href=\"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/product\/river-island-womens-sweatshirt\/\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\" aria-label=\"Product Thumbnail\">\r\n\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-content\/uploads\/sites\/3\/2021\/09\/product-4-1-300x300.jpg\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"Product Image\" \/>\t\t\t\t\t<\/a>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"product-body\">\r\n\t\t\t\t\t<h3 class=\"woocommerce-loop-product__title product-title\">\r\n\t\t\t\t\t\t<a href=\"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/product\/river-island-womens-sweatshirt\/\">River Island Women&#8217;s Sweatshirt<\/a>\r\n\t\t\t\t\t<\/h3>\r\n\t\t\t\t\t<span class=\"price\"><ins><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">&#36;<\/span>180.00<\/bdi><\/span><\/ins> <del><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">&#36;<\/span>199.00<\/bdi><\/span><\/del><\/span><a href=\"\/wordpress\/udesign\/elements\/wp-json\/wp\/v2\/pages\/7338?add-to-cart=13989\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_13989\" data-quantity=\"1\" class=\"btn-product-icon hotspot-product-action product_type_simple add_to_cart_button ajax_add_to_cart\" data-product_id=\"13989\" data-product_sku=\"MS46891310\" aria-label=\"Add to cart: &ldquo;River Island Women&#039;s Sweatshirt&rdquo;\" rel=\"nofollow\" data-success_message=\"&ldquo;River Island Women&#039;s Sweatshirt&rdquo; has been added to your cart\" role=\"button\">Add to cart<\/a><span id=\"woocommerce_loop_add_to_cart_link_describedby_13989\" class=\"screen-reader-text\">\r\n\t<\/span>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-21b162e elementor-widget elementor-widget-udesign_widget_hotspot\" data-id=\"21b162e\" data-element_type=\"widget\" data-widget_type=\"udesign_widget_hotspot.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"hotspot-wrapper  hotspot-product hotspot-type2\">\r\n\t\t\t<span class=\"hotspot btn-quickview\" data-product=\"13863\">\r\n\t\t\r\n\t\t\t\t\t<i class=\"a-icon-plus\"><\/i>\r\n\t\t\t\t\t\t<\/span>\t\t<div class=\"hotspot-box hotspot-box-bottom\">\r\n\t\t\t\t\t<div class=\"woocommerce product-widget product type-product post-13863 status-publish last instock product_cat-clothing product_tag-fruit has-post-thumbnail sale shipping-taxable purchasable product-type-simple\">\r\n\t\t\t\t<div class=\"product-media\">\r\n\t\t\t\t\t<a href=\"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/product\/ck-polo-with-tipping\/\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\" aria-label=\"Product Thumbnail\">\r\n\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-content\/uploads\/sites\/3\/2021\/09\/product-1-1-300x300.jpg\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"Product Image\" \/>\t\t\t\t\t<\/a>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"product-body\">\r\n\t\t\t\t\t<h3 class=\"woocommerce-loop-product__title product-title\">\r\n\t\t\t\t\t\t<a href=\"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/product\/ck-polo-with-tipping\/\">CK Polo with Tipping<\/a>\r\n\t\t\t\t\t<\/h3>\r\n\t\t\t\t\t<span class=\"price\"><ins><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">&#36;<\/span>190.32<\/bdi><\/span><\/ins> <del><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">&#36;<\/span>240.00<\/bdi><\/span><\/del><\/span><a href=\"\/wordpress\/udesign\/elements\/wp-json\/wp\/v2\/pages\/7338?add-to-cart=13863\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_13863\" data-quantity=\"1\" class=\"btn-product-icon hotspot-product-action product_type_simple add_to_cart_button ajax_add_to_cart\" data-product_id=\"13863\" data-product_sku=\"MS46891313\" aria-label=\"Add to cart: &ldquo;CK Polo with Tipping&rdquo;\" rel=\"nofollow\" data-success_message=\"&ldquo;CK Polo with Tipping&rdquo; has been added to your cart\" role=\"button\">Add to cart<\/a><span id=\"woocommerce_loop_add_to_cart_link_describedby_13863\" class=\"screen-reader-text\">\r\n\t<\/span>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-76495dc elementor-widget elementor-widget-udesign_widget_hotspot\" data-id=\"76495dc\" data-element_type=\"widget\" data-widget_type=\"udesign_widget_hotspot.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"hotspot-wrapper  hotspot-product hotspot-type2\">\r\n\t\t\t<span class=\"hotspot btn-quickview\" data-product=\"13937\">\r\n\t\t\r\n\t\t\t\t\t<i class=\"a-icon-plus\"><\/i>\r\n\t\t\t\t\t\t<\/span>\t\t<div class=\"hotspot-box hotspot-box-left\">\r\n\t\t\t\t\t<div class=\"woocommerce product-widget product type-product post-13937 status-publish first instock product_cat-clothing product_tag-nut has-post-thumbnail sale shipping-taxable purchasable product-type-simple\">\r\n\t\t\t\t<div class=\"product-media\">\r\n\t\t\t\t\t<a href=\"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/product\/womens-oversized-sweater\/\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\" aria-label=\"Product Thumbnail\">\r\n\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-content\/uploads\/sites\/3\/2021\/09\/product-10-1-300x300.jpg\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"Product Image\" \/>\t\t\t\t\t<\/a>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"product-body\">\r\n\t\t\t\t\t<h3 class=\"woocommerce-loop-product__title product-title\">\r\n\t\t\t\t\t\t<a href=\"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/product\/womens-oversized-sweater\/\">Women&#8217;s Oversized Sweater<\/a>\r\n\t\t\t\t\t<\/h3>\r\n\t\t\t\t\t<span class=\"price\"><ins><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">&#36;<\/span>180.00<\/bdi><\/span><\/ins> <del><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">&#36;<\/span>300.00<\/bdi><\/span><\/del><\/span><a href=\"\/wordpress\/udesign\/elements\/wp-json\/wp\/v2\/pages\/7338?add-to-cart=13937\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_13937\" data-quantity=\"1\" class=\"btn-product-icon hotspot-product-action product_type_simple add_to_cart_button ajax_add_to_cart\" data-product_id=\"13937\" data-product_sku=\"MS46891311\" aria-label=\"Add to cart: &ldquo;Women&#039;s Oversized Sweater&rdquo;\" rel=\"nofollow\" data-success_message=\"&ldquo;Women&#039;s Oversized Sweater&rdquo; has been added to your cart\" role=\"button\">Add to cart<\/a><span id=\"woocommerce_loop_add_to_cart_link_describedby_13937\" class=\"screen-reader-text\">\r\n\t<\/span>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\" elementor-section elementor-top-section elementor-element elementor-element-e6c20ac elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default smart-sticky-default elementor-invisible\" data-id=\"e6c20ac\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeIn&quot;}\">\r\n\t\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t<div class=\" elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-b6d682e \" data-id=\"b6d682e\" data-element_type=\"column\">\r\n\r\n\t\t\t\t\r\n\t\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-639cbf8 elementor-widget elementor-widget-image\" data-id=\"639cbf8\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"702\" height=\"556\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-content\/uploads\/sites\/3\/2021\/09\/hotspot.png\" class=\"attachment-full size-full wp-image-14165\" alt=\"Hotspot Image\" srcset=\"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-content\/uploads\/sites\/3\/2021\/09\/hotspot.png 702w, https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-content\/uploads\/sites\/3\/2021\/09\/hotspot-600x475.png 600w\" sizes=\"(max-width: 702px) 100vw, 702px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t<div class=\" elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-8e8e657 \" data-id=\"8e8e657\" data-element_type=\"column\">\r\n\r\n\t\t\t\t\r\n\t\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-753575f elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-heading\" data-id=\"753575f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">How to use our <span class=\"text-primary ms-md-0 ms-1\">hotspot element<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4de6188 elementor-widget elementor-widget-heading\" data-id=\"4de6188\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">You can show more information on a single image by using our element. Please refer to the next following notice.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dca967d elementor-icon-list--layout-traditional elementor-invisible elementor-widget elementor-widget-udesign_widget_iconlist\" data-id=\"dca967d\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInLeftShorter&quot;,&quot;_animation_delay&quot;:400}\" data-widget_type=\"udesign_widget_iconlist.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\r\n\t\t\t<li class=\"elementor-icon-list-item elementor-repeater-item-5b5f659\">\r\n\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\r\n\t\t\t\t<i aria-hidden=\"true\" class=\"  a-icon-check\"><\/i>\t\t\t\t<\/span>\r\n\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Choose an icon to be shown in the spot.<\/span>\r\n\t\t\t\t\t\t\t\t<\/li>\r\n\t\t\t\t<li class=\"elementor-icon-list-item elementor-repeater-item-20fa471\">\r\n\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\r\n\t\t\t\t<i aria-hidden=\"true\" class=\"  a-icon-check\"><\/i>\t\t\t\t<\/span>\r\n\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Controls position of the spot<\/span>\r\n\t\t\t\t\t\t\t\t<\/li>\r\n\t\t\t\t<li class=\"elementor-icon-list-item elementor-repeater-item-f39c08d\">\r\n\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\r\n\t\t\t\t<i aria-hidden=\"true\" class=\"  a-icon-check\"><\/i>\t\t\t\t<\/span>\r\n\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Edit hotspot content.<\/span>\r\n\t\t\t\t\t\t\t\t<\/li>\r\n\t\t\t\t<li class=\"elementor-icon-list-item elementor-repeater-item-8e480af\">\r\n\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\r\n\t\t\t\t<i aria-hidden=\"true\" class=\"  a-icon-check\"><\/i>\t\t\t\t<\/span>\r\n\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Controls the style of hotspot and content.<\/span>\r\n\t\t\t\t\t\t\t\t<\/li>\r\n\t\t<\/ul>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\" elementor-section elementor-top-section elementor-element elementor-element-22a35c0 options-glossary  elementor-section-boxed elementor-section-height-default elementor-section-height-default smart-sticky-default elementor-invisible\" data-id=\"22a35c0\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;shape_divider_top_negative&quot;:&quot;yes&quot;,&quot;shape_divider_top&quot;:&quot;alpha-shape2&quot;,&quot;animation&quot;:&quot;fadeIn&quot;}\">\r\n\t\t\t\t\t<div class=\"elementor-shape elementor-shape-top\" data-negative=\"true\">\r\n\t\t\t<svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1920 192\" preserveAspectRatio=\"none\">\r\n<path d=\"M0,137.2C269.6,170.4,601.4,190,960,190c358.7,0,690.3-19.6,960-52.8c0-21.4,0,76.2,0,54.8c-640,0-1280,0-1920,0V137.2z\"\/>\r\n<\/svg>\r\n\t\t<\/div>\r\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t<div class=\" elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-fe450f2 \" data-id=\"fe450f2\" data-element_type=\"column\">\r\n\r\n\t\t\t\t\r\n\t\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2db31fe elementor-widget__width-auto elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"2db31fe\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:200}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Glossary<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-73fc8b4 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"73fc8b4\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:200}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Hotspot element options<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6f809c6 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"6f809c6\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:400}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Customize Elements Globally or Individually<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\" elementor-section elementor-inner-section elementor-element elementor-element-561b1e9 elementor-section-boxed elementor-section-height-default elementor-section-height-default smart-sticky-default\" data-id=\"561b1e9\" data-element_type=\"section\">\r\n\t\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t<div class=\" elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-103c965 \" data-id=\"103c965\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\r\n\r\n\t\t\t\t\r\n\t\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-371b02e elementor-widget elementor-widget-text-editor\" data-id=\"371b02e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li><strong>Icon:<\/strong> Choose icon to use hotspot in icon library.<\/li><li><strong>Horizontal:<\/strong> Contro horizontal position of hotspot.<\/li><li><strong>Vertical:<\/strong> Control vertical position of hotspot.<\/li><li><strong>Hotspot Effect:<\/strong> Choose hotspot type.<\/li><li><strong>Custom Class:<\/strong> Input class for hotspot.<\/li><li><strong>Type:<\/strong> Choose type of hotspot content.<\/li><li><strong>Popup Position:<\/strong> Choose position of popup.<\/li><li><strong>Hotspot Size:<\/strong> Control size of hotspot.<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t<div class=\" elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-dfe18df \" data-id=\"dfe18df\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\r\n\r\n\t\t\t\t\r\n\t\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4305bf5 elementor-widget elementor-widget-text-editor\" data-id=\"4305bf5\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li><strong>Icon Size:<\/strong> Control size of hotspot icon.<\/li><li><strong>Border Radius:<\/strong> Control curve size of hotspot in its corner.<\/li><li><strong>Hotspot Color:<\/strong> Control color of hotspot.<\/li><li><strong>Hotspot Background Color:<\/strong> Control background color of hotspot.<\/li><li><strong>Width:<\/strong> Control popup width.<\/li><li><strong>Popup Color:<\/strong> Control color of popup.<\/li><li><strong>Popup Background Color:<\/strong> Control background color of popup.<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Display content intuitively Using UDesign Hotspot element, you can provide a visual understanding about your work to visitors and advertise your products intuitively. Spread Lisbong Ottawa California Othmsc Tokyo Sydney [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":2,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-7338","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-json\/wp\/v2\/pages\/7338","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-json\/wp\/v2\/comments?post=7338"}],"version-history":[{"count":2,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-json\/wp\/v2\/pages\/7338\/revisions"}],"predecessor-version":[{"id":32307,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-json\/wp\/v2\/pages\/7338\/revisions\/32307"}],"up":[{"embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-json\/wp\/v2\/pages\/2"}],"wp:attachment":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-json\/wp\/v2\/media?parent=7338"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}