<!-- wp:paragraph -->
<p>Hotspot is very popular on any kind of e-commerce sites. It allows to make product sets or product bundles. </p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Hotspot block supports all kind of content, you can place any content inside hotspot panel. </p>
<!-- /wp:paragraph -->
<!-- wp:greenshift-blocks/container {"id":"gsbp-000cebce-10e9","position":{"positionType":["","","",""],"positions":{"values":{}},"Zindex":99},"width":[100,null,null,null],"align":"wide"} -->
<div class="wp-block-greenshift-blocks-container alignwide gspb_container gspb_container-gsbp-000cebce-10e9" id="gspb_container-id-gsbp-000cebce-10e9"><!-- wp:greenshift-blocks/image {"id":"gsbp-ed90aa5b-7723","originalWidth":2560,"originalHeight":1382,"mediaurl":"https://greenshiftwp.com/wp-content/uploads/2022/05/pexels-karol-d-325153-scaled.jpg","mediaid":808,"alt":"","blockVisibility":{},"conditions_arr_visibility":[]} -->
<div class="wp-block-greenshift-blocks-image gspb_image gspb_image-id-gsbp-ed90aa5b-7723" id="gspb_image-id-gsbp-ed90aa5b-7723"><img src="https://greenshiftwp.com/wp-content/uploads/2022/05/pexels-karol-d-325153-scaled.jpg" data-src="" alt="" loading="lazy" width="2560" height="1382"/></div>
<!-- /wp:greenshift-blocks/image -->
<!-- wp:greenshift-blocks/hotspot {"id":"gsbp-f175a381-9d4d","position":{"positionType":["absolute","","",""],"positions":{"values":{"top":["30%"],"left":["26%",null,null,"30px"]}},"Zindex":9},"animation":{"duration":700,"easing":"ease","type":"zoom-in","delay":200},"tooltipPos":"bottom","tooltipTrigger":"click","mobileCenter":true,"mobileShift":30} -->
<div class="wp-block-greenshift-blocks-hotspot gspb-tooltip gspb_id-gsbp-f175a381-9d4d"><div class="gspb-tooltip-wrapper gspb-tooltip-wrapper-click" style="text-align:left" data-aos="zoom-in" data-aos-delay="200" data-aos-easing="ease" data-aos-duration="700"><div class="gspb-tooltip-block"><span class="gspbcsstooltiptrigger gspb-tgl-trigger" data-tooltip="gspb_tooltipid-gsbp-f175a381-9d4d"><svg class="" style="display:inline-block;vertical-align:middle" width="15" height="15" viewBox="0 0 896 1024" xmlns="http://www.w3.org/2000/svg"><path style="fill:#565D66" d="M832 416h-288v-288c0-35.34-28.66-64-64-64h-64c-35.34 0-64 28.66-64 64v288h-288c-35.34 0-64 28.66-64 64v64c0 35.34 28.66 64 64 64h288v288c0 35.34 28.66 64 64 64h64c35.34 0 64-28.66 64-64v-288h288c35.34 0 64-28.66 64-64v-64c0-35.34-28.66-64-64-64z"></path></svg></span><div class="gspbcsstooltip"><div class="gspbcsstooltipinner"><!-- wp:paragraph {"placeholder":"Add content of tooltip"} -->
<p>You can add any text inside this block. And even other blocks</p>
<!-- /wp:paragraph -->
<!-- wp:greenshift-blocks/button {"id":"gsbp-10b119fe-d300","spacing":{"margin":{"values":{"top":[15],"bottom":[15]},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{"top":[5],"right":[5],"bottom":[5],"left":[5]},"unit":["px","px","px","px"],"locked":true}},"typography":{"textShadow":{},"size":[15]}} -->
<div class="wp-block-greenshift-blocks-button gspb_button_wrapper gspb_button-id-gsbp-10b119fe-d300" id="gspb_button-id-gsbp-10b119fe-d300"><a class="gspb-buttonbox" rel="noopener"><span class="gspb-buttonbox-textwrap"><span class="gspb-buttonbox-text"><span class="gspb-buttonbox-title">Buy This Now!</span></span></span></a></div>
<!-- /wp:greenshift-blocks/button --></div></div></div></div></div>
<!-- /wp:greenshift-blocks/hotspot -->
<!-- wp:greenshift-blocks/hotspot {"id":"gsbp-1fb985d7-fe79","position":{"positionType":["absolute","absolute","",""],"positions":{"values":{"top":["52%",null,"100px"],"left":["46%",null,"30px"],"bottom":[null,null],"right":[null,null]}},"Zindex":5},"animation":{"duration":700,"easing":"ease","type":"zoom-in","delay":400},"backgroundBar":{"color":"#000000"},"typographyBar":{"textShadow":{},"color":"#ffffff","colorlinks":"#ffffff"},"tooltipPos":"bottom","tooltipWidth":[300,null,null,null],"tooltipTrigger":"click","mobileCenter":true,"mobileBreakPoint":600,"mobileShift":30} -->
<div class="wp-block-greenshift-blocks-hotspot gspb-tooltip gspb_id-gsbp-1fb985d7-fe79"><div class="gspb-tooltip-wrapper gspb-tooltip-wrapper-click" style="text-align:left" data-aos="zoom-in" data-aos-delay="400" data-aos-easing="ease" data-aos-duration="700"><div class="gspb-tooltip-block"><span class="gspbcsstooltiptrigger gspb-tgl-trigger" data-tooltip="gspb_tooltipid-gsbp-1fb985d7-fe79"><svg class="" style="display:inline-block;vertical-align:middle" width="15" height="15" viewBox="0 0 896 1024" xmlns="http://www.w3.org/2000/svg"><path style="fill:#565D66" d="M832 416h-288v-288c0-35.34-28.66-64-64-64h-64c-35.34 0-64 28.66-64 64v288h-288c-35.34 0-64 28.66-64 64v64c0 35.34 28.66 64 64 64h288v288c0 35.34 28.66 64 64 64h64c35.34 0 64-28.66 64-64v-288h288c35.34 0 64-28.66 64-64v-64c0-35.34-28.66-64-64-64z"></path></svg></span><div class="gspbcsstooltip"><div class="gspbcsstooltipinner"><!-- wp:greenshift-blocks/heading {"id":"gsbp-c22ea9b7-05a7","headingTag":"h4","headingContent":"Do anything"} -->
<h4 id="gspb_heading-id-gsbp-c22ea9b7-05a7" class="gspb_heading gspb_heading-id-gsbp-c22ea9b7-05a7 ">Do anything</h4>
<!-- /wp:greenshift-blocks/heading -->
<!-- wp:paragraph {"placeholder":"Add content of tooltip"} -->
<p>Size of tooltip can be any. Also you can change colors.</p>
<!-- /wp:paragraph --></div></div></div></div></div>
<!-- /wp:greenshift-blocks/hotspot -->
<!-- wp:greenshift-blocks/hotspot {"id":"gsbp-8827eff8-376c","position":{"positionType":["absolute","","",""],"positions":{"values":{"top":[null],"left":[null],"right":["10%"],"bottom":["20%"]}}},"spacing":{"margin":{"values":{},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{},"unit":["px","px","px","px"],"locked":false}},"background":{"color":"#ffdb0d"},"backgroundBar":{"color":"#ffd800","backgroundState":"Classic","gradient":"linear-gradient(135deg,rgb(255,226,4) 0%,rgb(204,154,4) 95%)"},"typographyBar":{"textShadow":{},"color":"","colorlinks":""},"tooltipPos":"bottom","tooltipWidth":[300,null,null,null],"hotspotWidth":[44,null,null,null],"tooltipTrigger":"click","iconBox_icon":{"icon":{"font":"rhicon rhi-shopping-cart","svg":"","image":""},"fill":"#000000","fillhover":"#ffffff","type":"font","iconSize":[22]},"pulseColor":"#ffdc12","mobileCenter":true,"mobileShift":232} -->
<div class="wp-block-greenshift-blocks-hotspot gspb-tooltip gspb_id-gsbp-8827eff8-376c"><div class="gspb-tooltip-wrapper gspb-tooltip-wrapper-click" style="text-align:left"><div class="gspb-tooltip-block"><span class="gspbcsstooltiptrigger gspb-tgl-trigger" data-tooltip="gspb_tooltipid-gsbp-8827eff8-376c"><svg class="" style="display:inline-block;vertical-align:middle" width="15" height="15" viewBox="0 0 1152 1024" xmlns="http://www.w3.org/2000/svg"><path style="fill:#565D66" d="M1103.982 128h-845.422l-16.658-88.846c-4.258-22.702-24.080-39.154-47.178-39.154h-170.724c-13.254 0-24 10.746-24 24v16c0 13.254 10.746 24 24 24h157.44l139.854 745.892c-20.684 22.736-33.294 52.948-33.294 86.108 0 70.692 57.308 128 128 128s128-57.308 128-128c0-0.042 0-0.092 0-0.141 0-23.519-6.375-45.549-17.491-64.456l0.325 0.597h290.334c-10.791 18.31-17.166 40.34-17.166 63.859 0 0.050 0 0.099 0 0.149l-0-0.008c0 70.692 57.308 128 128 128s128-57.308 128-128c0-35.986-14.87-68.48-38.776-91.736-5.182-20.482-23.706-36.264-46.57-36.264h-592.096l-24-128h662.762c22.736 0 42.354-15.952 46.992-38.21l86.662-416c6.208-29.808-16.546-57.79-46.994-57.79zM480 896c0 35.29-28.71 64-64 64s-64-28.71-64-64 28.71-64 64-64 64 28.71 64 64zM928 960c-35.29 0-64-28.71-64-64s28.71-64 64-64 64 28.71 64 64-28.71 64-64 64zM1004.312 576h-661.752l-72-384h813.752l-80 384z"></path></svg></span><div class="gspbcsstooltip"><div class="gspbcsstooltipinner"><!-- wp:greenshift-blocks/heading {"id":"gsbp-cbadd44a-6613","headingTag":"h4","headingContent":"You can change also colors"} -->
<h4 id="gspb_heading-id-gsbp-cbadd44a-6613" class="gspb_heading gspb_heading-id-gsbp-cbadd44a-6613 ">You can change also colors</h4>
<!-- /wp:greenshift-blocks/heading -->
<!-- wp:paragraph {"placeholder":"Add content of tooltip"} -->
<p>Size of hotspot can be any, also you can replace icon</p>
<!-- /wp:paragraph --></div></div></div></div></div>
<!-- /wp:greenshift-blocks/hotspot -->
<!-- wp:greenshift-blocks/hotspot {"id":"gsbp-530bb822-8bbd","csstransform":{"scaleInfinite":null,"infinitebounce":true,"infinitetime":1.1},"position":{"positionType":["absolute","","",""],"positions":{"values":{"top":["10%"],"left":[null],"right":["50%"]}},"Zindex":99999},"animation":{"duration":700,"easing":"ease","type":"zoom-in","delay":200},"spacing":{"margin":{"values":{},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{},"unit":["px","px","px","px"],"locked":false}},"shadowBar":{"hoffset":0,"voffset":32,"blur":48,"spread":0,"color":"#00000012","position":null},"borderBar":{"borderRadius":{"values":{"topLeft":3,"topRight":3,"bottomRight":3,"bottomLeft":3},"unit":"px","locked":true},"style":{},"size":{},"color":{},"styleHover":{},"sizeHover":{},"colorHover":{}},"background":{"color":"#17ffaa"},"backgroundBar":{"color":"#ffffff","backgroundState":"Classic","gradient":"linear-gradient(135deg,rgb(255,226,4) 0%,rgb(204,154,4) 95%)"},"typographyBar":{"textShadow":{},"color":"","colorlinks":""},"tooltipPos":"bottom","tooltipWidth":[300,null,null,null],"hotspotWidth":[44,null,null,null],"tooltipTrigger":"click","iconBox_icon":{"icon":{"font":"rhicon rhi-tag","svg":"","image":""},"fill":"#000000","fillhover":"","type":"font","iconSize":[22]},"pulseColor":"#01dc8c","mobileCenter":true,"mobileShift":90} -->
<div class="wp-block-greenshift-blocks-hotspot gspb-tooltip gspb_id-gsbp-530bb822-8bbd"><div class="gspb-tooltip-wrapper gspb-tooltip-wrapper-click" style="text-align:left" data-aos="zoom-in" data-aos-delay="200" data-aos-easing="ease" data-aos-duration="700"><div class="gspb-tooltip-block"><span class="gspbcsstooltiptrigger gspb-tgl-trigger" data-tooltip="gspb_tooltipid-gsbp-530bb822-8bbd"><svg class="" style="display:inline-block;vertical-align:middle" width="15" height="15" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path style="fill:#565D66" d="M995.882 451.882l-423.764-423.764c-17.373-17.373-41.372-28.118-67.882-28.118l-408.236-0c-53.020 0-96 42.98-96 96v408.236c-0 0-0 0.001-0 0.001 0 26.509 10.745 50.509 28.118 67.881l423.764 423.764c37.49 37.49 98.274 37.492 135.764 0l408.236-408.236c37.49-37.49 37.49-98.274 0-135.764zM519.772 927.992l-423.772-423.756v-408.236h408.236l423.764 423.764-408.228 408.228zM384 288c0 53.020-42.98 96-96 96s-96-42.98-96-96 42.98-96 96-96 96 42.98 96 96z"></path></svg></span><div class="gspbcsstooltip"><div class="gspbcsstooltipinner"><!-- wp:greenshift-blocks/heading {"id":"gsbp-2ad19fe8-2673","headingTag":"h4","headingContent":"Check prices from:","spacing":{"margin":{"values":{"bottom":[20]},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{},"unit":["px","px","px","px"],"locked":false}}} -->
<h4 id="gspb_heading-id-gsbp-2ad19fe8-2673" class="gspb_heading gspb_heading-id-gsbp-2ad19fe8-2673 ">Check prices from:</h4>
<!-- /wp:greenshift-blocks/heading -->
<!-- wp:greenshift-blocks/container {"id":"gsbp-1ac9e6ce-d8e0","flexbox":{"type":"flexbox","flexDirection":["row"],"justifyContent":["space-between"],"alignItems":["center"]},"spacing":{"margin":{"values":{"bottom":[10]},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{},"unit":["px","px","px","px"],"locked":false}}} -->
<div class="wp-block-greenshift-blocks-container gspb_container gspb_container-gsbp-1ac9e6ce-d8e0" id="gspb_container-id-gsbp-1ac9e6ce-d8e0"><!-- wp:greenshift-blocks/heading {"id":"gsbp-496462ea-76aa","headingTag":"div","headingContent":"Amazon - \u003cmark style=\u0022background-color:rgba(0, 0, 0, 0);color:#ed1111\u0022 class=\u0022has-inline-color\u0022\u003e$99.99\u003c/mark\u003e","spacing":{"margin":{"values":{},"unit":["px","px","px","px"],"locked":true},"padding":{"values":{},"unit":["px","px","px","px"],"locked":false}}} -->
<div id="gspb_heading-id-gsbp-496462ea-76aa" class="gspb_heading gspb_heading-id-gsbp-496462ea-76aa ">Amazon - <mark style="background-color:rgba(0, 0, 0, 0);color:#ed1111" class="has-inline-color">$99.99</mark></div>
<!-- /wp:greenshift-blocks/heading -->
<!-- wp:greenshift-blocks/button {"id":"gsbp-fa705b1a-0e81","buttonContent":"Buy Now!","spacing":{"margin":{"values":{},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{"right":[4],"top":[4],"bottom":[4],"left":[4]},"unit":["px","px","px","px"],"locked":true}},"typography":{"textShadow":{},"size":[15]}} -->
<div class="wp-block-greenshift-blocks-button gspb_button_wrapper gspb_button-id-gsbp-fa705b1a-0e81" id="gspb_button-id-gsbp-fa705b1a-0e81"><a class="gspb-buttonbox" rel="noopener"><span class="gspb-buttonbox-textwrap"><span class="gspb-buttonbox-text"><span class="gspb-buttonbox-title">Buy Now!</span></span></span></a></div>
<!-- /wp:greenshift-blocks/button --></div>
<!-- /wp:greenshift-blocks/container -->
<!-- wp:greenshift-blocks/container {"id":"gsbp-a07f3702-4d00","flexbox":{"type":"flexbox","flexDirection":["row"],"justifyContent":["space-between"],"alignItems":["center"]},"spacing":{"margin":{"values":{"bottom":[10]},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{},"unit":["px","px","px","px"],"locked":false}}} -->
<div class="wp-block-greenshift-blocks-container gspb_container gspb_container-gsbp-a07f3702-4d00" id="gspb_container-id-gsbp-a07f3702-4d00"><!-- wp:greenshift-blocks/heading {"id":"gsbp-f54b40c5-6e28","headingTag":"div","headingContent":"Ebay - \u003cmark style=\u0022background-color:rgba(0, 0, 0, 0);color:#ed1111\u0022 class=\u0022has-inline-color\u0022\u003e$97.99\u003c/mark\u003e"} -->
<div id="gspb_heading-id-gsbp-f54b40c5-6e28" class="gspb_heading gspb_heading-id-gsbp-f54b40c5-6e28 ">Ebay - <mark style="background-color:rgba(0, 0, 0, 0);color:#ed1111" class="has-inline-color">$97.99</mark></div>
<!-- /wp:greenshift-blocks/heading -->
<!-- wp:greenshift-blocks/button {"id":"gsbp-6767e6ae-afd3","buttonContent":"Buy Now!","spacing":{"margin":{"values":{},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{"right":[4],"top":[4],"bottom":[4],"left":[4]},"unit":["px","px","px","px"],"locked":true}},"typography":{"textShadow":{},"size":[15]}} -->
<div class="wp-block-greenshift-blocks-button gspb_button_wrapper gspb_button-id-gsbp-6767e6ae-afd3" id="gspb_button-id-gsbp-6767e6ae-afd3"><a class="gspb-buttonbox" rel="noopener"><span class="gspb-buttonbox-textwrap"><span class="gspb-buttonbox-text"><span class="gspb-buttonbox-title">Buy Now!</span></span></span></a></div>
<!-- /wp:greenshift-blocks/button --></div>
<!-- /wp:greenshift-blocks/container -->
<!-- wp:greenshift-blocks/container {"id":"gsbp-4d4fbe62-3d05","flexbox":{"type":"flexbox","flexDirection":["row"],"justifyContent":["space-between"],"alignItems":["center"]}} -->
<div class="wp-block-greenshift-blocks-container gspb_container gspb_container-gsbp-4d4fbe62-3d05" id="gspb_container-id-gsbp-4d4fbe62-3d05"><!-- wp:greenshift-blocks/heading {"id":"gsbp-0942fad0-ae8a","headingTag":"div","headingContent":"Etsy - \u003cmark style=\u0022background-color:rgba(0, 0, 0, 0);color:#ed1111\u0022 class=\u0022has-inline-color\u0022\u003e$98.99\u003c/mark\u003e"} -->
<div id="gspb_heading-id-gsbp-0942fad0-ae8a" class="gspb_heading gspb_heading-id-gsbp-0942fad0-ae8a ">Etsy - <mark style="background-color:rgba(0, 0, 0, 0);color:#ed1111" class="has-inline-color">$98.99</mark></div>
<!-- /wp:greenshift-blocks/heading -->
<!-- wp:greenshift-blocks/button {"id":"gsbp-872ab445-20e6","buttonContent":"Buy Now!","spacing":{"margin":{"values":{},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{"right":[4],"top":[4],"bottom":[4],"left":[4]},"unit":["px","px","px","px"],"locked":true}},"typography":{"textShadow":{},"size":[15]}} -->
<div class="wp-block-greenshift-blocks-button gspb_button_wrapper gspb_button-id-gsbp-872ab445-20e6" id="gspb_button-id-gsbp-872ab445-20e6"><a class="gspb-buttonbox" rel="noopener"><span class="gspb-buttonbox-textwrap"><span class="gspb-buttonbox-text"><span class="gspb-buttonbox-title">Buy Now!</span></span></span></a></div>
<!-- /wp:greenshift-blocks/button --></div>
<!-- /wp:greenshift-blocks/container --></div></div></div></div></div>
<!-- /wp:greenshift-blocks/hotspot --></div>
<!-- /wp:greenshift-blocks/container -->