<p><link rel="stylesheet" href="/images/assetimages/2015/the-report/assets/css/the-report.css"></p>
<div class="tr-content-page" data-title="The Men's Edit" data-hash="the-mens-edit">
<div class="tr-cp-dt">
<div class="tr-cp-mainimg"><img src="/images/assetimages/2015/the-report/issue18/desktop/page15.jpg" border="0" usemap="#Map15"> <map id="Map15" name="Map15"> 
<area class="show-tooltip" shape="rect" coords="238,231,462,468" href="60188027">
 
<area class="show-tooltip" shape="poly" coords="635,422,557,178,394,221,408,488" href="60188026">
 
<area class="show-tooltip" shape="poly" coords="614,433,669,440,712,183,533,161" href="60188018">
 
<area class="show-tooltip" shape="rect" coords="612,198,848,464" href="60188028">
 
<area class="show-tooltip" shape="rect" coords="824,168,960,473" href="60188019">
 </map>
<div class="tr-cp-headline" style="top: 92px; left: 15px; width: 257px;">
<h1>Men&rsquo;s</h1>
<h1>EDIT</h1>
<h2>With our curation of styles, there&rsquo;s no need to take a wild guess at what the man in your life might like.</h2>
<a href="/shop/man/gift-guide/the-mens-edit" class="tr-shop-link">Shop now</a></div>
<div class="tr-cp-product-details" style="top: 481px; left: 720px; width: 184px;">
<h2>POLOS</h2>
<p>On-trend for the season, the polo is the ideal smart-casual staple.</p>
<a href="/shop/man/clothing/polo-shirts-and-tees" class="tr-shop-link-black-border">Shop now</a></div>
</div>
</div>
</div>
<div class="tr-content-page" data-title="The Men's Edit" data-hash="the-mens-edit-2">
<div class="tr-cp-dt">
<div class="tr-cp-mainimg"><img src="/images/assetimages/2015/the-report/issue18/desktop/page16.jpg" border="0" usemap="#Map16"> <map id="Map16" name="Map16"> 
<area shape="rect" coords="126,354,296,492" href="/shop/man/clothing/polo-shirts-and-tees">
 
<area shape="rect" coords="731,173,882,302" href="/shop/man/clothing/shorts">
 
<area class="show-tooltip" shape="rect" coords="360,143,586,402" href="60188010">
 
<area class="show-tooltip" shape="rect" coords="377,388,531,527" href="60188702">
 </map>
<div class="tr-cp-quotation" style="top: 63px; left: 21px; width: 302px;">
<h1>Add personality to classic summer looks with colourful tees&rsquo;</h1>
<a href="/shop/man/gift-guide/the-mens-edit" class="tr-shop-link-black-border">Shop now</a></div>
<div class="tr-cp-profile" style="top: 359px; left: 721px; width: 172px;">
<h2>Men&rsquo;s</h2>
<h2>ESSENTIALS</h2>
<span class="tr-cp-down-arrow"></span>
<p>Washed-out colourways, bold prints and new season cuts &ndash; shorts are the quickest way to update a summer wardrobe.</p>
<a href="/shop/man/gift-guide/the-mens-edit" class="tr-shop-link-black-border">Shop now</a></div>
</div>
</div>
</div>
<script src="/images/assetimages/witchery/tooltips.js">// <![CDATA[

// ]]></script>
<script>// <![CDATA[
var product_url = "/product/",
			areas = $("map area");	

		areas.each(function() {
		    product_id = $(this).attr("href");
		    product_parsedID = parseFloat(product_id);
		    if (product_id && product_parsedID) {
		        $(this).attr("href", product_url+product_id).data({"has-url": true, "has-data": false}).addClass("show-tooltip");
		    }
		});
$(".tr-cp-mainimg").tooltips({
				track: true,
				items: ".tr-cp-mainimg area.show-tooltip",
				content: function(callback) {
			    	var el = $(this);
			    	var swatch_img = "";
			    	callback("<img src='/images/assetimages/witchery/ajax-loader.gif' />")
			    	function datafy() {
					    for (var i = 0; i < el.data("swatch").length; i++) {
							swatch_img += "<img width='10' height='10' style='border: 1px solid #000;margin:2px 2px 0 2px;' src='" + el.data("swatch")[i] + "' />"
						};
						content = el.data("name") + "<br>" + el.data("currency") + el.data("price") + "<br>" + swatch_img;
						return content;
			    	 	swatch_img = "";

			    	}
			    	if (el.data("has-url") && !el.data("has-data")) {
			    		$.get(el.attr("href") + "?serveas=ajax", function(data) {

			    			//remove product images so it doesn't get loaded into the DOM
			    			data = data.replace(/<figure class="product_image">[\S\s]*?<\/figure>/ig, '');

			    			//store product properties into area data attribute
			    			var name = $(data).find("[itemprop=name]").text(),
			    			price = $(data).find("[itemprop=price]").text(),
			    			currency_label = $(data).find(".currency_label").eq(0).text(),
			    			swatch = [];

			    			$(data).find("p.swatch img").each(function(i) {
			    				swatch[i] = $(this).attr("src")
			    			});
			    			el.data({"name": name, "price": price, "swatch": swatch, "currency": currency_label, "has-data": true});


							//sends product details to tooltips
							callback(datafy());
			    		})
			    		.fail(function() {
			    			callback("Coming Soon")
			    		})
			    	}
			    	else if (el.data("has-data")) {
			    		callback(datafy())
			    	}
				}
			});
// ]]></script>

Men’s

EDIT

With our curation of styles, there’s no need to take a wild guess at what the man in your life might like.

POLOS

Add personality to classic summer looks with colourful tees’

Men’s

ESSENTIALS