<div class="promotional-tout installed" data-module="promotionalTout" data-chrome-download="https://www.google.co.uk/chrome/?brand=CHBD&brand=YTUH&gclid=CjwKCAjwn8SLBhAyEiwAHNTJbQ_I2QnD0WK6XfETIu6vCKiRBURcN07f8ZsNnlaJ7HdK38oLoBdeMBoC3I0QAvD_BwE&gclsrc=aw.ds" data-safari-download="http://appstore.com/safari" data-firefox-download="https://www.mozilla.org/en-GB/firefox/new/">
<div class="promotional-tout__background">
<figure class="image js-image " data-module="imagelazy" data-is-small-image="">
<img class="image__lowres js-image-lazyload" data-object-fit data-src="/media/Tout-images/promotional-tout-image.png" alt="Alt Text">
<picture class="image__container">
<source media="(max-width: 767px)" class="js-small-image" type="image/jpeg" data-srcset="/media/Tout-images/promotional-tout-image-mobile.png" />
<source media="(min-width: 768px) and (max-width:1319px)" class="js-medium-image" type="image/jpeg" data-srcset="/media/Tout-images/promotional-tout-image.png" />
<source media="(min-width: 1320px)" class="js-large-image" type="image/jpeg" data-srcset="/media/Tout-images/promotional-tout-image.png" />
<img class="js-image-lazyload js-fallback-image" data-object-fit data-src="" alt="Alt Text">
</picture>
</figure>
</div>
<div class="promotional-tout__text-container">
<div class="promotional-tout__text-inner">
<h2 class="promotional-tout__heading">Your portable travel guide</h2>
<p class="promotional-tout__subtitle">Take your plans with you, and get local offers whilst in Ireland. Discover new things nearby, and access your saved places, even offline.</p>
<button class="promotional-tout__button js-install-button" disabled="true">Install app</button>
<span class="promotional-tout__unsupported-message">Sorry, this feature is not supported in your browser. Try opening this page on<span class="js-supported-downloads">or</span>to install the app.</span>
<span class="promotional-tout__installed-message">The App is already installed on this device</span>
</div>
</div>
<div class="promotional-tout__modal">
<div class="promotional-tout__modal-container">
<div class="promotional-tout__modal-icon"><svg width='64' height='74' viewBox='0 0 64 74' fill='none' xmlns='http://www.w3.org/2000/svg'>
<rect x='11.7372' y='1.09465' width='31.7286' height='53.6105' rx='4.37636' stroke='#00875A' stroke-width='2.18818' />
<path fill-rule='evenodd' clip-rule='evenodd' d='M21.9095 25.2793C22.8127 24.3744 23.9976 24.0051 25.0794 24.0051C26.1009 24.0051 26.9599 24.3898 27.5915 24.8245C28.2065 24.3726 29.0597 24.0051 30.164 24.0051C32.9209 24.0051 34.8542 26.3067 34.6971 29.2466C34.5893 31.266 33.2395 32.9279 31.9521 34.0866C30.6256 35.2806 29.119 36.1615 28.2321 36.6065C27.872 36.7872 27.4471 36.7901 27.0846 36.6144C26.1993 36.1853 24.661 35.3519 23.31 34.1723C21.9881 33.0181 20.633 31.345 20.5567 29.2247C20.4962 27.5425 20.9896 26.201 21.9095 25.2793ZM25.0794 25.4205C24.3055 25.4205 23.5046 25.6848 22.9113 26.2792C22.3215 26.8702 21.9219 27.8025 21.9713 29.1738C22.0264 30.7056 23.0207 32.0406 24.241 33.1061C25.4314 34.1456 26.81 34.9047 27.6494 35.3151C28.4701 34.8984 29.8268 34.0952 31.0052 33.0345C32.2147 31.9459 33.2067 30.6128 33.2837 29.1711C33.4046 26.9079 31.9818 25.4205 30.164 25.4205C29.1773 25.4205 28.5141 25.8354 28.1129 26.2369C27.8488 26.501 27.4249 26.5145 27.1446 26.2677C26.6583 25.8395 25.9313 25.4205 25.0794 25.4205Z' fill='#00875A' />
<path d='M34.1457 51.4223C35.3919 51.4223 36.4022 50.6875 36.4022 49.7812C36.4022 48.8748 35.3919 48.14 34.1457 48.14C32.8994 48.14 31.8892 48.8748 31.8892 49.7812C31.8892 50.6875 32.8994 51.4223 34.1457 51.4223Z' fill='#00875A' />
<path d='M19.8643 2.74118C19.4818 1.67222 20.2741 0.547045 21.4095 0.547045H33.7945C34.9299 0.547045 35.7223 1.67222 35.3397 2.74119L34.9481 3.83528C34.7146 4.4879 34.0961 4.92341 33.403 4.92341H21.8011C21.1079 4.92341 20.4895 4.4879 20.2559 3.83528L19.8643 2.74118Z' stroke='#00875A' stroke-width='1.09409' />
<mask id='path-5-outside-1' maskUnits='userSpaceOnUse' x='24.4292' y='34.2003' width='39' height='40' fill='black'>
<rect fill='white' x='24.4292' y='34.2003' width='39' height='40' />
<path fill-rule='evenodd' clip-rule='evenodd' d='M51.3343 37.2003H37.1111V60.4499H31.4292L44.2206 71.1173L57.012 60.4499H51.3343V37.2003Z' />
</mask>
<path fill-rule='evenodd' clip-rule='evenodd' d='M51.3343 37.2003H37.1111V60.4499H31.4292L44.2206 71.1173L57.012 60.4499H51.3343V37.2003Z' fill='#E5E5E5' />
<path d='M37.1111 37.2003V35.0121H34.9229V37.2003H37.1111ZM51.3343 37.2003H53.5224V35.0121H51.3343V37.2003ZM37.1111 60.4499V62.6381H39.2993V60.4499H37.1111ZM31.4292 60.4499V58.2617H25.3888L30.0277 62.1304L31.4292 60.4499ZM44.2206 71.1173L42.8191 72.7978L44.2206 73.9665L45.622 72.7978L44.2206 71.1173ZM57.012 60.4499L58.4134 62.1304L63.0524 58.2617H57.012V60.4499ZM51.3343 60.4499H49.1461V62.6381H51.3343V60.4499ZM37.1111 39.3885H51.3343V35.0121H37.1111V39.3885ZM39.2993 60.4499V37.2003H34.9229V60.4499H39.2993ZM31.4292 62.6381H37.1111V58.2617H31.4292V62.6381ZM45.622 69.4368L32.8307 58.7694L30.0277 62.1304L42.8191 72.7978L45.622 69.4368ZM55.6105 58.7694L42.8191 69.4368L45.622 72.7978L58.4134 62.1304L55.6105 58.7694ZM51.3343 62.6381H57.012V58.2617H51.3343V62.6381ZM49.1461 37.2003V60.4499H53.5224V37.2003H49.1461Z' fill='#F8F8F8' mask='url(#path-5-outside-1)' />
<path fill-rule='evenodd' clip-rule='evenodd' d='M51.3343 37.2003H37.1111V60.4499H31.4292L44.2206 71.1173L57.012 60.4499H51.3343V37.2003Z' fill='#F8F8F8' />
<path d='M37.1111 37.2003V36.1062H36.017V37.2003H37.1111ZM51.3343 37.2003H52.4283V36.1062H51.3343V37.2003ZM37.1111 60.4499V61.544H38.2052V60.4499H37.1111ZM31.4292 60.4499V59.3558H28.409L30.7285 61.2901L31.4292 60.4499ZM44.2206 71.1173L43.5199 71.9575L44.2206 72.5419L44.9213 71.9575L44.2206 71.1173ZM57.012 60.4499L57.7127 61.2901L60.0322 59.3558H57.012V60.4499ZM51.3343 60.4499H50.2402V61.544H51.3343V60.4499ZM37.1111 38.2944H51.3343V36.1062H37.1111V38.2944ZM38.2052 60.4499V37.2003H36.017V60.4499H38.2052ZM31.4292 61.544H37.1111V59.3558H31.4292V61.544ZM44.9213 70.277L32.1299 59.6096L30.7285 61.2901L43.5199 71.9575L44.9213 70.277ZM56.3113 59.6096L43.5199 70.277L44.9213 71.9575L57.7127 61.2901L56.3113 59.6096ZM51.3343 61.544H57.012V59.3558H51.3343V61.544ZM50.2402 37.2003V60.4499H52.4283V37.2003H50.2402Z' fill='#5FBD00' />
</svg></div>
<h3 class="promotional-tout__modal-heading">Installing on iOS</h3>
<button class="promotional-tout__modal-close js-close-modal"></button>
<div class="promotional-tout__modal-steps-wrapper">
<ul>
<li class="promotional-tout__modal-step-item">
<span class="promotional-tout__modal-step-item-number">0</span>
<p class="promotional-tout__modal-step-item-instruction">Press the share button</p>
<img src="/media/Tout-images/installStep1.png" alt="Press the share button at the top" class="promotional-tout__modal-step-item-image">
</li>
<li class="promotional-tout__modal-step-item">
<span class="promotional-tout__modal-step-item-number">1</span>
<p class="promotional-tout__modal-step-item-instruction">Select “Add to Home Screen”</p>
<img src="/media/Tout-images/installStep2.png" alt="Tap the add to home screen text" class="promotional-tout__modal-step-item-image">
</li>
<li class="promotional-tout__modal-step-item">
<span class="promotional-tout__modal-step-item-number">2</span>
<p class="promotional-tout__modal-step-item-instruction">Press the “Add” button</p>
<img src="/media/Tout-images/installStep3.png" alt="Confirm by tapping add" class="promotional-tout__modal-step-item-image">
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="promotional-tout installed" data-module="promotionalTout" data-chrome-download="{{downloads.chrome}}" data-safari-download="{{downloads.safari}}" data-firefox-download="{{downloads.firefox}}">
{{#if backgroundResponsiveImage}}
<div class="promotional-tout__background">
{{> @cp-medium-image backgroundResponsiveImage}}
</div>
{{/if}}
<div class="promotional-tout__text-container">
<div class="promotional-tout__text-inner">
<h2 class="promotional-tout__heading">{{title}}</h2>
<p class="promotional-tout__subtitle">{{subtitle}}</p>
<button class="promotional-tout__button js-install-button" disabled="true">{{button.text}}</button>
<span class="promotional-tout__unsupported-message">{{unsupportedMessage.start}}<span class="js-supported-downloads">{{unsupportedMessage.delimiter}}</span>{{unsupportedMessage.end}}</span>
<span class="promotional-tout__installed-message">{{installedMessage}}</span>
</div>
</div>
<div class="promotional-tout__modal">
<div class="promotional-tout__modal-container">
<div class="promotional-tout__modal-icon">{{{modalIcon}}}</div>
<h3 class="promotional-tout__modal-heading">{{modalHeading}}</h3>
<button class="promotional-tout__modal-close js-close-modal"></button>
<div class="promotional-tout__modal-steps-wrapper">
<ul>
{{#each modalSteps}}
<li class="promotional-tout__modal-step-item">
<span class="promotional-tout__modal-step-item-number">{{@index}}</span>
<p class="promotional-tout__modal-step-item-instruction">{{instruction}}</p>
<img src="{{image.src}}" alt="{{image.alt}}" class="promotional-tout__modal-step-item-image">
</li>
{{/each}}
</ul>
</div>
</div>
</div>
</div>
{
"title": "Your portable travel guide",
"subtitle": "Take your plans with you, and get local offers whilst in Ireland. Discover new things nearby, and access your saved places, even offline.",
"button": {
"text": "Install app"
},
"unsupportedMessage": {
"start": "Sorry, this feature is not supported in your browser. Try opening this page on",
"delimiter": "or",
"end": "to install the app."
},
"installedMessage": "The App is already installed on this device",
"backgroundResponsiveImage": {
"altText": "Alt Text",
"lowResolutionUrl": "/media/Tout-images/promotional-tout-image.png",
"sources": [
{
"type": "image/jpeg",
"largeUrl": "/media/Tout-images/promotional-tout-image.png",
"smallUrl": "/media/Tout-images/promotional-tout-image-mobile.png"
}
]
},
"downloads": {
"chrome": "https://www.google.co.uk/chrome/?brand=CHBD&brand=YTUH&gclid=CjwKCAjwn8SLBhAyEiwAHNTJbQ_I2QnD0WK6XfETIu6vCKiRBURcN07f8ZsNnlaJ7HdK38oLoBdeMBoC3I0QAvD_BwE&gclsrc=aw.ds",
"safari": "http://appstore.com/safari",
"firefox": "https://www.mozilla.org/en-GB/firefox/new/"
},
"modalIcon": "<svg width='64' height='74' viewBox='0 0 64 74' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='11.7372' y='1.09465' width='31.7286' height='53.6105' rx='4.37636' stroke='#00875A' stroke-width='2.18818'/><path fill-rule='evenodd' clip-rule='evenodd' d='M21.9095 25.2793C22.8127 24.3744 23.9976 24.0051 25.0794 24.0051C26.1009 24.0051 26.9599 24.3898 27.5915 24.8245C28.2065 24.3726 29.0597 24.0051 30.164 24.0051C32.9209 24.0051 34.8542 26.3067 34.6971 29.2466C34.5893 31.266 33.2395 32.9279 31.9521 34.0866C30.6256 35.2806 29.119 36.1615 28.2321 36.6065C27.872 36.7872 27.4471 36.7901 27.0846 36.6144C26.1993 36.1853 24.661 35.3519 23.31 34.1723C21.9881 33.0181 20.633 31.345 20.5567 29.2247C20.4962 27.5425 20.9896 26.201 21.9095 25.2793ZM25.0794 25.4205C24.3055 25.4205 23.5046 25.6848 22.9113 26.2792C22.3215 26.8702 21.9219 27.8025 21.9713 29.1738C22.0264 30.7056 23.0207 32.0406 24.241 33.1061C25.4314 34.1456 26.81 34.9047 27.6494 35.3151C28.4701 34.8984 29.8268 34.0952 31.0052 33.0345C32.2147 31.9459 33.2067 30.6128 33.2837 29.1711C33.4046 26.9079 31.9818 25.4205 30.164 25.4205C29.1773 25.4205 28.5141 25.8354 28.1129 26.2369C27.8488 26.501 27.4249 26.5145 27.1446 26.2677C26.6583 25.8395 25.9313 25.4205 25.0794 25.4205Z' fill='#00875A'/><path d='M34.1457 51.4223C35.3919 51.4223 36.4022 50.6875 36.4022 49.7812C36.4022 48.8748 35.3919 48.14 34.1457 48.14C32.8994 48.14 31.8892 48.8748 31.8892 49.7812C31.8892 50.6875 32.8994 51.4223 34.1457 51.4223Z' fill='#00875A'/><path d='M19.8643 2.74118C19.4818 1.67222 20.2741 0.547045 21.4095 0.547045H33.7945C34.9299 0.547045 35.7223 1.67222 35.3397 2.74119L34.9481 3.83528C34.7146 4.4879 34.0961 4.92341 33.403 4.92341H21.8011C21.1079 4.92341 20.4895 4.4879 20.2559 3.83528L19.8643 2.74118Z' stroke='#00875A' stroke-width='1.09409'/><mask id='path-5-outside-1' maskUnits='userSpaceOnUse' x='24.4292' y='34.2003' width='39' height='40' fill='black'><rect fill='white' x='24.4292' y='34.2003' width='39' height='40'/><path fill-rule='evenodd' clip-rule='evenodd' d='M51.3343 37.2003H37.1111V60.4499H31.4292L44.2206 71.1173L57.012 60.4499H51.3343V37.2003Z'/></mask><path fill-rule='evenodd' clip-rule='evenodd' d='M51.3343 37.2003H37.1111V60.4499H31.4292L44.2206 71.1173L57.012 60.4499H51.3343V37.2003Z' fill='#E5E5E5'/><path d='M37.1111 37.2003V35.0121H34.9229V37.2003H37.1111ZM51.3343 37.2003H53.5224V35.0121H51.3343V37.2003ZM37.1111 60.4499V62.6381H39.2993V60.4499H37.1111ZM31.4292 60.4499V58.2617H25.3888L30.0277 62.1304L31.4292 60.4499ZM44.2206 71.1173L42.8191 72.7978L44.2206 73.9665L45.622 72.7978L44.2206 71.1173ZM57.012 60.4499L58.4134 62.1304L63.0524 58.2617H57.012V60.4499ZM51.3343 60.4499H49.1461V62.6381H51.3343V60.4499ZM37.1111 39.3885H51.3343V35.0121H37.1111V39.3885ZM39.2993 60.4499V37.2003H34.9229V60.4499H39.2993ZM31.4292 62.6381H37.1111V58.2617H31.4292V62.6381ZM45.622 69.4368L32.8307 58.7694L30.0277 62.1304L42.8191 72.7978L45.622 69.4368ZM55.6105 58.7694L42.8191 69.4368L45.622 72.7978L58.4134 62.1304L55.6105 58.7694ZM51.3343 62.6381H57.012V58.2617H51.3343V62.6381ZM49.1461 37.2003V60.4499H53.5224V37.2003H49.1461Z' fill='#F8F8F8' mask='url(#path-5-outside-1)'/><path fill-rule='evenodd' clip-rule='evenodd' d='M51.3343 37.2003H37.1111V60.4499H31.4292L44.2206 71.1173L57.012 60.4499H51.3343V37.2003Z' fill='#F8F8F8'/><path d='M37.1111 37.2003V36.1062H36.017V37.2003H37.1111ZM51.3343 37.2003H52.4283V36.1062H51.3343V37.2003ZM37.1111 60.4499V61.544H38.2052V60.4499H37.1111ZM31.4292 60.4499V59.3558H28.409L30.7285 61.2901L31.4292 60.4499ZM44.2206 71.1173L43.5199 71.9575L44.2206 72.5419L44.9213 71.9575L44.2206 71.1173ZM57.012 60.4499L57.7127 61.2901L60.0322 59.3558H57.012V60.4499ZM51.3343 60.4499H50.2402V61.544H51.3343V60.4499ZM37.1111 38.2944H51.3343V36.1062H37.1111V38.2944ZM38.2052 60.4499V37.2003H36.017V60.4499H38.2052ZM31.4292 61.544H37.1111V59.3558H31.4292V61.544ZM44.9213 70.277L32.1299 59.6096L30.7285 61.2901L43.5199 71.9575L44.9213 70.277ZM56.3113 59.6096L43.5199 70.277L44.9213 71.9575L57.7127 61.2901L56.3113 59.6096ZM51.3343 61.544H57.012V59.3558H51.3343V61.544ZM50.2402 37.2003V60.4499H52.4283V37.2003H50.2402Z' fill='#5FBD00'/></svg>",
"modalHeading": "Installing on iOS",
"modalSteps": [
{
"instruction": "Press the share button",
"image": {
"src": "/media/Tout-images/installStep1.png",
"alt": "Press the share button at the top"
}
},
{
"instruction": "Select “Add to Home Screen”",
"image": {
"src": "/media/Tout-images/installStep2.png",
"alt": "Tap the add to home screen text"
}
},
{
"instruction": "Press the “Add” button",
"image": {
"src": "/media/Tout-images/installStep3.png",
"alt": "Confirm by tapping add"
}
}
]
}
There are no notes for this item.