Admin – Opening a link in a separate tab/window

Opening a link in a separate tab/window

There are times when it is best to open a link in a separate tab/window so that the customer does not lose their place on the Fawkes website.
Examples when links should open in a separate tab/window:

• To allow the customer to see an image that they can zoom in on
• To take the customer to an external website, such as a size guide on the brand’s own website

Add this code snippet to the anchor (<a>) tag:

<br /><br /> target=”_blank” title=”opens in a new tab”<br /><br />

To indicate that the link will open in a new tab/window, include a new page icon immediately after the link text by adding this code snippet after the link text and before the closing anchor (</a>) tag:

<br /><br />  <img style=”display: inline; vertical-align: middle;” src=” /downloads/1592989820External.svg” alt=”external link” width=”12″ height=”12″ /><br /><br />

Example 1

A link to a third party website page

Screen shot:

Code:

</p><br /> <p><p><br /> You can find all Alpinestars size charts<br /><br /> <a title=”opens in a new tab” href=”https://www.alpinestars.com/pages/size-charts” target=”_blank” rel=”noopener”> here <img style=”display: inline; vertical-align: middle;” src=”/downloads/1592989820External.svg” alt=”external link” width=”12″ height=”12″ /><br /><br /> </a><br /> </p><br /> <p>

Example 2

A link to open an image with resize (zoom) capabilities

Screen shot:

Code:

</p><br /> <h3>Select your guide:</h3><br /> <ul><br /> <li><a href=”/downloads/1592987452AlpinstarsSizingChart_jpg_900x900_q100.jpg” target=”_blank” title=”opens in a new tab” rel=”noopener”>Men’s Apparel <img alt=”external link” height=”12″ src=”/downloads/1592989820External.svg” style=”display: inline; vertical-align: middle;” width=”12″ /></a></li><br /> </ul><br /> <p>