sample page

this is sample page

 

<div class="shopify-image-mapper-wrap"><div id="imagemapper80-wrapper" class="imagemapper80-wrapper imagemapper-wrapper" style="clear: both;"><img id="imapper80-map-image" style="max-width: 100%;" src="https://cdn.shopify.com/s/files/1/2072/6551/t/11/assets/1531998174185_about-icon.png?7724785056219125318" /><div data-pin-id="142" id="imapper80-pin142-my-content-wrapper" class="imapper80-pin-my-content-wrapper imapper-my-content-wrapper" data-back-color="rgba(0,0,0,0.6)" data-border-color="#ffffff" data-border-radius="0" data-width="200px" data-height="" data-text-color="" data-font="" data-my-hover-open="top" data-my-hover-in-animation="scaleIn" data-my-hover-out-animation="scaleOut" data-my-enable-shadow="1" data-my-shadow-width="10"><div class="my_hover_inner_1234"><!-- hover title --><div class="my_hover_title"><div>adidas Golf Boys B Performance Polo Shirt</div></div></div></div><div data-my-in-animation="scaleIn" data-my-out-animation="scaleOut" data-pin-id="142" id="imapper80-pin142-wrapper" data-open-position="right" data-left="66.14129269469366%" data-top="30.495121998762226%" data-pin-color="rgba(0,0,0,0.8)"  data-imapper-click-action="content" data-imapper-hover-action="my_content" class="imapper80-pin-wrapper imapper-pin-wrapper" style="position: absolute;" data-my-hover-back-color="#ffffff" data-my-hover-open="top" data-my-hover-in-animation="scaleIn" data-my-hover-out-animation="scaleOut"><div data-pin-id="142" id="imapper80-pin142" class="imapper80-pin"><img src="https://cdn.shopify.com/s/files/1/2072/6551/t/11/assets/1531998206489_about-icon.png?9809504190377789750"/></div><div id="imapper80-pin142-content-wrapper" class="imapper80-pin-content-wrapper imapper-content-wrapper" data-back-color="#ffffff" data-border-color="#ffffff" data-border-radius="0" data-width="368px" data-height="312px" data-text-color="" data-font=""><div id="imapper80-pin142-content" class="imapper-content" data-my-enable-shadow="1" data-my-shadow-width="10"><div class="my_product_header"><div class="my_product_title"><div class="my_product_title_inner">adidas Golf Boys B Performance Polo Shirt</div><div class="my_product_close" data-color="#d7d9d8" data-hover-color="#d45729"><i class="my_font_size icon-remove-circle"></i></div></div></div><!-- product header --><div class="my_product_main"><div class="my_product_text_div" style="width:50%;"><div class="my_padding_left_20"><div class="my_product_price" data-my-line-height="39.0" data-my-font-size="26">$ 40.00</div><!-- product-price --><div class="imapper-content-text-test my_product_description" style=""><p><strong>adidas Golf Boys B Performance Polo Shirt</strong></p><ul><li>Rib knit collar and cuffs</li><li>Lightweight jersey fabric</li><li>Adidas brandmark on back neck</li></ul></div></div></div><!-- my_product_text_div --><div class="my_product_image_div"></div><div class="my_clear"></div></div><!--my_product_main--><div class="my_product_footer"><div class="my_view_item" data-color="#ffffff" data-hover-color="#ffffff" data-back-color="#222222" data-hover-back-color="#d45729" data-my-target="new"><div><a title="VIEW ITEM" href="/products/adidas-golf-boys-b-performance-polo-shirt" target="_blank">VIEW ITEM</a></div></div><div class="my_add_item" data-color="#ffffff" data-hover-color="#ffffff" data-back-color="#222222" data-hover-back-color="#d45729" data-my-product-id="50756880980"><div><a class="my_woo_add_to_cart" data-my-product-id="50756880980" title="ADD TO CART" href="#javascript">ADD TO CART</a></div></div></div><!--my_product_footer--></div></div></div></div><style type="text/css" id="my_immaper_80">.my_imapper_overlay_80 {background-color: #000000;}#imapper80-pin142:hover{border-color: #fefff1 ;}#imapper80-pin142:hover{background-color: rgba(0,0,0,0.6) ;}#imapper80-pin142:hover .my_inner_dot-front {border-color: #fefff1 ;}#imapper80-pin142-my-content-wrapper .my_hover_inner_1234 {background-color: #ffffff;-webkit-box-shadow:0 0 5px 5px rgba(0,0,0,0.1) ;-moz-box-shadow:0 0 5px 5px rgba(0,0,0,0.1) ;-ms-box-shadow:0 0 5px 5px rgba(0,0,0,0.1) ;-o-box-shadow:0 0 5px 5px rgba(0,0,0,0.1) ;box-shadow:0 0 5px 5px rgba(0,0,0,0.1) ;}#imapper80-pin142-my-content-wrapper .imapper-arrow-border::after{content:"";position:absolute;top:-18px;left:-7px;width:15px;height:15px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);background-color:transparent;-webkit-box-shadow:5px 5px 5px 0px rgba(0,0,0,0.1) ;-moz-box-shadow:5px 5px 5px 0px rgba(0,0,0,0.1) ;-ms-box-shadow:5px 5px 5px 0px rgba(0,0,0,0.1) ;-o-box-shadow:5px 5px 5px 0px rgba(0,0,0,0.1) ;box-shadow:5px 5px 5px 0px rgba(0,0,0,0.1) ;border-color: #ffffff ;background: #ffffff ;}#imapper80-pin142-my-content-wrapper div.my_hover_title div {max-height: 24.0px ;line-height: 1.5 ;overflow: hidden;}#imapper80-pin142-my-content-wrapper div.my_hover_title div {color: #222222 ;font-size: 16;font-style: normal;font-weight: 400;}#imapper80-pin142-content .my_product_header {border-bottom: 2px solid #d7d9d8;}.shopify-image-mapper-wrap #imapper80-pin142-content .icon-remove-circle::before, .shopify-image-mapper-wrap #imapper80-pin142-content .icon-remove-circle::after {background: #d7d9d8 ;}.shopify-image-mapper-wrap #imapper80-pin142-content .icon-remove-circle:hover::before, .shopify-image-mapper-wrap #imapper80-pin142-content .icon-remove-circle:hover::after {background: #d45729 ;}#imapper80-pin142-content .my_triangle_left {background-color: #ffffff;}#imapper80-pin142-content {-webkit-box-shadow:0 0 5px 5px rgba(0,0,0,0.1);-moz-box-shadow:0 0 5px 5px rgba(0,0,0,0.1);-ms-box-shadow:0 0 5px 5px rgba(0,0,0,0.1);-o-box-shadow:0 0 5px 5px rgba(0,0,0,0.1);box-shadow:0 0 5px 5px rgba(0,0,0,0.1);}#imapper80-pin142-content .imapper-arrow-new-top::after{content:"";display:block;width:15px;height:15px;transform:rotate(-45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);position:absolute;-webkit-box-shadow: 5px -5px 5px 0px rgba(0,0,0,0.1);-moz-box-shadow: 5px -5px 5px 0px rgba(0,0,0,0.1);-ms-box-shadow: 5px -5px 5px 0px rgba(0,0,0,0.1);-o-box-shadow: 5px -5px 5px 0px rgba(0,0,0,0.1);box-shadow: 5px -5px 5px 0px rgba(0,0,0,0.1);right:4px;margin-top:-8px;background-color:transparent;}#imapper80-pin142-content .imapper-arrow-new-top::after{content:"";display:block;width:15px;height:15px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);background-color:transparent;position:absolute;-webkit-box-shadow:5px -5px 5px 0px rgba(0,0,0,0.1);-moz-box-shadow:5px -5px 5px 0px rgba(0,0,0,0.1);-ms-box-shadow:5px -5px 5px 0px rgba(0,0,0,0.1);-o-box-shadow:5px -5px 5px 0px rgba(0,0,0,0.1);box-shadow:5px -5px 5px 0px rgba(0,0,0,0.1);left:-8px;top:12px;margin-top:-8px;}#imapper80-pin142-content .imapper-arrow-new-bottom::after{content:"";display:block;width:15px;height:15px;transform:rotate(135deg);-webkit-transform:rotate(135deg);-o-transform:rotate(135deg);-ms-transform:rotate(135deg);-moz-transform:rotate(135deg);position:absolute;-webkit-box-shadow:5px -5px 5px 0px rgba(0,0,0,0.1);-moz-box-shadow:5px -5px 5px 0px rgba(0,0,0,0.1);-ms-box-shadow:5px -5px 5px 0px rgba(0,0,0,0.1);-o-box-shadow:5px -5px 5px 0px rgba(0,0,0,0.1);box-shadow:5px -5px 5px 0px rgba(0,0,0,0.1);left:-8px;top:-11px;margin-top:-8px;background-color:transparent;}#imapper80-pin142-content .imapper-arrow-new-right::after {content:"";display:block;width:15px;height:15px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);position:absolute;-webkit-box-shadow:5px -5px 5px 0px rgba(0,0,0,0.1);-moz-box-shadow:5px -5px 5px 0px rgba(0,0,0,0.1);-ms-box-shadow:5px -5px 5px 0px rgba(0,0,0,0.1);-o-box-shadow:5px -5px 5px 0px rgba(0,0,0,0.1);box-shadow:5px -5px 5px 0px rgba(0,0,0,0.1);right:4px;margin-top:-8px;background-color:transparent;}#imapper80-pin142-content .imapper-arrow-new::after{content:"";display:block;width:15px;height:15px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);position:absolute;-webkit-box-shadow:-5px 5px 5px 0px rgba(0,0,0,0.1);-moz-box-shadow:-5px 5px 5px 0px rgba(0,0,0,0.1);-ms-box-shadow:-5px 5px 5px 0px rgba(0,0,0,0.1);-o-box-shadow:-5px 5px 5px 0px rgba(0,0,0,0.1);box-shadow:-5px 5px 5px 0px rgba(0,0,0,0.1);left:4px;margin-top:-8px;border-color: #ffffff;}#imapper80-pin142-content .my_product_title{height: 44px ;}#imapper80-pin142-content .my_product_footer, #imapper80-pin142-content .my_add_item div, #imapper80-pin142-content .my_view_item div{height: 45px ;}#imapper80-pin142-content .my_view_item_category div{width: 368px ;}#imapper80-pin142-content .my_add_item div, #imapper80-pin142-content .my_view_item div{width: 368px ;}#imapper80-pin142-content .my_product_image_div {background-image:url(https://cdn.shopify.com/s/files/1/2072/6551/products/81so8D6Xp5L._SL1500.jpg?v=1524553879);background-size:cover;background-repeat:no-repeat;background-position:center;}#imapper80-pin142-content .my_product_title_inner{color: #565656;line-height: 1.5 ;width: 318px ;text-overflow:ellipsis ;white-space:nowrap;font-size: 16px ;font-style: normal;font-weight: 400;max-height: 24.0px ;}#imapper80-pin142-content .my_product_price {color: #d45729 ;line-height: 39.0px ;font-size: 26px ;font-style: normal ;font-weight: 400 ;height: 39.0px ;}#imapper80-pin142-content .my_view_item a, #imapper80-pin142-content .my_view_item_category a {text-decoration:none ;color:#ffffff;line-height: 24.0px ;font-size: 14px ;font-style: normal ;font-weight: 400 ;height: 24.0px ;}#imapper80-pin142-content .my_view_item, #imapper80-pin142-content .my_view_item_category {background-color: #222222;color: #ffffff;-webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;-ms-transition: all 0.35s ease-in-out;-o-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out;}#imapper80-pin142-content .my_view_item:hover, #imapper80-pin142-content .my_view_item_category:hover {background-color: #d45729;color: #ffffff;}#imapper80-pin142-content .my_view_item:hover a, #imapper80-pin142-content .my_view_item_category:hover a, #imapper80-pin142-content .my_add_item:hover a {text-decoration:none ;}#imapper80-pin142-content .my_add_item a {text-decoration:none ;color: #ffffff;line-height: 24.0px ;font-size: 14px ;font-style: normal ;font-weight: 400 ;height: 24.0px ;}#imapper80-pin142-content .my_add_item {background-color: #222222;color: #ffffff;-webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;-ms-transition: all 0.35s ease-in-out;-o-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out;}#imapper80-pin142-content .my_add_item:hover {background-color: #d45729;color: #ffffff;}#imapper80-pin142-content .my_product_description{line-height: 1.5 ;color: #7f7f7f;font-size: 16px ;font-style: normal ;font-weight: 400 ;}</style><script type="text/javascript">(function(){var mapper_80_execute_scripts = function(){jQueryMapper(".imagemapper80-wrapper").imageMapper({itemOpenStyle: 'click',itemDesignStyle: 'responsive',responsiveWidth:600,transformSmall:1,oldResponsive:0,animateOther:1000,pinScalingCoefficient: 1,advancedPinOptions:true,pinClickAction:"content",pinHoverAction:"my_content",useTransitions:'1',animationDuration:170,mapOverlay: true});};mapper_80_execute_scripts();})();</script></div>