302 status code indicates that the requested resource is temporarily available at a different URL.
The user is automatically redirected to the new URL, but search engines continue to index the old address.
301 status code means that the requested resource has been permanently moved to a new URL. All future requests should use the new address.
The browser will automatically redirect the user to the new address, and search engines will update their indexes.
200 status code is a standard successful HTTP server response. It means that the client’s request (e.g., from a browser) was successfully processed, and the server is delivering the requested data.
The user receives content without errors, and the page or application functions properly. If Code 200 is accompanied by data, the browser or program processes and displays it to the user.
GET / HTTP/1.1 Host: cobal.com Accept: */* User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
<!DOCTYPE html> <html lang="en-GB" class="NotSearchEngine" style=""> <head> <script type="text/javascript" src="/ruxitagentjs_ICANVfghqru_10311250313143955.js" data-dtconfig="rid=RID_2418|rpid=1186019622|domain=shopwithmyrep.co.uk|reportUrl=/rb_bf62615nnz|app=06fff27452c49aa0|featureHash=ICANVfghqru|srsr=20000|vcv=1|xb=.*res-x^bs.com.*^p^bs/robots^bs.txt|rdnt=1|uxrgce=1|cuc=2asskwm7|mel=100000|md=mdcc1=bdocument.referrer,mdcc2=dutm_source,mdcc3=dutm_medium,mdcc4=dutm_campaign,mdcc5=dutm_content,mdcc6=blocalStorage.cusStatus,mdcc7=bwindow.AppModule.RootScope.ShopContext.ProductSearchQuery,mdcc8=bwindow.AppModule.RootScope.Session.ShopperId,mdcc9=bwindow.AppModule.RootScope.Session.CustomerID,mdcc10=bwindow.AppModule.RootScope.Session.CartSummary.NumberItemsInCart,mdcc11=bwindow.AppModule.RootScope.Session.CartSummary.TotalPrice,mdcc12=bwindow.AppModule.RootScope.Session.IsCustomerLoggedIn,mdcc13=bwindow.AppModule.RootScope.Session.IsCustomerRegistered,mdcc14=bwindow.AppModule.RootScope.Session.IsQuickCustomerLoggedIn,mdcc15=a.bold.ng-binding,mdcc17=a.confirmation-highlighted-price.ng-binding,mdcc18=a.validation-errors.ng-pristine.ng-untouched.ng-valid.ng-binding.ng-scope|lastModification=1745523851780|mdp=mdcc6,mdcc7,mdcc8,mdcc9,mdcc10,mdcc11,mdcc12,mdcc13,mdcc14,mdcc17,mdcc18|tp=500,50,0|agentUri=/ruxitagentjs_ICANVfghqru_10311250313143955.js"></script><link rel="shortcut icon" type="image/x-icon" href="/logo.ico" /> <script> // Define dataLayer and the gtag function. window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } // Default ad_storage to 'denied'. gtag('consent', 'default', { ad_storage: "denied", analytics_storage: "denied", functionality_storage: "denied", personalization_storage: "denied", security_storage: "denied", ad_user_data: "denied", ad_personalization: "denied", 'wait_for_update': 500 });</script> <script type="text/javascript" src="https://cdn.cookielaw.org/consent/df6362a3-6457-4aae-b905-f33b8799260a/OtAutoBlock.js"></script> <script src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" data-language="en" type="text/javascript" charset="UTF-8" data-domain-script="df6362a3-6457-4aae-b905-f33b8799260a"></script> <script type="text/javascript"> function OptanonWrapper() { window.dispatchEvent(new Event('resize')); } </script> <title>AVON UK | Make-up, Skincare, Perfume & Toiletries</title> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=Edge"> <meta http-equiv="cleartype" content="on" /> <meta name="HandheldFriendly" content="true" /> <meta name="MobileOptimized" content="width" /> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" /> <meta name="description" content="Shop the best in beauty at avon.uk.com. From skincare to make-up, toiletries, perfume and haircare too, we’ve got everything you need to look & feel your best. " /> <meta name="keywords" content="avon, avon uk, beauty, cosmetics, earn extra money, avon representatives, avon account, avon rep, representative, brochure, make-up, make up, matte, matt, lipstick, mascara, nail, nail varnish, skincare, fragrance, perfume, bath and body, toiletries, clothing, accessories, fashion" /> <meta name="MetaDescription" content="Shop the best in beauty at avon.uk.com. From skincare to make-up, toiletries, perfume and haircare too, we’ve got everything you need to look & feel your best. " /> <meta name="MetaKeywords" content="avon, avon uk, beauty, cosmetics, earn extra money, avon representatives, avon account, avon rep, representative, brochure, make-up, make up, matte, matt, lipstick, mascara, nail, nail varnish, skincare, fragrance, perfume, bath and body, toiletries, clothing, accessories, fashion" /> <link rel="alternate" href="https://www.avon.com.ar/ar-home/" hreflang="es-AR" /> <link rel="alternate" href="https://www.avon.com.ar/ar-home/" hreflang="es-AR" /> <link rel="alternate" href="https://www.avon.bg/" hreflang="bg-BG" /> <link rel="alternate" href="https://www.avon.bg/" hreflang="bg-BG" /> <link rel="alternate" href="https://www.avon.cl/" hreflang="es-CL" /> <link rel="alternate" href="https://www.avon.cl/" hreflang="es-CL" /> <link rel="alternate" href="https://www.avon.co/" hreflang="es-CO" /> <link rel="alternate" href="https://www.avon.co/" hreflang="es-CO" /> <link rel="alternate" href="https://www.avon.cz/" hreflang="cs-CZ" /> <link rel="alternate" href="https://www.avon.cz/" hreflang="cs-CZ" /> <link rel="alternate" href="https://www.avon.de/" hreflang="de-DE" /> <link rel="alternate" href="https://www.avon.de/" hreflang="de-DE" /> <link rel="alternate" href="https://www.avon.com.ec/" hreflang="es-EC" /> <link rel="alternate" href="https://www.avon.com.ec/" hreflang="es-EC" /> <link rel="alternate" href="https://my.avon.ee/" hreflang="et-EE" /> <link rel="alternate" href="https://my.avon.ee/" hreflang="et-EE" /> <link rel="alternate" href="https://www.avon.es/" hreflang="es-ES" /> <link rel="alternate" href="https://www.avon.es/" hreflang="es-ES" /> <link rel="alternate" href="https://www.avon.fi/" hreflang="fi-FI" /> <link rel="alternate" href="https://www.avon.fi/" hreflang="fi-FI" /> <link rel="alternate" href="https://my.avon.ge/" hreflang="ka-GE" /> <link rel="alternate" href="https://my.avon.ge/" hreflang="ka-GE" /> <link rel="alternate" href="https://www.avoncosmetics.gr/" hreflang="el-GR" /> <link rel="alternate" href="https://www.avoncosmetics.gr/" hreflang="el-GR" /> <link rel="alternate" href="https://avononline.avon.hu/" hreflang="hu-HU" /> <link rel="alternate" href="https://avononline.avon.hu/" hreflang="hu-HU" /> <link rel="alternate" href="https://www.avon.co.in/in-home?/" hreflang="hi-IN" /> <link rel="alternate" href="https://www.avon.co.in/in-home?/" hreflang="hi-IN" /> <link rel="alternate" href="https://www.avon.it/" hreflang="it-IT" /> <link rel="alternate" href="https://www.avon.it/" hreflang="it-IT" /> <link rel="alternate" href="http://www.avon.co.jp/" hreflang="ja-JP" /> <link rel="alternate" href="http://www.avon.co.jp/" hreflang="ja-JP" /> <link rel="alternate" href="https://my.kz.avon.com/" hreflang="ru-KZ" /> <link rel="alternate" href="https://my.kz.avon.com/" hreflang="ru-KZ" /> <link rel="alternate" href="https://www.avon.lt/" hreflang="lt-LT" /> <link rel="alternate" href="https://www.avon.lt/" hreflang="lt-LT" /> <link rel="alternate" href="https://my.avon.lv/" hreflang="lv-LV" /> <link rel="alternate" href="https://my.avon.lv/" hreflang="lv-LV" /> <link rel="alternate" href="https://www.avon.mx/" hreflang="es-MX" /> <link rel="alternate" href="https://www.avon.mx/" hreflang="es-MX" /> <link rel="alternate" href="https://shop.avon.co.nz/" hreflang="en-NZ" /> <link rel="alternate" href="https://shop.avon.co.nz/" hreflang="en-NZ" /> <link rel="alternate" href="https://www.avon.com.pe/" hreflang="es-PE" /> <link rel="alternate" href="https://www.avon.com.pe/" hreflang="es-PE" /> <link rel="alternate" href="https://www.avon.pl/" hreflang="pl-PL" /> <link rel="alternate" href="https://www.avon.pl/" hreflang="pl-PL" /> <link rel="alternate" href="https://www.avon.com.pt/" hreflang="pt-PT" /> <link rel="alternate" href="https://www.avon.com.pt/" hreflang="pt-PT" /> <link rel="alternate" href="https://www.avon.ro/" hreflang="ro-RO" /> <link rel="alternate" href="https://www.avon.ro/" hreflang="ro-RO" /> <link rel="alternate" href="https://www.avon.rs/" hreflang="sr-RS" /> <link rel="alternate" href="https://www.avon.rs/" hreflang="sr-RS" /> <link rel="alternate" href="https://my.avon.ru/" hreflang="ru-RU" /> <link rel="alternate" href="https://my.avon.ru/" hreflang="ru-RU" /> <link rel="alternate" href="https://avononline.avon.sk/" hreflang="sk-SK" /> <link rel="alternate" href="https://avononline.avon.sk/" hreflang="sk-SK" /> <link rel="alternate" href="https://kozmetik.avon.com.tr/" hreflang="tr-TR" /> <link rel="alternate" href="https://kozmetik.avon.com.tr/" hreflang="tr-TR" /> <link rel="alternate" href="https://my.avon.ua/" hreflang="uk-UA" /> <link rel="alternate" href="https://my.avon.ua/" hreflang="uk-UA" /> <link rel="alternate" href="https://www.shopwithmyrep.co.uk/" hreflang="en-GB" /> <link rel="alternate" href="https://www.shopwithmyrep.co.uk/" hreflang="en-GB" /> <link rel="alternate" href="https://www.avon.com/" hreflang="en-US" /> <link rel="alternate" href="https://www.avon.com/" hreflang="en-US" /> <link rel="alternate" href="https://my.avon.co.za/" hreflang="en-ZA" /> <link rel="alternate" href="https://my.avon.co.za/" hreflang="en-ZA" /> <link rel="alternate" href="https://www.avon.com/es/" hreflang="es-US" /> <link rel="alternate" href="https://www.avon.com/es/" hreflang="es-US" /> <link rel="alternate" href="https://www.shopwithmyrep.co.uk/" hreflang="en-GB" /> <link rel="alternate" href="https://www.shopwithmyrep.co.uk/" hreflang="en-GB" /> <meta name="robots" content="noindex" /> <script type="text/javascript"> window.DY = window.DY || {}; DY.recommendationContext = { type: "HOMEPAGE" }; </script> <link rel="preconnect" href="//cdn-eu.dynamicyield.com"> <link rel="preconnect" href="//st-eu.dynamicyield.com"> <link rel="preconnect" href="//rcom-eu.dynamicyield.com"> <link rel="dns-prefetch" href="//cdn-eu.dynamicyield.com"> <link rel="dns-prefetch" href="//st-eu.dynamicyield.com"> <link rel="dns-prefetch" href="//rcom-eu.dynamicyield.com"> <script type="text/javascript" src="//cdn-eu.dynamicyield.com/api/9877940/api_dynamic.js"></script> <script type="text/javascript" src="//cdn-eu.dynamicyield.com/api/9877940/api_static.js"></script> <script> window.dataLayer = window.dataLayer || []; </script> <meta name="p:domain_verify" content=5d1e928f15a4d90797ccb4069c3923dc> <link rel="canonical" href="https://www.shopwithmyrep.co.uk" /> <!-- intersection observer polyfill --> <script async defer src="/Scripts/LazyLoad/Lazyload.min.js"></script> <link href="/bundles/BaseCoreVIcss?v=R49Oy8adlLbJRKInOevOyuGD4_vMBG4Xj7mTEm1iwyw1" media="nope!" onload="this.onload=null;this.media='all'" rel="stylesheet"></link> <link href="/bundles/CoreVIcss?v=rEVmOeiw6lAgR_Z79RyhBafbk3Vz_N8ri7FaB3-OGS41" media="nope!" onload="this.onload=null;this.media='all'" rel="stylesheet"></link> <link href="/bundles/externalcss?v=Yx7NIdJ-OKznq7QQ9r-uzfcu_uDLQgPGRT1T5RjmX401" media="nope!" onload="this.onload=null;this.media='all'" rel="stylesheet"></link> <script src="/Scripts/Core/jquery-temporary-fallback.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js" defer data-ot-ignore></script> <script type="text/javascript" src="/bundles/TopJs?v=9B9H42bvCOH98e1XXTlIh1fYUjgUqCNyRWGfHqHR0J81" data-ot-ignore></script> <script src="/Scripts/External/RecommendationEngine/resxclsx.js" type="text/javascript" defer></script> <script> LUX=(function(){var a=("undefined"!==typeof(LUX)&&"undefined"!==typeof(LUX.gaMarks)?LUX.gaMarks:[]);var d=("undefined"!==typeof(LUX)&&"undefined"!==typeof(LUX.gaMeasures)?LUX.gaMeasures:[]);var j="LUX_start";var k=window.performance;var l=("undefined"!==typeof(LUX)&&LUX.ns?LUX.ns:(Date.now?Date.now():+(new Date())));if(k&&k.timing&&k.timing.navigationStart){l=k.timing.navigationStart}function f(){if(k&&k.now){return k.now()}var o=Date.now?Date.now():+(new Date());return o-l}function b(n){if(k){if(k.mark){return k.mark(n)}else{if(k.webkitMark){return k.webkitMark(n)}}}a.push({name:n,entryType:"mark",startTime:f(),duration:0});return}function m(p,t,n){if("undefined"===typeof(t)&&h(j)){t=j}if(k){if(k.measure){if(t){if(n){return k.measure(p,t,n)}else{return k.measure(p,t)}}else{return k.measure(p)}}else{if(k.webkitMeasure){return k.webkitMeasure(p,t,n)}}}var r=0,o=f();if(t){var s=h(t);if(s){r=s.startTime}else{if(k&&k.timing&&k.timing[t]){r=k.timing[t]-k.timing.navigationStart}else{return}}}if(n){var q=h(n);if(q){o=q.startTime}else{if(k&&k.timing&&k.timing[n]){o=k.timing[n]-k.timing.navigationStart}else{return}}}d.push({name:p,entryType:"measure",startTime:r,duration:(o-r)});return}function h(n){return c(n,g())}function c(p,o){for(i=o.length-1;i>=0;i--){var n=o[i];if(p===n.name){return n}}return undefined}function g(){if(k){if(k.getEntriesByType){return k.getEntriesByType("mark")}else{if(k.webkitGetEntriesByType){return k.webkitGetEntriesByType("mark")}}}return a}return{mark:b,measure:m,gaMarks:a,gaMeasures:d}})();LUX.ns=(Date.now?Date.now():+(new Date()));LUX.ac=[];LUX.cmd=function(a){LUX.ac.push(a)};LUX.init=function(){LUX.cmd(["init"])};LUX.send=function(){LUX.cmd(["send"])};LUX.addData=function(a,b){LUX.cmd(["addData",a,b])};LUX_ae=[];window.addEventListener("error",function(a){LUX_ae.push(a)});LUX_al=[];if("function"===typeof(PerformanceObserver)&&"function"===typeof(PerformanceLongTaskTiming)){var LongTaskObserver=new PerformanceObserver(function(c){var b=c.getEntries();for(var a=0;a<b.length;a++){var d=b[a];LUX_al.push(d)}});try{LongTaskObserver.observe({type:["longtask"]})}catch(e){}}; </script> <script src="https://cdn.speedcurve.com/js/lux.js?id=131252434" type="text/javascript" async defer crossorigin="anonymous"></script> <script src="/Scripts/External/Hammer/hammer.min.js" defer data-ot-ignore></script> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.2/angular.min.js" defer data-ot-ignore></script> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.2/angular-animate.min.js" defer data-ot-ignore></script> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.2/angular-cookies.min.js" defer data-ot-ignore></script> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.2/angular-messages.min.js" defer data-ot-ignore></script> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.2/angular-sanitize.min.js" defer data-ot-ignore></script> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.2/angular-touch.min.js" defer data-ot-ignore></script> <script src="/Scripts/External/Angular/1.4.2/angular-hammer.min.js" defer data-ot-ignore></script> <script type="text/javascript" src="/Scripts/External/Angular/i18n/angular-locale_en-GB.js" defer data-ot-ignore></script> <script type="text/javascript" src="/bundles/externaljs?v=N6k5Av9-mUoieSmhQzTpz9EoNrYwOGosSpDx_Whr4bQ1" defer data-ot-ignore></script> <script type="text/javascript" src="/bundles/corejs?v=2ALGRYwMkMHetTtedoQX7ZCM29JyDmTtPW4xqIjhAxI1" defer data-ot-ignore></script> <script type="text/javascript"> // Gi3/MAB login in a new tab/window document.addEventListener("DOMContentLoaded", (event) => { // True if miniplayer is active if (top !== self) { let loginButton = document.getElementById("Gi3OrMabRepLoginLink"); // _top will kill the miniplayer on the same page, // but _blank will open the page in new tab loginButton.setAttribute("target", "_blank"); }; }); window.onBambuserLiveShoppingReady = (player) => { player.configure({ currency: "GBP", locale: "en-GB", minimizedPosition: player.MINIMIZED_POSITION.BOTTOM_RIGHT, buttons: { dismiss: player.BUTTON.MINIMIZE, product: player.BUTTON.MINIMIZE, checkout: player.BUTTON.MINIMIZE, }, allowSoundControl: false, disableChatInput: false, experimental: { hasAcceptedTerms: true, }, minimizedPosition: player.MINIMIZED_POSITION.BOTTOM_RIGHT, trimPriceTrailingZeros: true, shareBaseUrl: null, ui: { hideProductView: false, hideCartButton: false, hideCartView: false, hideChatOverlay: false, hideProductList: false, hideAddToCalendar: false, hideShareButton: false, hideShareView: false, showShareButtonInMobileActionBar: false, }, }); } </script> <script src="https://cdn.liveshopping.bambuser.com/metrics/bambuser.min.js"></script></head> <body ng-controller="RootController" ng-cloak class="device-type Area_Root Controller_Content Action_Home Country_GB Lang_en" ng-class="{Layout_Desktop:Layout.IsDesktop,Layout_Tablet:Layout.IsTablet,Layout_Phone:Layout.IsPhone,SessionReady:Session.Ready,ModalVisible:UI.ModalStack.length,HeaderMenuExpanded:UI.HeaderMenuExpanded,HeaderMenuReady:UI.HeaderMenuReady}"> <svg-spritesheet url='/Styles/Core/Icons/Spritesheet.svg'></svg-spritesheet> <!-- Google Tag Manager (noscript) --> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M32DVW3" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> <!-- End Google Tag Manager (noscript) --> <meta name="fragment" content="!"> <style type="text/css"> [ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak, .ng-hide:not(.ng-hide-animate) { display: none !important; } </style> <div id="Notification" ng-controller="NotificationController"> <div class="CookieSection" ng-show="ShowCookiePolicy"> <a class="CookieInfo" href="/confidentiality" target="_blank"><strong><span><div align="center">About Cookies:</div></span></strong> <span><div align="center" style="padding-bottom:10px; font-family:Arial, sans-serif; font-size:13px;">We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners. All data is processed in accordance with our privacy notice which includes our Cookie Policy. If you do not consent to our use of cookies, then you can block the use of certain cookies by using your browser settings, as described here.<br></div> <style type="text/css"> #Notification .CookieSection {margin:0 auto !important; font-style:normal !important; font-weight:normal !important;} </style></span></a> <a ng-click="DismissClick()" class="Button"><span> Got it </span></a> </div> </div> <link href="/bundles/LegalInfoVICss?v=AaPxRXpGXrt_eUWpy69tsg7klOg4lM3_IbxYFymREXY1" rel="stylesheet"/> <script type="text/ng-template" id="legalInfo.html"> <div id="legalInfoContainer" class="{{layout}}"> <div class="firstItem" ng-if="showUnitPriceInfo && !!unit"> {{unit}} <span ng-if="!!measureUnit && !!price"> ({{price | currency: Locale.NUMBER_FORMATS.CURRENCY_SYM : 2}} / {{measureUnit}}) </span> </div> <div class="secondItem" ng-if="showVatInfo">Inc. VAT.</div> <div class="wrapper" ng-if="showShippingInfo"> <div class="firstItem">Excludes delivery.</div> <div class="secondItem icon" ng-if="!hideIcon" ng-mousedown="$event.preventDefault();"> <svg-icon id="legalInfoIcon" icon="info-current-invert" class="info" ng-click="ShowTooltip($event)" style="vertical-align: text-bottom;"></svg-icon> <div class="TooltipBelow" ng-class="{ Active: isTooltipVisible }" ng-mousedown="$event.preventDefault();" ng-click="$event.stopPropagation();"> <div class="TooltipContent"> <div class="closeContainer"> <svg-icon id="legalCloseIcon" icon="ebrochure_close" class="closeIcon" ng-click="HideTooltip($event)"></svg-icon> </div> <div> Free delivery on orders over £25. Standard delivery £3.50. </div> </div> </div> </div> </div> <div class="priceDisclaimerItem" ng-if="showPriceDisclaimer && priceDisclaimer"> <span>*{{priceDisclaimer}}</span> </div> </div> </script> <div id="HeaderPlaceholder"> <ng-include src="'/Layout/Header?layout=' + Layout.Name" ng-if='Layout.Name' onload='PartialViewLoaded()' ></ng-include></div> <div id="BreadcrumbBar" ng-class="{Empty: ShopContext.Breadcrumbs.length == 0}"> <div id="Breadcrumbs" ng-if="ShopContext.Breadcrumbs"> <div ng-repeat="breadcrumb in ShopContext.Breadcrumbs" ng-if="breadcrumb.Text"> <a class="vi-breadrucmb-link" ng-if="::breadcrumb.Url" ng-href="{{::breadcrumb.Url}}"><span>{{::breadcrumb.Text}}</span></a> <a class="vi-breadcrumb-text" ng-if="::!breadcrumb.Url"><span>{{::breadcrumb.Text}}</span></a> </div> </div> <track type="breadcrumbs" data="{{::GetBreadcrumbsCombined()}}" /> </div> <div id="CartMessage" class="HideUntilSessionReady" ng-show="ShowCartMessage" ng-controller="CartMessageController"> <div class="Message"> <div class='MessageHeader'><div ng-click='DismissCartMessage()' class='ModalClose'><span><span>Close</span></span><svg-icon icon='close-sml'></svg-icon></div></div> <div class="MessageText" ng-if="Session.CartMessage === 1"> <span></span> </div> <div class="MessageText" ng-if="Session.CartMessage === 2"> <span>You have changed campaigns. This means your shopping bag has been updated to match the new campaign to are shopping in. You may see prices have been updated, or products not available deleted from shopping bag</span> </div> </div> </div> <div id="MainContentWrapper" ng-controller="GlobalProductController"> <main data-hasleftnav='False' data-hasrightnav='False' ng-class="{HasLeftNav:UI.HasLeftNav,HasRightNav:UI.HasRightNav}"> <aside id="LeftNav"></aside> <article id="Home"> <div> <div class="Umbraco umbraco- umbraco-home" ng-controller="ContentController"> <div></div> <div class="BodyModuleContainers "> <div id="desktop" class="ContentAnchor"></div> <div class="DeviceDisplay" ng-if='ShowModuleOnDevice({"Desktop":true,"Tablet":true,"Phone":false})'> <div id="GenericModuleModel_8bca61d6-f963-4481-9c3d-eede4f170e97" class="ContentModule " style="" data-modproperty="/gb/shop/en/campaigns/202505/home/home/master/desktop/" data-moduletype="GenericModule" data-modulename="Desktop"> <div class="RotatedCaret45"></div> <div class="ContentRow Columns_1 NotPadded MarginSeparation_None"> <div class="StackContainer Col"> <div class="ContentStack" style=""> <style type="text/css"> css-custom-block #container-delivery { width: 100%; height: auto; margin: 0 auto; display: block; min-height: 60px; } css-custom-block #christmas-delivery { position: absolute; left: 0; right: 0; top: auto; height: auto; min-height: 50px; } css-custom-block .text { color: black; display: block; font-size: 20px; line-height: 20px; font-weight: 300; padding: 30px 0px 0px 0px; } css-custom-block .main-button2 { color: white; background: black; padding: 13px 10px; width: 20%; border-radius: 2px; display: inline-block; margin: 10px auto 0px; font-family: 'Montserrat'; font-weight: bold; transition: all 0.4s ease 0s; } css-custom-block #mainlink:hover .main-button { color: white !important; background: #535353; transition: all 0.4s ease 0s; } css-custom-block #mainlink:hover .example_c, css-custom-block .example_c:hover { color: white !important; background: #e5004b; border-color: #e5004b !important; transition: all 0.4s ease 0s; } css-custom-block #mainlink:hover .main-button2 { color: black !important; background: #aec5e7; transition: all 0.4s ease 0s; border: 1px solid #aec5e7; } </style> <style type="text/css"> @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap'); css-custom-block h1, css-custom-block h2, css-custom-block h3, css-custom-block h1 span, css-custom-block h2 span, css-custom-block h3 span, css-custom-block p, css-custom-block p span, css-custom-block p a { font-family: 'Montserrat'; } css-custom-block .lbl { font-family: 'Montserrat'; color: #1b1b1b; } css-custom-block .pink { font-family: 'Montserrat'; color: #ec008c; } css-custom-block .tiles { font-family: 'Montserrat'; color: #1b1b1b; line-height: 1.2; width: 23%; } css-custom-block #container { width: 100%; max-width: 960px; height: 469px; background: white; margin: 0 auto; } css-custom-block #lucky { position: absolute; left: 0; right: 0; top: auto; height: 389px; background: black; background-image: url("/mediaMarket-uk/10075/bme-full-width-swmr_unq_1e46a69b09e04f0c92dece611a66b3ba.jpg"); background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: auto; } css-custom-block #christmass { position: absolute; left: 0; right: 0; top: auto; height: 475px; background: black; background-image: url("/mediaMarket-uk/9711/1-full-width-hp-xmas_unq_9bade2ccfa63430eba45f2a791a17b9a.jpg"); background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: auto; } css-custom-block a.fill-div { display: block; height: 100%; width: 100%; text-decoration: none; } css-custom-block .main-button { color: white; text-transform: uppercase; background: black; padding: 13px 10px; width: 30%; border-radius: 2px; display: inline-block; margin: 10px auto 0px; font-family: 'Montserrat'; font-weight: bold; transition: all 0.4s ease 0s; } css-custom-block .tile-button { color: white; background: black; padding: 1px 0px 13px 10px; display: inline-block; width: 150px; max-width: 150px; border-radius: 2px; font-family: 'Montserrat'; font-weight: bold; } css-custom-block #mainlink:hover .main-button { color: white !important; background: #7f28c4; transition: all 0.4s ease 0s; } css-custom-block #mainlink:hover .tile-button .example_c, css-custom-block .example_c:hover { color: white !important; background: #7f28c4; border-color: #7f28c4 !important; transition: all 0.4s ease 0s; } css-custom-block #mainlink:hover .main-button2 { color: black !important; background: #aec5e7; transition: all 0.4s ease 0s; border: 1px solid #aec5e7; } </style> </div> </div> </div> <div class="ContentRow Columns_1 NotPadded MarginSeparation_None"> <div class="StackContainer Col"> <div class="ContentStack" style=""> <css-custom-block> <div class="" style=""> <!--rem units--><div class="heroGrid"><a href="/773/bestsellers"><img src="/mediaMarket-uk/12236/new-dac-15-off_unq_133d6ce427a642fc9fc2d4a56098b89f.jpg" alt="15% OFF EVERYTHING"> <span class="heroGrid__text"><span class="highlight" style="color: #e5004b;">15% OFF EVERYTHING<br> <span style="color: #000;">Use code: PAYDAY15</span></span></span></a> <a href="/304-920/fragrance/womens-perfume"><img src="/mediaMarket-uk/12234/perfect_nonsense_unq_3ca2a134e4d748258847c04bb35b95bd.jpg" alt="NEW:PERFECT NONSENSE Get 20% off for a limited time only."> <span class="heroGrid__text"><span class="highlight" style="color: #e5004b;">NEW: PERFECT NONSENSE<br> <span style="color: #000;">Get 20% off for a limited time only.</span></span></span></a> <a href="/306-354/bath-body/skin-so-soft"><img src="/mediaMarket-uk/12235/skin-so-soft-3_unq_d240beb4f119491a954bed1a5993196c.jpg" alt="HOLIDAY ICON: SKIN SO SOFT | 3 for £13.50 | Save £3"> <span class="heroGrid__text"><span class="highlight" style="color: #e5004b;">HOLIDAY ICON: SKIN SO SOFT<br> <span style="color: #000;">3 for £13.50 | Save £3</span></span></span></a> <a href="/302-338/skincare/anew"> <img src="/mediaMarket-uk/12232/anew-skincare-trios_unq_949f4a9f724744ab96edaeb958915d29.jpg" alt="ANEW CREAMS & POWER SERUM SETS | Save 40% on Protinol™-powered skincare"> <span class="heroGrid__text"><span class="highlight"> <span style="color: #e5004b;">ANEW CREAMS & POWER SERUM SETS<br><span style="color: #000;">Save 40% on Protinol™-powered skincares</span></span></span></span></a></div> </div> </css-custom-block> <style type="text/css"> css-custom-block .heroGrid { padding-top: 1rem; display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 2rem; text-align: center; } css-custom-block .heroGrid img { width: 100%; } css-custom-block .heroGrid__text { display: inline-block; margin: 0.5rem 0; color: #212121; font-size: 14px; padding: 0 4px; } css-custom-block .heroGrid a { background-color: #f2f2f2; text-decoration: none !important; } css-custom-block .heroGrid a:hover { font-weight: 500; } css-custom-block .heroGrid .highlight { color: #e5004b; } @media (max-width: 662px) { css-custom-block .heroGrid { display: none; } } </style> </div> </div> </div> <div class="ContentRow Columns_1 NotPadded MarginSeparation_None"> <div class="StackContainer Col"> <div class="ContentStack" style=""> <css-custom-block> <div class="" style=""> <!--rem units--><div class="gifting__typefilters"> <div class="gifting__typefilter-block"> <div class="gifting__typefilters-wrapper"> <div class="gifting__typefilter"> <div class="gifting__typefilter-image"><a href="/301/make-up"><img style="border-radius: 50%;" src="https://avon.uk.com/cdn/shop/files/Ultra-Lip-Paint.png" alt="Make-up"></a></div> <div class="gifting__typefilter-text"><a href="/301/make-up">Make-up</a></div> </div> <div class="gifting__typefilter"> <div class="gifting__typefilter-image"><a href="/304/fragrance"><img style="border-radius: 50%;" src="https://avon.uk.com/cdn/shop/files/3_7418b7bc-06d1-496a-9ee6-885151badc1a.jpg" alt="Fragrance"></a></div> <div class="gifting__typefilter-text"><a href="/304/fragrance">Fragrance</a></div> </div> <div class="gifting__typefilter"> <div class="gifting__typefilter-image"><a href="/302/skincare"><img style="border-radius: 50%;" src="https://avon.uk.com/cdn/shop/files/AnewRestage-1x1-ProductPages_1234004-6_2.jpg" alt="Skincare"></a></div> <div class="gifting__typefilter-text"><a href="/302/skincare">Skincare</a></div> </div> <div class="gifting__typefilter"> <div class="gifting__typefilter-image"><a href="/306/bath-body/"><img style="border-radius: 50%;" src="https://avon.uk.com/cdn/shop/files/SHOWERGELS.jpg" alt="Bath and Body"></a></div> <div class="gifting__typefilter-text"><a href="/306/bath-body/">Bath and Body</a></div> </div> <div class="gifting__typefilter"> <div class="gifting__typefilter-image"><a href="/special-offers"><img src="https://cdn.shopify.com/s/files/1/0327/1498/1421/files/Quicklinks-Offers.png?v=1706536643" alt="Offers"></a></div> <div class="gifting__typefilter-text"><a href="/special-offers">Offers</a></div> </div> <div class="gifting__typefilter"> <div class="gifting__typefilter-image"><a href="/773/bestsellers"><img style="border-radius: 50%;" src="https://avon.uk.com/cdn/shop/files/2_b8de6f88-51f6-4e4d-8b93-55c3dbf01524.jpg" alt="Bestsellers"></a></div> <div class="gifting__typefilter-text"><a href="/773/bestsellers">Bestsellers</a></div> </div> </div> </div> </div> </div> </css-custom-block> <style type="text/css"> css-custom-block .gifting__hide { display: none; } css-custom-block .gifting__pricesfilter { margin-top: 14px; padding-bottom: 24px; border-bottom: 1px dotted #999999; } css-custom-block .gifting__pricefilter-image { display: flex; } @media screen and (max-width: 768px) { css-custom-block .gifting-1 #CategoryTools { display: none; } css-custom-block .gifting-1 #CategoryPage .ProductListModule { margin-top: 0; } css-custom-block .gifting__pricesfilter { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; grid-gap: 10px; gap: 10px; margin-bottom: 24px; } css-custom-block .gifting__pricesfilter > div { width: calc(40%); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 0; padding: 15px 24px; text-align: center; border: 1px solid #e5e5e5; border-radius: 5px; } } css-custom-block .gifting__pricesfilter .gifting__pricefilter { display: -webkit-box; display: -ms-flexbox; display: flex; grid-gap: 8px; gap: 8px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #212121; font-size: 14px; line-height: 1.3; cursor: pointer; } css-custom-block .gifting__pricesfilter .gifting__pricefilter .val { font-weight: 700; } css-custom-block .gifting__pricesfilter > div.gifting__pricefilter:not(:last-child) { margin-bottom: 15px; } @media screen and (max-width: 768px) { css-custom-block .gifting__pricesfilter > div.gifting__pricefilter:not(:last-child) { margin-bottom: 0; } } css-custom-block .gifting__typefilters { width: 100% !important; } @media screen and (max-width: 768px) { css-custom-block .gifting__typefilters { margin-left: 0; } } css-custom-block li.TopLinks.ng-scope + .gifting__pricesfilter { display: flex; flex-direction: column; } @media screen and (max-width: 768px) { css-custom-block li.TopLinks.ng-scope + .gifting__pricesfilter { display: none; } } css-custom-block .gifting__typefilters + .gifting__pricesfilter { display: none; } @media screen and (max-width: 768px) { css-custom-block .gifting__typefilters + .gifting__pricesfilter { display: flex; } } css-custom-block .gifting__typefilters img { width: 100%; height: auto; } css-custom-block .gifting__typefilters .filter-banner { width: 100%; height: 140px; padding: 22px 24px; color: white; background-position: center; background-size: cover; background-repeat: no-repeat; } @media screen and (max-width: 768px) { css-custom-block .gifting__typefilters .filter-banner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } css-custom-block .gifting__typefilters .filter-banner .headline { width: 100%; max-width: 350px; margin-bottom: 10px; font-size: 33px; font-weight: 700; line-height: 1; text-align: left; } @media screen and (max-width: 768px) { css-custom-block .gifting__typefilters .filter-banner .headline { text-align: center; font-size: 21px; line-height: 24px; } } css-custom-block .gifting__typefilters .filter-banner .subheadline { font-size: 14px; font-weight: 600; line-height: 18px; text-align: left; } @media screen and (max-width: 768px) { css-custom-block .gifting__typefilters .filter-banner .subheadline { width: 100%; max-width: 260px; text-align: center; } } css-custom-block .gifting__typefilters .gifting__typefilters-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; grid-gap: 20px; gap: 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-evenly; margin-top: 25px; /* padding-bottom: 16px; */ overflow-x: auto; } css-custom-block .gifting__typefilters .gifting__typefilters-wrapper .gifting__typefilter { display: block; text-align: center; } css-custom-block .gifting__typefilters .gifting__typefilters-wrapper .gifting__typefilter-image { display: flex; width: 84px; } css-custom-block .gifting__typefilters .gifting__typefilters-wrapper .gifting__typefilter-text { width: 100%; min-height: 32px; margin-top: 10px; font-size: 13px; font-weight: 400; line-height: 16px; letter-spacing: 0em; } </style> <css-custom-block> <div class="" style=""> <!--rem units--><!--<div class="gifting__typefilters"> <div class="gifting__typefilter-block"> <div class="gifting__typefilters-wrapper"> <div class="gifting__typefilter"> <div class="gifting__typefilter-image"></div> <div class="gifting__typefilter-image"><a href="/1319/christmas-shop"><img src="https://cdn.shopify.com/s/files/1/0327/1498/1421/files/C11-24-Holiday-88x88_NavigationRoundels-ViewAll_Still.png?v=1727970168" alt="All Gifts" /></a></div> <div class="gifting__typefilter-text"><a href="/1319/christmas-shop">Christmas</a></div> </div> <div class="gifting__typefilter"> <div class="gifting__typefilter-image"><a href="/1319-1320-1324/christmas-shop/shop-by-recipient/for-her"><img src="https://cdn.shopify.com/s/files/1/0327/1498/1421/files/C11-24-Holiday-88x88_NavigationRoundels-Her_Still.png?v=1727970168" alt="Gifts for Her" /></a></div> <div class="gifting__typefilter-text"><a href="/1319-1320-1324/christmas-shop/shop-by-recipient/for-her">Gifts for Her</a></div> </div> <div class="gifting__typefilter"> <div class="gifting__typefilter-image"><a href="/1319-1320-1323/christmas-shop/shop-by-recipient/for-him"><img src="https://cdn.shopify.com/s/files/1/0327/1498/1421/files/C11-24-Holiday-88x88_NavigationRoundels-Him_Still.png?v=1727970168" alt="Gifts for Him" /></a></div> <div class="gifting__typefilter-text"><a href="/1319-1320-1323/christmas-shop/shop-by-recipient/for-him">Gifts for Him</a></div> </div> <div class="gifting__typefilter"> <div class="gifting__typefilter-image"><a href="/1319-1320-1325/christmas-shop/shop-by-recipient/for-kids"><img src="https://cdn.shopify.com/s/files/1/0327/1498/1421/files/C11-24-Holiday-88x88_NavigationRoundels-Kid_Still.png?v=1727970168" alt="Gifts for Kids" /></a></div> <div class="gifting__typefilter-text"><a href="/1319-1320-1325/christmas-shop/shop-by-recipient/for-kids">Gifts for Kids</a></div> </div> <div class="gifting__typefilter"> <div class="gifting__typefilter-image"><a href="/301/make-up"><img src="https://cdn.shopify.com/s/files/1/0327/1498/1421/files/C11-24-Holiday-88x88_NavigationRoundels-MakeUp_Still_png.jpg?v=1729094636" alt="Make-up" /></a></div> <div class="gifting__typefilter-text"><a href="/301/make-up">Make-up</a></div> </div> <div class="gifting__typefilter"> <div class="gifting__typefilter-image"><a href="/304/fragrance"><img src="https://cdn.shopify.com/s/files/1/0327/1498/1421/files/C11-24-Holiday-88x88_NavigationRoundels-Fragrance_Still_png.png?v=1727970168" alt="Fragrance" /></a></div> <div class="gifting__typefilter-text"><a href="/304/fragrance">Fragrance</a></div> </div> <div class="gifting__typefilter"> <div class="gifting__typefilter-image"><a href="/302/skincare"><img src="https://cdn.shopify.com/s/files/1/0327/1498/1421/files/C11-24-Holiday-88x88_NavigationRoundels-Skincare_Still.png?v=1727970169" alt="Skincare" /></a></div> <div class="gifting__typefilter-text"><a href="/302/skincare">Skincare</a></div> </div> </div> </div> </div>--> </div> </css-custom-block> </div> </div> </div> <div class="ContentRow Columns_1 NotPadded MarginSeparation_None"> <div class="StackContainer Col"> <div class="ContentStack" style=""> <style type="text/css"> css-custom-block .topOffers { background-color: #f2f2f2; width: 100%; padding-top: 22px; margin-top: 8px; } css-custom-block .topOffers h3 { text-align: center; color: black !important; } css-custom-block .topOffers__container { display: grid; grid-template-rows: auto auto; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-gap: 22px; padding: 22px; } css-custom-block .topOffers__tile { background: white; border-left: 3px solid #e5004b; padding: 12px 26px 12px 18px; position: relative; text-decoration: none !important; color: inherit; } css-custom-block .topOffers__tile span { color: #5c4b61; font-size: 14px; font-weight: 500; } css-custom-block .topOffers__tile .highlighted { display: block; margin: 0; color: #e5004b; font-weight: 600; } css-custom-block .topOffers__tile svg { position: absolute; top: 50%; transform: translateY(-50%); right: 12px; } css-custom-block .topOffers__tile:hover path { stroke: #e5004b; } @media (max-width: 662px) { css-custom-block .topOffers__container { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 425px) { css-custom-block .topOffers__container { grid-template-columns: auto; } } </style> <css-custom-block> <div class="" style=""> <!--rem units--><div style="background-color: #f2f2f2;"> <div class="topOffers"> <h3>Top Offers</h3> <div class="topOffers__container"><a href="/304-560/fragrance/far-away" class="topOffers__tile"><span> <span class="highlighted">2 FOR £22 | SAVE £12</span>Far Away</span></a> <a href="/306-1305/bath-body/sun-care" class="topOffers__tile"><span> <span class="highlighted">2 FOR £12 ON SELECTED ITEMS</span>Suncare</span></a> <a href="/302-849/skincare/vitamin-c" class="topOffers__tile"><span> <span class="highlighted">GET UP TO 30% OFF</span>Anew Radiance Maximising Collection</span></a> <a href="/product/24700/power-stay-8-days-gel-nail-enamel" class="topOffers__tile"><span> <span class="highlighted">2 FOR £9 | SAVE 30%</span>Power Stay Gel Nail</span></a> <a href="/product/18561/aromatherapy-pillow-mist" class="topOffers__tile"><span><span class="highlighted">2 for £8.50 | SAVE 29%</span>Planet Spa Sleep Pillow Mist</span></a> <a href="/product/22954/anew-platinum-lift-tighten-dual-eye-system" class="topOffers__tile"><span><span class="highlighted">JUST £11 | SAVE £3</span>Anew Platinum Lift & Tighten Dual Eye System</span></a></div> </div> </div> </div> </css-custom-block> </div> </div> </div> <div class="ContentRow Columns_1 NotPadded MarginSeparation_None"> <div class="StackContainer Col"> <div class="ContentStack" style=""> <div id="productRecommendations" class="dy-placeholder"></div> </div> </div> </div> </div> </div> <div id="mobile" class="ContentAnchor"></div> <div class="DeviceDisplay" ng-if='ShowModuleOnDevice({"Desktop":false,"Tablet":false,"Phone":true})'> <div id="GenericModuleModel_0aaa2ca8-8a42-45e7-8d57-2bfdea8ddcb6" class="ContentModule " style="" data-modproperty="/gb/shop/en/campaigns/202505/home/home/master/mobile/" data-moduletype="GenericModule" data-modulename="Mobile"> <div class="RotatedCaret45"></div> <div class="ContentRow Columns_0 NotPadded MarginSeparation_None"> <div class="StackContainer ColCss"> <div class="ContentStack" style=""> <style type="text/css"> css-custom-block .meta-description { color: black; font-weight: bold; font-size: 18px; line-height: 19px; margin-top: 8px !important; text-align: center; } css-custom-block .trend-now__holder .clearfix { width: 100%; display: block; clear: both; } css-custom-block .trend-now__holder-row { width: 100%; display: block; clear: both; margin-top: 0px; margin-bottom: 0px; text-align: center; } css-custom-block .trend-now__holder-row h3 { font-weight: bold !important; margin-bottom: 25px !important; } @media (max-width: 550px) { css-custom-block .trend-now__holder-row { margin-top: 15px; margin-bottom: 15px; } } css-custom-block .trend-now__holder-col { width: 49%; display: inline-block; } @media (max-width: 860px) { css-custom-block .trend-now__holder-col { width: 100%; } } css-custom-block .trend-now__holder .col--left { float: left; } @media (max-width: 550px) { css-custom-block .trend-now__holder .col--left { float: none; } } css-custom-block .trend-now__holder .col--right { float: right; } @media (max-width: 550px) { css-custom-block .trend-now__holder .col--right { float: none; } } @media (max-width: 415px) { css-custom-block .trend-now__product { min-height: auto !important; } } css-custom-block .trend-now__product { width: 49%; display: inline-block; vertical-align: top; min-height: 224px; margin-bottom: 5px; border: 0px #eeeeee solid; padding: 0px; } css-custom-block .trend-now__product img { display: block; margin: 0 auto; width: 90%; } css-custom-block .trend-now__product img { display: block !important; padding-bottom: 9px !important; } css-custom-block .trend-now__holder-row a, css-custom-block .trend-now__holder-row a:link, css-custom-block .trend-now__holder-row a:visited { font-size: 18px !important; color: black; text-decoration: none; font-weight: bold !important; padding-bottom: 15px; display: block !important; } css-custom-block .trend-now__holder-row a:hover { text-decoration: underline; } @media (max-width: 550px) { css-custom-block .trend-now__product span { display: block !important; } css-custom-block .trend-now__holder-row a, css-custom-block .trend-now__holder-row a:link, css-custom-block .trend-now__holder-row a:visited { font-size: 16px !important; line-height: 1.2; } css-custom-block .trend-now__holder-row h3 { margin-bottom: 15px !important; } } </style> </div> </div> </div> <div class="ContentRow Columns_1 NotPadded MarginSeparation_Narrow"> <div class="StackContainer Col"> <div class="ContentStack" style=""> <a href="/301/make-up" target="_self" style="" class="ImageButton"> <div style="text-align:left;"> <div class="ImageWrapper"> <div class="ImageAspectRatio" style="padding-bottom: 100%;"></div> <img data-src="https://www.shopwithmyrep.co.uk/mediamarket-uk/12233/new-dac-15-off_unq_e2fea1c4fd3c4f95947375250fa29e71.jpg" lazy-load class="" alt="15% OFF EVERYTHING. USE CODE: PAYDAY15" /> </div> </div> </a> <css-custom-block> <div class="" style=""> <!--Converted to rem units--><p style="background-color: #f2f2f2; padding: 0.3rem;" class="meta-description"><span id="mainlink" class="txt" style="font-family: Montserrat, Arial, sans-serif;"> <a href="/773/bestsellers"><span style="font-size: 15pt; ;font-weight: 600; padding-bottom: 2.5rem; color: #dd254b;">15% OFF EVERYTHING</span> <span style="font-size: 11pt; ;font-weight: 400; color: #000000;"><br><strong>Use code: PAYDAY15</strong></span><br><span style="text-decoration: underline;"><span style="font-size: 10pt; ;font-weight: 300;">Shop Now</span></span></a><br></span></p> </div> </css-custom-block> </div> </div> </div> <div class="ContentRow Columns_1 NotPadded MarginSeparation_Narrow"> <div class="StackContainer Col"> <div class="ContentStack" style=""> <a href="/304-920/fragrance/womens-perfume" target="_self" style="" class="ImageButton"> <div style="text-align:left;"> <div class="ImageWrapper"> <div class="ImageAspectRatio" style="padding-bottom: 100%;"></div> <img data-src="https://www.shopwithmyrep.co.uk/mediamarket-uk/12234/perfect_nonsense_unq_3ca2a134e4d748258847c04bb35b95bd.jpg" lazy-load class="" alt="NEW: PERFECT NONSENSE | Get 20% off for a limited time only." /> </div> </div> </a> <css-custom-block> <div class="" style=""> <!--rem units--><p style="background-color: #000000; padding: 0.3rem; line-height: normal; height: 9rem;" class="meta-description"><span id="mainlink" class="txt" style="font-family: Montserrat, Arial, sans-serif; color: #ffffff;"> <a href="/304-920/fragrance/womens-perfume"><span style="font-size: 15pt; font-weight: 600; color: #ffffff;">NEW: PERFECT NONSENSE </span> <span style="font-size: 11pt; font-weight: 400; color: #ffffff;"><br> Get 20% off for a limited time only.</span><br><span style="text-decoration: underline;"><span style="font-size: 10pt; color: #000000; font-weight: 300; background-color: #ffffff; padding: 1.5rem 3.5rem; margin-top: 0.5rem; display: block;">Shop Now</span></span></a><br></span></p> </div> </css-custom-block> </div> </div> </div> <div class="ContentRow Columns_1 NotPadded MarginSeparation_Narrow"> <div class="StackContainer Col"> <div class="ContentStack" style=""> <a href="/306-354/bath-body/skin-so-soft" target="_self" style="" class="ImageButton"> <div style="text-align:left;"> <div class="ImageWrapper"> <div class="ImageAspectRatio" style="padding-bottom: 100%;"></div> <img data-src="https://www.shopwithmyrep.co.uk/mediamarket-uk/12235/skin-so-soft-3_unq_d240beb4f119491a954bed1a5993196c.jpg" lazy-load class="" alt="HOLIDAY ICON: SKIN SO SOFT | 3 for £13.50 | Save £3 " /> </div> </div> </a> <css-custom-block> <div class="" style=""> <!--Converted to rem units--><p style="background-color: #f2f2f2; padding: 0.3rem;" class="meta-description"><span id="mainlink" class="txt" style="font-family: Montserrat, Arial, sans-serif;"> <a href="/306-354/bath-body/skin-so-soft"><span style="font-size: 15pt; font-weight: 600; padding-bottom: 2.5rem; color: #dd254b;">HOLIDAY ICON: SKIN SO SOFT</span> <span style="font-size: 11pt; ;font-weight: 400; color: #000000;"><br> 3 for £13.50 | Save £3</span><br><span style="text-decoration: underline;"><span style="font-size: 10pt; ;font-weight: 300;">Shop Now</span></span></a><br></span></p> </div> </css-custom-block> </div> </div> </div> <div class="ContentRow Columns_1 NotPadded MarginSeparation_None"> <div class="StackContainer Col"> <div class="ContentStack" style=""> <css-custom-block> <div class="" style=""> <!--rem units--><div class="gifting__typefilters"> <div class="gifting__typefilter-block"> <div class="gifting__typefilters-wrapper"> <div class="gifting__typefilter"> <div class="gifting__typefilter-image"><a href="/301/make-up"><img style="border-radius: 50%;" src="https://avon.uk.com/cdn/shop/files/Ultra-Lip-Paint.png" alt="Make-up"></a></div> <div class="gifting__typefilter-text"><a href="/301/make-up">Make-up</a></div> </div> <div class="gifting__typefilter"> <div class="gifting__typefilter-image"><a href="/304/fragrance"><img style="border-radius: 50%;" src="https://avon.uk.com/cdn/shop/files/3_7418b7bc-06d1-496a-9ee6-885151badc1a.jpg" alt="Fragrance"></a></div> <div class="gifting__typefilter-text"><a href="/304/fragrance">Fragrance</a></div> </div> <div class="gifting__typefilter"> <div class="gifting__typefilter-image"><a href="/302/skincare"><img style="border-radius: 50%;" src="https://avon.uk.com/cdn/shop/files/AnewRestage-1x1-ProductPages_1234004-6_2.jpg" alt="Skincare"></a></div> <div class="gifting__typefilter-text"><a href="/302/skincare">Skincare</a></div> </div> <div class="gifting__typefilter"> <div class="gifting__typefilter-image"><a href="/306/bath-body/"><img style="border-radius: 50%;" src="https://avon.uk.com/cdn/shop/files/SHOWERGELS.jpg" alt="Bath and Body"></a></div> <div class="gifting__typefilter-text"><a href="/306/bath-body/">Bath and Body</a></div> </div> <div class="gifting__typefilter"> <div class="gifting__typefilter-image"><a href="/special-offers"><img src="https://cdn.shopify.com/s/files/1/0327/1498/1421/files/Quicklinks-Offers.png?v=1706536643" alt="Offers"></a></div> <div class="gifting__typefilter-text"><a href="/special-offers">Offers</a></div> </div> <div class="gifting__typefilter"> <div class="gifting__typefilter-image"><a href="/773/bestsellers"><img style="border-radius: 50%;" src="https://avon.uk.com/cdn/shop/files/2_b8de6f88-51f6-4e4d-8b93-55c3dbf01524.jpg" alt="Bestsellers"></a></div> <div class="gifting__typefilter-text"><a href="/773/bestsellers">Bestsellers</a></div> </div> </div> </div> </div> </div> </css-custom-block> <style type="text/css"> css-custom-block .gifting__hide { display: none; } css-custom-block .gifting__pricesfilter { margin-top: 14px; padding-bottom: 24px; border-bottom: 1px dotted #999999; } css-custom-block .gifting__pricefilter-image { display: flex; } @media screen and (max-width: 768px) { css-custom-block .gifting-1 #CategoryTools { display: none; } css-custom-block .gifting-1 #CategoryPage .ProductListModule { margin-top: 0; } css-custom-block .gifting__pricesfilter { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; grid-gap: 10px; gap: 10px; margin-bottom: 24px; } css-custom-block .gifting__pricesfilter > div { width: calc(40%); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 0; padding: 15px 24px; text-align: center; border: 1px solid #e5e5e5; border-radius: 5px; } } css-custom-block .gifting__pricesfilter .gifting__pricefilter { display: -webkit-box; display: -ms-flexbox; display: flex; grid-gap: 8px; gap: 8px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #212121; font-size: 14px; line-height: 1.3; cursor: pointer; } css-custom-block .gifting__pricesfilter .gifting__pricefilter .val { font-weight: 700; } css-custom-block .gifting__pricesfilter > div.gifting__pricefilter:not(:last-child) { margin-bottom: 15px; } @media screen and (max-width: 768px) { css-custom-block .gifting__pricesfilter > div.gifting__pricefilter:not(:last-child) { margin-bottom: 0; } } css-custom-block .gifting__typefilters { width: 100% !important; } @media screen and (max-width: 768px) { css-custom-block .gifting__typefilters { margin-left: 0; } } css-custom-block li.TopLinks.ng-scope + .gifting__pricesfilter { display: flex; flex-direction: column; } @media screen and (max-width: 768px) { css-custom-block li.TopLinks.ng-scope + .gifting__pricesfilter { display: none; } } css-custom-block .gifting__typefilters + .gifting__pricesfilter { display: none; } @media screen and (max-width: 768px) { css-custom-block .gifting__typefilters + .gifting__pricesfilter { display: flex; } } css-custom-block .gifting__typefilters img { width: 100%; height: auto; } css-custom-block .gifting__typefilters .filter-banner { width: 100%; height: 140px; padding: 22px 24px; color: white; background-position: center; background-size: cover; background-repeat: no-repeat; } @media screen and (max-width: 768px) { css-custom-block .gifting__typefilters .filter-banner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } css-custom-block .gifting__typefilters .filter-banner .headline { width: 100%; max-width: 350px; margin-bottom: 10px; font-size: 33px; font-weight: 700; line-height: 1; text-align: left; } @media screen and (max-width: 768px) { css-custom-block .gifting__typefilters .filter-banner .headline { text-align: center; font-size: 21px; line-height: 24px; } } css-custom-block .gifting__typefilters .filter-banner .subheadline { font-size: 14px; font-weight: 600; line-height: 18px; text-align: left; } @media screen and (max-width: 768px) { css-custom-block .gifting__typefilters .filter-banner .subheadline { width: 100%; max-width: 260px; text-align: center; } } css-custom-block .gifting__typefilters .gifting__typefilters-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; grid-gap: 20px; gap: 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 25px; /* padding-bottom: 16px; */ overflow-x: auto; } css-custom-block .gifting__typefilters .gifting__typefilters-wrapper .gifting__typefilter { display: block; text-align: center; } css-custom-block .gifting__typefilters .gifting__typefilters-wrapper .gifting__typefilter-image { display: flex; width: 84px; } css-custom-block .gifting__typefilters .gifting__typefilters-wrapper .gifting__typefilter-text { width: 100%; min-height: 32px; margin-top: 10px; font-size: 13px; font-weight: 400; line-height: 16px; letter-spacing: 0em; } </style> </div> </div> </div> <div class="ContentRow Columns_1 NotPadded MarginSeparation_None"> <div class="StackContainer Col"> <div class="ContentStack" style=""> <style type="text/css"> css-custom-block .topOffers { background-color: #f2f2f2; width: 100%; padding-top: 22px; margin-top: 8px; } css-custom-block .topOffers h3 { text-align: center; color: black !important; } css-custom-block .topOffers__container { display: grid; grid-template-rows: auto auto; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-gap: 22px; padding: 22px; } css-custom-block .topOffers__tile { background: white; border-left: 3px solid #e5004b; padding: 12px 26px 12px 18px; position: relative; text-decoration: none !important; color: inherit; } css-custom-block .topOffers__tile span { color: #5c4b61; font-size: 14px; font-weight: 500; } css-custom-block .topOffers__tile .highlighted { display: block; margin: 0; color: #e5004b; font-weight: 600; } css-custom-block .topOffers__tile svg { position: absolute; top: 50%; transform: translateY(-50%); right: 12px; } css-custom-block .topOffers__tile:hover path { stroke: #e5004b; } @media (max-width: 662px) { css-custom-block .topOffers__container { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 425px) { css-custom-block .topOffers__container { grid-template-columns: auto; } } </style> <css-custom-block> <div class="" style=""> <!--rem units--><div style="background-color: #f2f2f2;"> <div class="topOffers"> <h3>Top Offers</h3> <div class="topOffers__container"><a href="/304-560/fragrance/far-away" class="topOffers__tile"><span> <span class="highlighted">2 FOR £22 | SAVE £12</span>Far Away</span></a> <a href="/306-1305/bath-body/sun-care" class="topOffers__tile"><span> <span class="highlighted">2 FOR £12 ON SELECTED ITEMS</span>Suncare</span></a> <a href="/302-849/skincare/vitamin-c" class="topOffers__tile"><span> <span class="highlighted">GET UP TO 30% OFF</span>Anew Radiance Maximising Collection</span></a> <a href="/product/24700/power-stay-8-days-gel-nail-enamel" class="topOffers__tile"><span> <span class="highlighted">2 FOR £9 | SAVE 30%</span>Power Stay Gel Nail</span></a> <a href="/product/18561/aromatherapy-pillow-mist" class="topOffers__tile"><span><span class="highlighted">2 for £8.50 | SAVE 29%</span>Planet Spa Sleep Pillow Mist</span></a> <a href="/product/22954/anew-platinum-lift-tighten-dual-eye-system" class="topOffers__tile"><span><span class="highlighted">JUST £11 | SAVE £3</span>Anew Platinum Lift & Tighten Dual Eye System</span></a></div> </div> </div> </div> </css-custom-block> </div> </div> </div> <div class="ContentRow Columns_1 NotPadded MarginSeparation_Narrow"> <div class="StackContainer Col"> <div class="ContentStack" style=""> <a href="/302-338/skincare/anew" target="_self" style="" class="ImageButton"> <div style="text-align:left;"> <div class="ImageWrapper"> <div class="ImageAspectRatio" style="padding-bottom: 100%;"></div> <img data-src="https://www.shopwithmyrep.co.uk/mediamarket-uk/12232/anew-skincare-trios_unq_949f4a9f724744ab96edaeb958915d29.jpg" lazy-load class="" alt="ANEW CREAMS & POWER SERUM SETS | Save 40% on Protinol™-powered skincare." /> </div> </div> </a> <css-custom-block> <div class="" style=""> <!--Converted to rem units--><p style="background-color: #f2f2f2; padding: 0.3rem;" class="meta-description"><span id="mainlink" class="txt" style="font-family: Montserrat, Arial, sans-serif;"> <a href="/302-338/skincare/anew"><span style="font-size: 15pt; font-weight: 600; padding-bottom: 2.5rem; color: #dd254b;">ANEW CREAMS & POWER SERUM SETS</span> <span style="font-size: 11pt; ;font-weight: 400; color: #000000;"><br>Save 40% on Protinol™-powered skincare.</span><br><span style="text-decoration: underline;"><span style="font-size: 10pt; ;font-weight: 300;">Shop Now</span></span></a><br></span></p> </div> </css-custom-block> </div> </div> </div> <div class="ContentRow Columns_1 NotPadded MarginSeparation_None"> <div class="StackContainer Col"> <div class="ContentStack" style=""> <div id="productRecommendations" class="dy-placeholder"></div> </div> </div> </div> </div> </div> <div id="find-your-representative" class="ContentAnchor"></div> <div class="DeviceDisplay" ng-if='ShowModuleOnDevice({"Desktop":true,"Tablet":true,"Phone":true})'> <div id="FindARepModel_ec9371aa-f924-4df0-971b-e3fb403a67e6" class="ContentModule FindARepModule " style="" data-modproperty="/gb/shop/en/campaigns/202505/home/home/unattached/find-your-representative/" ng-controller="FindARepModuleController" data-moduletype="FindARepModule" data-modulename="Find your representative"> <div ng-if="!Layout.IsPhone"> <div class="InfoContainer" ng-class="{RepAttached: CustomerIsAttached}" ng-if="CustomerIsAttached"> <div class="Image Representative" ng-if="CustomerIsAttached"> <img class="" ng-src="{{Representative.ImageUrl}}" fallback-src="/styles/core/images/avatarfemale.svg" alt="Rep" /> </div> <div class="TextContainer "> <div class="Header"> <p ng-if="CustomerIsAttached"><span>Welcome to {{Representative.FirstName}}'s Shop…</span></p> </div> <div class="ColumnContainer"> <div ng-if="Representative.DeliveryType != 3"> <div class="Column"> <div ng-if="Representative.DeliveryType != 3"> <div ng-if="CustomerIsAttached" class="Rating"> <div ng-if="Representative.ShowRepDeliveryDescription"> <p class="Deliver">{{Representative.DeliveryDescription}}</p> <p ng-if="Representative.DeliveryDate" ng-bind="::(Representative.DeliveryDate | date: 'shortDate' | lowercase)"></p> </div> <div ng-if="!Representative.ShowRepDeliveryDescription"> <p class="Deliver"><span></span></p> </div> <div class="Ratings"> <div class="RatingInfoArea" ng-if="Representative.OverallRatings && Representative.OverallRatings.OverallRating > 0"> <div id="HoverableRating"> <rating value="{{Representative.OverallRatings.OverallRating}}" data-icon="rating"></rating> <div id="RatingHoverDetails"> <rating value="{{Representative.OverallRatings.OverallRating}}" data-icon="rating"></rating> <p class="RatingTotalText"> <span class='Bold'>{{Representative.OverallRatings.OverallRating}}/5</span> <span>from {{Representative.RatingCount}} ratings</span> </p> <div class="DetailedRatings"> <div> <rating value="{{Representative.OverallRatings.OverallHelpfulnessRating}}" data-icon="rating"></rating> <p><span>Helpfulness</span></p> </div> <div> <rating value="{{Representative.OverallRatings.OverallDeliveryTimescalesRating}}" data-icon="rating"></rating> <p><span>Delivery timescales</span></p> </div> <div> <rating value="{{Representative.OverallRatings.OverallCommunicationsRating}}" data-icon="rating"></rating> <p><span>Communication</span></p> </div> </div> </div> </div> <p class="RatingsTotal"><span class='Bold'>{{Representative.OverallRatings.OverallRating}}/5</span> <span>from {{Representative.RatingCount}} ratings</span></p> </div> </div> </div> </div> <div ng-if="Representative.DeliveryType == 3"> <p>Find a representative</p> <div class="Row"> <p>Find a representative</p> </div> </div> </div> <div class="Column"> <p>Find a representative</p> <div class="Devices"> <div class="Brouchure"> <svg-icon icon='brouchure' ></svg-icon> </div> <div class="Desktop"> <svg-icon icon='device-desktop' ></svg-icon> </div> <div class="Tablet"> <svg-icon icon='device-tablet' ></svg-icon> </div> <div class="Phone"> <svg-icon icon='device-phone' ></svg-icon> </div> </div> </div> <div class="Column"> <p>Find a representative</p> <div class="Row"> <div class="Girl"> <svg-icon icon='avatar-female2' ></svg-icon> </div> <p>Find your representative in your area</p> </div> <div class="Row"> </div> </div> </div> <div ng-if="Representative.DeliveryType == 3"> <async-block url="/block/home%2crac-switched-off%2cbanner/"></async-block> </div> </div> </div> </div> <div class="Footer" ng-if="!CustomerIsAttached"> <div id="FindARepModuleFooterNoAttached" class='AdvancedSearchFormContainer'> <form id='FindByLocation' name='FindByLocation' class='AvonForm' avon-submit='FindRepSubmit("/representative/")'> <div class="FormField"> <label for='SearchText'><span>Find your local Representative</span></label> <div class="InputWithIcon"> <input type="search" name="SearchText" id="SearchText" ng-model="FindARepModuleUI.AddressText" placeholder="Enter your postcode" data-cs-mask /> <a class="IconWrapper" submit-click=""> <svg-icon icon='search' ></svg-icon> </a> </div> </div> </form> <div class="AlreadyKnow"> <p><span>Already know your Representative?</span></p> <a href="/representative/?display=NameOrContact"><span>…search by contact details</span></a> </div> </div> </div> <div class="Footer" ng-if="CustomerIsAttached"> <div class="RepInfo"> <div class="Options"> <div ng-click="ShowFooterModule('AboutMe')"><a><span>About me</span></a></div> <div ng-click="ShowFooterModule('MyDeliveries')" ng-if="Representative.DeliveryType != 3"><a><span>My deliveries</span></a></div> <div ng-click="ShowFooterModule('ContactMe')"><a><span>Contact me</span></a></div> </div> <div class="RepInfoContainer"> <div class="RotatedCaret45" ng-class="FooterModuleSelected"></div> <div class="Hide" ng-click="HideRepInfoFooter()"> <p><span>Hide</span></p> <div class="Icon"> <svg-icon icon='arrow-up-sml' ></svg-icon> </div> </div> <div class="FooterModule AboutMe"> <div class="Column1" ng-class="{SecondColumnVisible: !ShopContext.RepProfileSettings.OptOutLanguages && Representative.LanguagesSpoken}"> <div class="Header"> <div class="Name"> <p>{{Representative.FullName}}</p> </div> </div> <div class="Description"> <p ng-if="Representative.AboutMe">{{Representative.AboutMe}}</p> <p ng-if="!Representative.AboutMe">{{ShopContext.RepProfileSettings.AboutMeDefaultContent}}</p> </div> </div> <div class="Column2" ng-if="!ShopContext.RepProfileSettings.OptOutLanguages && Representative.LanguagesSpoken"> <div class="Languages"> <p><span>Languages:</span></p> <p class="Greyed">{{Representative.LanguagesSpoken}}</p> </div> </div> </div> <div class="FooterModule MyDeliveries" ng-if="Representative.DeliveryType != 3"> <div class="Column1" ng-class="{SecondColumnVisible: !ShopContext.RepProfileSettings.OptOutLanguages && Representative.LanguagesSpoken}"> <div class="Header"> <p><span>My deliveries</span></p> </div> <div class="Description"> <ul> <li> <div ng-if="Representative.ShowRepDeliveryDescription"> <p class="Deliver"> <span>{{Representative.DeliveryDescription}}</span> <span ng-if="Representative.DeliveryDate" ng-bind="::(Representative.DeliveryDate | date: 'shortDate' | lowercase)"></span> </p> <p class="DeliveryTime" ng-if="Representative.DeliveryTime"> {{Representative.DeliveryTime}} </p> </div> <div ng-if="!Representative.ShowRepDeliveryDescription"> <p class="Deliver"><span></span></p> </div> </li> </ul> </div> </div> <div class="Column2" ng-if="!ShopContext.RepProfileSettings.OptOutLanguages && Representative.LanguagesSpoken"> <div class="Languages"> <p><span>Languages:</span></p> <p class="Greyed">{{Representative.LanguagesSpoken}}</p> </div> </div> </div> <div class="FooterModule ContactMe"> <div class="Column1"> <div ng-if="!MessageSent"> <div class="Header" data-cs-mask> <p ng-if="Representative"><span>Send {{Representative.FirstName}} a message</span></p> <p ng-if="!Representative"><span>Send {{Session.Representative.FirstName}} a message</span></p> </div> <div class="Form FormField"> <form id='SendAMessage' name='SendAMessage' class='AvonForm' avon-submit="SendMessage()"> <div> <div class="FormInput"> <input type="text" name="CustomerName" id="CustomerName" ng-model="Message.CustomerName" required placeholder="*Name" /> <div ng-messages='SendAMessage.CustomerName.$error' ng-show='ShowValidationErrorsBeforeSubmit || SendAMessage.$submitted'> <span ng-message='required' ng-if='SendAMessage.$submitted'><span>This field is required.</span></span> </div> </div> <div class="FormInput"> <input type="email" name="CustomerEmail" id="CustomerEmail" ng-model="Message.CustomerEmail" required placeholder="*Email address" ng-pattern='/^[A-Za-z0-9\\\\\\ \\\"!#$%&'*+=?^_`{|}~-]+(?:\.[A-Za-z0-9\\\\\\ \\\"!#$%&'*+=?^_`{|}~-]+)*@(?:[A-Za-z0-9](?:[A-Za-z0-9_-]*[A-Za-z0-9])?\.)+[A-Za-z0-9](?:[A-Za-z0-9-]*[A-Za-z0-9]?){6,60}$/' /> <div ng-messages='SendAMessage.CustomerEmail.$error' ng-show='ShowValidationErrorsBeforeSubmit || SendAMessage.$submitted'> <span ng-message='required' ng-if='SendAMessage.$submitted'><span>This field is required.</span></span> <span ng-show='SendAMessage.CustomerEmail.$error.pattern'><span>Please enter a valid email address.</span></span> </div> </div> <div class="FormInput"> <input type="text" name="CustomerPhone" id="CustomerPhone" ng-model="Message.CustomerPhone" placeholder="Contact number" ng-pattern='/^[0-9]{1,13}$/' /> <div ng-messages='SendAMessage.CustomerPhone.$error' ng-show='ShowValidationErrorsBeforeSubmit || SendAMessage.$submitted'> <span ng-show='SendAMessage.CustomerPhone.$error.pattern'><span>Please enter a correct phone number.</span></span> </div> </div> <div class="FormInput"> <textarea id="Message" name="Message" ng-model="Message.Message" required banned-words-validation placeholder="Enter your message here"></textarea> <div ng-messages='SendAMessage.Message.$error' ng-show='ShowValidationErrorsBeforeSubmit || SendAMessage.$submitted'> <span ng-message='required' ng-if='SendAMessage.$submitted'><span>This field is required.</span></span> <span ng-message='bannedWordsError' ng-if='SendAMessage.$submitted'>{{BannedWordsErrorMessage}}</span> </div> </div> <div class="FormField Checkbox"> <input type="checkbox" name="SendCopy" id="SendCopy" ng-model="Message.SendCopy" /> <label for='SendCopy'><span>Send a copy to my email address</span></label> </div> <div class="ButtonContainer"> <p><span>* Required field</span></p> <a class="Button" ng-disabled=false ng-class="{Enabled: SendAMessage.$valid}" submit-click> <span>Send message</span> </a> <a class="Button Alt ShowInFindARepSearch" ng-click="CancelClick()"> <span>Cancel</span> </a> </div> </div> </form> </div> </div> <div ng-if="MessageSent" class="MessageSent"> <div ng-if="MessageSuccess"> <div> <svg-icon icon='nav-tick' ></svg-icon> <span class="ContactMeConfirmationMessage" data-cs-mask> <span>We have sent your message to</span> <span ng-if="Representative">{{Representative.FirstName}}</span> <span ng-if="!Representative">{{Session.Representative.FirstName}}</span> </span> </div> <div ng-if="Message.SendCopy" class="CopySent" data-cs-mask> <p><span>We have sent a copy of this message to your email address</span></p> <a class="ButtonLink" ng-href="mailto:{{Message.CustomerEmail}}"> {{Message.CustomerEmail}} </a> </div> <div data-cs-mask> <p class="HideInFindARepSearch"><span>Your message:</span></p> <p class="Message">{{Message.Message}}</p> </div> <div class="ButtonContainer ShowInFindARepSearch"> <a class="Button Alt" ng-click="ModalClose(); CloseModalClick()"> <span>Close</span> </a> <a class="Button" ng-click="ChooseRepresentative(Representative.Id, true)"> <span>Shop with Me</span> </a> </div> </div> <div class="SendMessgeFailed" ng-if="!MessageSuccess"> <div> <span><svg-icon icon='circle-x' ></svg-icon></span> <span><span>You are sending messages too fast. Please wait a couple of seconds.</span></span> <span ng-click="Unsend()" class="SendMessgeFailedIcon"><svg-icon icon='close-sml' ></svg-icon></span> </div> </div> </div> </div> <div class="Column2"> <div class="ShowInFindARepSearch ImageLogo" ng-if="Representative.Id" data-cs-mask> <img class="RepImage" ng-src="{{Url.GetRepPhotoUrl(Representative.Id)}}" title="{{Representative.FullName}}" alt="{{Representative.FullName}}" fallback-src="/styles/core/images/avatarfemale.svg" /> </div> <div class="Header" data-cs-mask> <p class="HideInFindARepSearch" ng-if="!Representative.Id"><span>Contact {{Representative.FirstName}} directly</span></p> <p class="ShowInFindARepSearch" ng-if="Representative.FullName">{{Representative.FullName}}</p> </div> <div class="Email"> <div class="Label"> <span>Email:</span> </div> <a class="ButtonLink" ng-href="mailto:{{Representative.Email}}" data-cs-mask> {{Representative.Email}} </a> </div> <div class="Mobile" ng-if="Representative.Mobile"> <div class="Label"> <span>Phone:</span> </div> <p class="Greyed" data-cs-mask>{{Representative.Mobile}}</p> </div> <div class="Home" ng-if='Representative.Phone'> <div class="Label"> <span>Home:</span> </div> <p class="Greyed" data-cs-mask>{{Representative.Phone}}</p> </div> <div class="Header BestTime" ng-if="Representative.ContactDetail || Representative.ContactDetails"> <p><span>Best time to get in touch</span></p> </div> <div class="Description" ng-if="Representative.ContactDetail || Representative.ContactDetails"> <p class="Greyed" ng-if="Representative.ContactDetail">{{Representative.ContactDetail}}</p> <p class="Greyed" ng-if="Representative.ContactDetails">{{Representative.ContactDetails}}</p> </div> </div> </div> </div> </div> </div> </div> <div ng-if="Layout.IsPhone"> <div class="InfoContainer" ng-if="CustomerIsAttached"> <div class="Header" data-cs-mask> <p><span>Welcome to {{Representative.FirstName}}'s Shop…</span></p> </div> <div class="RepInfo"> <div class="Image Representative" data-cs-mask> <img ng-src="{{Representative.ImageUrl}}" fallback-src="/styles/core/images/avatarfemale.svg" alt="Rep" /> </div> <div class="TextContainer"> <div class="Name" data-cs-mask> <p>{{Representative.FullName}}</p> </div> <div class="Rating" ng-if="Representative.OverallRatings && Representative.OverallRatings.OverallRating > 0 && Representative.DeliveryType != 3"> <div class="RatingInfoArea"> <div id="TapRating" ng-click="ModalShowId('Ratings')"> <rating value="{{Representative.OverallRatings.OverallRating}}" data-icon="rating"></rating> <span class='Bold'>{{Representative.OverallRatings.OverallRating}}/5</span> <span>from {{Representative.RatingCount}} ratings</span> </div> </div> </div> <div ng-if="Representative.ShowRepDeliveryDescription && Representative.DeliveryType != 3" data-cs-mask> <p ng-if="Representative.DeliveryDescription" class="Deliver">{{Representative.DeliveryDescription}}</p> <p ng-if="!Representative.DeliveryDescription" class="Deliver">{{ShopContext.RepProfileSettings.DeliveryInformationDefaultContent}}</p> <div class="DeliveryDate" ng-if="Representative.DeliveryDate"> <p ng-bind="::(Representative.DeliveryDate | date: 'shortDate' | lowercase)"></p> </div> </div> <div ng-if="!Representative.ShowRepDeliveryDescription && Representative.DeliveryType != 3"> <p class="Deliver"><span></span></p> </div> <div ng-if="Representative.DeliveryType == 3"> <async-block url="/block/home%2crac-switched-off%2cbanner/"></async-block> </div> </div> </div> <div class="Accordions"> <ul id="DescriptionAccordian" accordion> <li class="AboutMeTab"> <a><span>About me</span></a> <a class="Button Plus"><svg-icon icon='hamburger-plus' ></svg-icon></a> <a class="Button Minus"><svg-icon icon='hamburger-minus' ></svg-icon></a> <div> <div class="Header"> <div class="Name" data-cs-mask> <p>{{Representative.FullName}}</p> </div> </div> <div class="Description" data-cs-mask> <p ng-if="Representative.AboutMe">{{Representative.AboutMe}}</p> <p ng-if="!Representative.AboutMe">{{ShopContext.RepProfileSettings.AboutMeDefaultContent}}</p> </div> <div class="Distance"> <p><span>Distance:</span></p> <p class="Greyed">{{Representative.Distance}}</p> </div> <div class="Languages" ng-if="!ShopContext.RepProfileSettings.OptOutLanguages && Representative.LanguagesSpoken"> <p><span>Languages:</span></p> <p class="Greyed">{{Representative.LanguagesSpoken}}</p> </div> </div> </li> <li class="MyDeliveriesTab" ng-if="Representative.DeliveryType != 3"> <a><span>My deliveries</span></a> <a class="Button Plus"><svg-icon icon='hamburger-plus' ></svg-icon></a> <a class="Button Minus"><svg-icon icon='hamburger-minus' ></svg-icon></a> <div> <div class="Description" data-cs-mask> <ul> <li><p class="Deliver">{{Representative.Deliveries}}</p></li> <li ng-if="Representative.ShowRepDeliveryDescription"> <p class="Deliver"> <span>{{Representative.DeliveryDescription}}</span> <span ng-if="Representative.DeliveryDate" ng-bind="::(Representative.DeliveryDate | date: 'shortDate' | lowercase)"></span> </p> <p class="DeliveryTime" ng-if="Representative.DeliveryTime">{{Representative.DeliveryTime}}</p> </li> <li ng-if="!Representative.ShowRepDeliveryDescription"> <p class="Deliver"><span></span></p> </li> </ul> </div> <div class="Distance"> <p><span>Distance:</span></p> <p class="Greyed">{{Representative.Distance}}</p> </div> <div class="Languages" ng-if="Representative.LanguagesSpoken"> <p><span>Languages:</span></p> <p class="Greyed">{{Representative.LanguagesSpoken}}</p> </div> </div> </li> <li class="ContactMeTab"> <a><span>Contact me</span></a> <a class="Button Plus"><svg-icon icon='hamburger-plus' ></svg-icon></a> <a class="Button Minus"><svg-icon icon='hamburger-minus' ></svg-icon></a> <div> <div ng-if="!MessageSent"> <div class="Header" data-cs-mask> <p><span>Send {{Representative.FirstName}} a message</span></p> </div> <div class="Form"> <form id='SendAMessage' name='SendAMessage' class='AvonForm' avon-submit='SendMessage()'> <div> <div class="FormField Input"> <label><span>*Name</span></label> <input type="text" name="CustomerName" id="CustomerName" ng-model="Message.CustomerName" required /> <div ng-messages='SendAMessage.Name.$error' ng-show='ShowValidationErrorsBeforeSubmit || SendAMessage.$submitted'> <span ng-message='required' ng-if='SendAMessage.$submitted'><span>This field is required.</span></span> </div> </div> <div class="FormField Input"> <label><span>*Email address</span></label> <input type="email" name="CustomerEmail" id="CustomerEmail" ng-model="Message.CustomerEmail" ng-pattern='/^[A-Za-z0-9\\\\\\ \\\"!#$%&'*+=?^_`{|}~-]+(?:\.[A-Za-z0-9\\\\\\ \\\"!#$%&'*+=?^_`{|}~-]+)*@(?:[A-Za-z0-9](?:[A-Za-z0-9_-]*[A-Za-z0-9])?\.)+[A-Za-z0-9](?:[A-Za-z0-9-]*[A-Za-z0-9]?){6,60}$/' required /> <div ng-messages='SendAMessage.Email.$error' ng-show='ShowValidationErrorsBeforeSubmit || SendAMessage.$submitted'> <span ng-message='required' ng-if='SendAMessage.$submitted'><span>This field is required.</span></span> <span ng-show='SendAMessage.Email.$error.pattern'><span>Please enter a valid email address.</span></span> </div> </div> <div class="FormField Input"> <label><span>Contact number</span></label> <input type="text" name="CustomerPhone" id="CustomerPhone" ng-model="Message.CustomerPhone" ng-pattern='/^[0-9]{1,13}$/' /> <div ng-messages='SendAMessage.Phone.$error' ng-show='ShowValidationErrorsBeforeSubmit || SendAMessage.$submitted'> <span ng-show='SendAMessage.Phone.$error.pattern'><span>Please enter a correct phone number.</span></span> </div> </div> <div class="FormField Input"> <label><span>Message</span></label> <textarea name="Message" id="Message" ng-model="Message.Message" required banned-words-validation></textarea> <div ng-messages='SendAMessage.Message.$error' ng-show='ShowValidationErrorsBeforeSubmit || SendAMessage.$submitted'> <span ng-message='required' ng-if='SendAMessage.$submitted'><span>This field is required.</span></span> <span ng-message='bannedWordsError' ng-if='SendAMessage.$submitted'>{{BannedWordsErrorMessage}}</span> </div> </div> <div class="FormField Checkbox"> <input type="checkbox" name="SendCopy" id="SendCopy" ng-model="Message.SendCopy" /> <label for='SendCopy'><span>Send a copy to my email address</span></label> </div> <div class="ButtonContainer"> <p class="Greyed"><span>* Required field</span></p> <a class="Button" ng-class="{Enabled: SendAMessage.$valid}" submit-click=""> <span>Send message</span> </a> </div> </div> </form> </div> </div> <div ng-if="MessageSent" class="MessageSent" data-cs-mask> <div> <div class="Icon"><svg-icon icon='nav-tick' ></svg-icon></div> <div class="MessageSentHeader"><h1><span>We have sent your message to</span> {{Representative.FirstName}}</h1></div> </div> <div ng-if="Message.SendCopy" class="CopySent"> <p><span>We have sent a copy of this message to your email address</span>: <a>{{Message.Email}}</a></p> </div> <div> <p><span>Message</span></p> <textarea disabled class="Message">{{Message.Message}}</textarea> </div> <div class="ContactDirectly"> <div class="Header"> <p><span>Contact {{Representative.FirstName}} directly</span></p> </div> <div class="Email"> <div> <p class="Bold"><span>Email:</span></p> </div> <a>{{Representative.Email}}</a> </div> <div class="Mobile"> <div> <p class="Bold"><span>Phone:</span></p> </div> <p class="Greyed">{{Representative.Mobile}}</p> </div> <div class="Home"> <div> <p class="Bold"> <span>Home:</span></p> </div> <p class="Greyed">{{Representative.Phone}}</p> </div> <div class="BestTime"> <div> <p class="Bold"><span>Best time to get in touch</span>:</p> </div> </div> <div class="Description"> <p class="Greyed">{{Representative.ContactDetails}}</p> </div> </div> </div> </div> </li> </ul> </div> <modal id="Ratings" ng-if="Representative.OverallRatings && Representative.OverallRatings.OverallRating > 0"> <div class="RatingInfoArea"> <rating value="{{Representative.OverallRatings.OverallRating}}" data-icon="rating"></rating> <span class='Bold'>{{Representative.OverallRatings.OverallRating}}/5</span> <span>from {{Representative.RatingCount}} ratings</span> <div class="DetailedRatings"> <div> <rating value="{{Representative.OverallRatings.OverallHelpfulnessRating}}" data-icon="rating"></rating> <p><span>Helpfulness</span></p> </div> <div> <rating value="{{Representative.OverallRatings.OverallDeliveryTimescalesRating}}" data-icon="rating"></rating> <p><span>Delivery timescales</span></p> </div> <div> <rating value="{{Representative.OverallRatings.OverallCommunicationsRating}}" data-icon="rating"></rating> <p><span>Communication</span></p> </div> </div> </div> </modal> </div> </div> </div> </div> </div> </div> </div> </article> <aside id="RightNav"></aside> </main> <div id="PreFooter" ng-if='Layout.Name!="Phone"'> <async-block url="/block/footer%2cpre-footer-section/?useCampaign=False"></async-block> </div> </div> <ng-include src="'/Layout/Footer?layout=' + Layout.Name" ng-if='Layout.Name' onload='PartialViewLoaded()' ></ng-include> <div id="MenuMask" ng-click="MenuMaskClicked()"></div> <div id="Modals" data-modalclosetext="CLOSE "> <div id="ModalMask" ng-class="{Shown:UI.IsLoading||UI.ModalStack.length}" ng-click="ModalMaskClick($event)"></div> <local-editor></local-editor> <div id="LoadingModal" ng-show="UI.IsLoading" ng-class="{LoadingWithMessage:UI.LoadingMessage}"> <svg-icon icon='loading' id='LoadingSpinner' ></svg-icon> <span>{{UI.LoadingMessage}}</span> </div> </div> <script type="text/javascript"> var _ShopContext={"Breadcrumbs":[],"CampaignNumber":202505,"CampaignDaysLeft":30,"Country":"United Kingdom","CdnPath":"https://www.shopwithmyrep.co.uk/","ClientScriptSettings":null,"Environment":"prod","ExternalLinks":{"BecomeARepLink":"https://rep.avon.uk.com/REPSuite/registration.page","ContactUsLink":null,"RepLoginLink":"https://rep.avon.uk.com/REPSuite/loginMain.page","RepresentativeForgotPasswordLink":"https://rep.avon.uk.com/REPSuite/forgotPassword.page"},"FindARepSettings":{"OnCheckout":false,"OnDirectDeliveryCheckout":false,"IsContactMeEnabled":true},"GeoCodeSettings":null,"GoogleMapsZoomLevel":15,"GoogleMapsClient":"gme-avonproductsinc1","GoogleMapsKey":"","HeaderTab":"Products","ReleaseToggles":{"UseInactiveRepresentativeLabel":false,"EnableUseOfGoogleAddressAutocompleteMappings":true,"UseDirectDeliveryOnlyPromotions":true},"Language":"en","LayoutSettings":{"DesktopTablet":{"ShowCurrentCampaign":false},"Phone":{"TabletViewForLandscape":false},"UseEasternNameOrder":false},"Market":"GB","Cluster":"UK","Notifications":{"TrendsetterNotification":false,"ImpersonationNotification":false},"ProductUrlFormat":"/product/","ProductSearchQuery":null,"PromotionUrlFormat":"/special-offers/[PROMOTIONID]/","Query":{},"RepStoreUrlFormat":"/avon/[repstorename]/","SearchUrlFormat":"/search/results/?q=--searchterm--","UnitsOfMeasure":{"ImperialDistances":true},"ValidationSettings":{"RequiredAddress2":false,"RequiredLastName":false,"RequiredProvince":false,"RequiredCounty":false,"RequiredCity":true,"RequiredZipCode":true,"RequiredEmail":true,"CustomerFirstNameRegEx":"^[A-Za-z\\'\\-\\ ]{1,20}$","CustomerLastNameRegEx":"^[A-Za-z\\'\\-\\ ]{1,20}$","DocumentIdRegEx":null,"CustomerEmailAddressRegEx":"^[A-Za-z0-9\\\\\\\\\\\\ \\\\\\\"!#$%&'*+=?^_`{|}~-]+(?:\\.[A-Za-z0-9\\\\\\\\\\\\ \\\\\\\"!#$%&'*+=?^_`{|}~-]+)*@(?:[A-Za-z0-9](?:[A-Za-z0-9_-]*[A-Za-z0-9])?\\.)+[A-Za-z0-9](?:[A-Za-z0-9-]*[A-Za-z0-9]?){6,60}$","CustomerUserNameRegEx":"(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|\"(?:[\\x01-\\x08\\x0b\\x0c\\x0e-\\x1f\\x21\\x23-\\x5b\\x5d-\\x7f]|\\\\[\\x01-\\x09\\x0b\\x0c\\x0e-\\x7f])*\")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:(?:[\\x01-\\x08\\x0b\\x0c\\x0e-\\x1f\\x21-\\x5a\\x53-\\x7f]|\\\\[\\x01-\\x09\\x0b\\x0c\\x0e-\\x7f])+)\\])","CustomerMobilePhoneNumberRegEx":"^[0-9]{1,13}$","CustomerAlternativePhoneNumberRegEx":"^[0-9]{1,13}$","CustomerAddressRegEx":"^[0-9A-Za-z,\\;\\:\\>\\<\\-\\+_\\\"\\^\\=\\u201D\\]\\[\\(\\)\\{\\}\\%\\@\\#\\$\\!\\?\\&\\*\\/\\\\\\\\\\\\|\\.\\~\\\\\\' ]{1,25}$","CustomerAddress2RegEx":"^[0-9A-Za-z,\\;\\:\\>\\<\\-\\+_\\\"\\^\\=\\u201D\\]\\[\\(\\)\\{\\}\\%\\@\\#\\$\\!\\?\\&\\*\\/\\\\\\\\\\\\|\\.\\~\\\\\\' ]{1,25}$","CustomerAddress4RegEx":null,"CustomerCityRegEx":"^[A-Za-z\\-\\'\\ ]{3,25}$","CustomerRegionRegEx":"[A-Za-z\\\\-\\\\'\\\\ ]{1,25}","CustomerZipCodeRegEx":"^([a-zA-Z]{1}[0-9]{1}[\\ ]{1,3}[0-9]{1}[a-zA-Z]{1}[a-zA-Z]{1}){0,1}([a-zA-Z]{1}[0-9]{1}[0-9]{1}[\\ ]{1,2}[0-9]{1}[a-zA-Z]{1}[a-zA-Z]{1}){0,1}([a-zA-Z]{1}[a-zA-Z]{1}[0-9]{1}[\\ ]{1,2}[0-9]{1}[a-zA-Z]{1}[a-zA-Z]{1}){0,1}([a-zA-Z]{1}[a-zA-Z]{1}[0-9]{1}[0-9]{1}[\\ ]{1}[0-9]{1}[a-zA-Z]{1}[a-zA-Z]{1}){0,1}([a-zA-Z]{1}[0-9]{1}[a-zA-Z]{1}[\\ ]{1,2}[0-9]{1}[a-zA-Z]{1}[a-zA-Z]{1}){0,1}([a-zA-Z]{1}[a-zA-Z]{1}[0-9]{1}[a-zA-Z]{1}[\\ ]{1}[0-9]{1}[a-zA-Z]{1}[a-zA-Z]{1}){0,1}([a-zA-Z]{1}[0-9]{1}[a-zA-Z]{1}[0-9]{1}[\\ ]{1}[0-9]{1}[a-zA-Z]{1}[a-zA-Z]{1}){0,1}$","CustomerCountyRegEx":"[A-Za-z\\\\-\\\\'\\\\ ]{1,25}","RepresentativeAddressRegEx":null,"RepresentativeAddress2RegEx":null,"RepresentativeCityRegEx":null,"RepresentativeRegionRegEx":null,"RepresentativeZipCodeRegEx":null,"RepresentativeCountyRegEx":null,"RepresentativeContactPhoneNumberRegEx":"^[0-9]{11}$","RepresentativeMobilePhoneNumberRegEx":"^07[0-9]{9}$","RepresentativeSendSmsPhoneNumberRegEx":"^[0-9]{11}$","ShowValidationErrorsBeforeSubmit":true,"RepresentativeFarFirstNameRegEx":"[A-Za-z\\'\\-\\ ]{1,20}","RepresentativeStoreUrlRegEx":"^(?!.*[aA][vV][oO][nN])^(?!.*[aA][vV][0][nN])^(?!.*[4][vV][oO][nN])^(?!.*[4][vV][0][nN])^(?!.*[aA][-][vV][-][oO][-][nN])(?!.*[aA][-][vV][-][0][-][nN])(?!.*[4][-][vV][-][oO][-][nN])(?!.*[4][-][vV][-][0][-][nN])^([-a-zA-Z0-9]+)$","InvoiceCompanyNameRegEx":null,"InvoiceTaxIdRegEx":null,"VATInvoiceValidationSettings":{"CompanyNameRegEx":null,"CompanyEmailRegEx":null,"CompanyMobileNumberRegEx":null,"FirstNameRegEx":null,"LastNameRegEx":null,"FiscalCodeRegEx":null,"VATNumberRegEx":null,"PECRegEx":null,"SDIIdentifierRegEx":null}},"VersionDll":"7.9.149","AdminViewData":null,"ReportingViewData":null,"BrochureViewData":null,"CategoryPageSummary":null,"ConfirmationPageGbModel":null,"CustomerViewData":null,"CheckoutDirectDeliveryViewData":null,"CheckoutMobileViewData":null,"CheckoutViewData":null,"CampaignIdentifier":"camp","ManagerWizardMenu":null,"ManagerTabbedMenu":null,"PreloadedRepresentativeSearchResults":null,"ProductSortOrders":null,"ProductViewModel":null,"RepProfileSettings":{"DeliveryRadiusMaxKm":15,"DeliveryRadiusUnit":"Miles","DeliveryDetailOptions":[{"DeliveryOptionText":"Contact me to arrange delivery","ShowDateSelector":false},{"DeliveryOptionText":"I'm placing my next order on…","ShowDateSelector":true},{"DeliveryOptionText":"Usually within 3 days","ShowDateSelector":false},{"DeliveryOptionText":"Usually between 3-5 days","ShowDateSelector":false},{"DeliveryOptionText":"Usually between 5-7 days","ShowDateSelector":false},{"DeliveryOptionText":"Usually within 10 days","ShowDateSelector":false}],"ReceiveSmsNotificationsVisible":false,"TermsAndConditionsDate":"2013-03-01T00:00:00+00:00","ShowEligibilityMessage":true,"TermsAndConditionsDateString":"2013-03-01","TrendsetterNotificationRequired":false,"OptOutPaymentTypes":false,"OptOutLanguages":false,"AboutMeDefaultContent":null,"DeliveryInformationDefaultContent":null,"NotificationPhonePrefix":null,"HideEStoreForSLZM":false,"HideShowOnMapLink":false,"QuickAcceptTermsAndConditions":false},"ShowCampaignDetailsWithinCart":false,"StoreUrl":null,"RequiresPreloadedRepresentativeSearchResults":false,"RequiresDeliveryAddressUpdate":false,"RecEngine":{"ApplicationId":"avon14","LoadRecommendations":true},"WhatNewViewData":null,"BestSellerData":null,"TopRatedData":null,"MarketDomain":"www.shopwithmyrep.co.uk","MarketSupportsDirectDelivery":true,"MarketHasDacOrder":true,"FacebookAppId":"1052653758265503","PinterestVerification":null,"FacebookUseShortImage":false,"MaoSettings":null,"HideBarPrimaryNavigationLinkForAttachedCustomer":true,"DashboardStatsModel":null,"RepresentativeConsoleSettingsModel":null,"OnlineOrderViewData":null,"CookieAcceptanceRequired":false,"RepresentativeSetupStoreUrl":null,"HasStore":false,"HasAvonOfficeRepresentative":false,"EnableHardReferralAtSocialOrStoreLinkBrowsing":true,"ShopWithNewRepBanner":false,"ShouldDisplayChangeToDirectDeliveryIfNoRepFound":false,"DucOnlyDirectDeliveryOrders":false,"UseWelcomeLoginPageInCaseOfDirectDelivery":true,"ShouldHideRepresentativeDetailsBelowShippingMethodSelector":false,"HideContactUs":false,"EnableRepresentativeAutoAssignment":true,"EnableZipCodeValidation":false,"BannedWords":null,"BannedWordsErrorMessage":"Message can’t be sent because there are used banned words: {0}. Please, change text of message and try again.","AvailableOnlyThroughAttachment":false,"OSAPageUrls":["online-self-appointment"],"LastEBrochureVisitCampaignNumber":null,"RepresentativeDetail":null,"EnableGoogleAnalytics":true,"IsApptusEnabled":true,"ApptusMarket":"UK","IsDacEnabled":false}; var AvonAnalyticsObjex={"content_breadcrumb":"Home","content_campaign":"","content_carousel":"","content_channel":"Content","content_currency_code":"GBP","content_page_name":"Home","content_page_type":"Home","content_share_type":"","content_share_url":"","content_site_section":"Home","content_site_section_level2":"","content_site_section_level3":"","event_name":"","findarep_results":"","findarep_nearme_query":"","findarep_search_type":"","findarep_choose_type":"","findarep_choose_rep_ID":"","forms_field_errors":[],"forms_name":"","order_grand_total":null,"order_ID":null,"order_discount_amount":null,"order_shipping_amount":null,"order_sub_total":null,"order_type":null,"market":"GB","cluster":"UK","order_promo_code":null,"order_shipping_city":null,"order_shipping_postal":null,"order_delivery_type":null,"order_payment_method":null,"order_product_price":null,"order_product_quantity":null,"order_product_skus":null,"rep_profile_ID":"","rep_profile_new_customer_order_status":"","server_environment":"","server_id":"1","server_error_url":"","server_error_type":"","server_platform":"","shopping_bag_ID":"","shopping_bag_product_price":[],"shopping_bag_product_quantity":[],"shopping_bag_product_skus":[],"shopping_bag_sub_total":"","shopping_bag_total_items":"","product_brand":"","product_category":"","product_subcategory":"","product_isavailable":"","product_isnew":"","product_name":"","product_onsale":"","product_sale_price":"","product_sku_list_id":[],"product_SKUs":[],"product_unit_price":"","product_updated":[],"product_updated_price":null,"product_updated_qty":null,"search_page_referrer":"","search_query":"","search_results":"","visitor_customer_account_time":"","visitor_attach_status":"","visitor_customer_ID":"","visitor_customer_city":"","visitor_customer_postal":"","visitor_language":"","visitor_login_status":"","visitor_shopper_ID":"","visitor_shopping_with_repID":"","visitor_type":"","wishlist_entry_date":[],"wishlist_sku":[],"customer_type":"Guest","attached_rep_id":"","customer_id":"0","is_logged_in":false}; TrackingPatch(); </script> <script src="/Scripts/External/RecommendationEngine/recommendationloader.js" type="text/javascript" defer></script> <modal id="RepAttachmentModal"> <div id="ArvatoModalContent"> [View|Representative_Attach_Not_Available] </div> </modal> <script> var thirdPartyScripts = (function () { let loadEventHandler; let logDocumentWrite = localStorage.getItem("logDocumentWrite") || false; let optanon = { enabled: 'false' }; let certona = { enabled: 'true', attrs: { src: '/Scripts/External/RecommendationEngine/resxclsx.js', type: 'text/javascript' } } let certonaRecLoader = { enabled: 'true', attrs: { src: '/Scripts/External/RecommendationEngine/recommendationloader.js', type: 'text/javascript' } }; let googleGlobalSite = { enabled: 'true', attrs: { src: 'https://www.googletagmanager.com/gtag/js?id=' + '1057204268', type: 'text/javascript' }, script: 'window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag("js", new Date()); gtag("config", "' + '1057204268' + '");' } let googleTagManager = { enabled: 'true', script: '(function (w, d, s, l, i) {w[l] = w[l] || []; w[l].push({ "gtm.start": new Date().getTime(), event: "gtm.js" }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != "dataLayer" ? "&l=" + l : ""; j.async = true; j.src = "https://www.googletagmanager.com/gtm.js?id=" + i + dl; f.parentNode.insertBefore(j, f); })(window, document, "script", "dataLayer", "' + 'GTM-M32DVW3' + '");' } let localGoogleTagManager = { enabled: 'false', script: '(function (w, d, s, l, i) {w[l] = w[l] || []; w[l].push({ "gtm.start": new Date().getTime(), event: "gtm.js" }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != "dataLayer" ? "&l=" + l : ""; j.async = true; j.src = "https://www.googletagmanager.com/gtm.js?id=" + i + dl; f.parentNode.insertBefore(j, f); })(window, document, "script", "dataLayer", "' + '' + '");' } let facebookSdk = { attrs: { src: '/Scripts/Tracking/FacebookSDK.js', type: 'text/javascript' } } let insertScript = function (attrs, script, callback) { let el = document.createElement('script'); if (attrs !== undefined && attrs !== null) { let props = Object.getOwnPropertyNames(attrs); for (let i = 0; i < props.length; i++) { let prop = props[i]; el.setAttribute(prop, attrs[prop]); } } if (script !== undefined && script !== null) { el.innerText = script; } if (callback !== undefined && callback !== null) { el.onload = callback; } document.head.appendChild(el); } let loadScripts = function (eventName) { if (optanon.enabled === 'true' && window.Optanon !== undefined) { if (certona.enabled === 'true') { window.Optanon.InsertScript(certona.attrs.src, 'head', null, function() { insertScript(certonaRecLoader.attrs); }, 4); } let placeholder = document.createElement('div'); placeholder.setAttribute('id', 'fb-root'); document.body.appendChild(placeholder); window.Optanon.InsertScript(facebookSdk.attrs.src, 'head', null, null, 4); } else { if (certona.enabled === 'true') { insertScript(certona.attrs, null, function () { insertScript(certonaRecLoader.attrs); }); } let placeholder = document.createElement('div'); placeholder.setAttribute('id', 'fb-root'); document.body.appendChild(placeholder); insertScript(facebookSdk.attrs); } if (googleGlobalSite.enabled === 'true') { insertScript(googleGlobalSite.attrs); insertScript(null, googleGlobalSite.script); } if (googleTagManager.enabled === 'true') { insertScript(null, googleTagManager.script); } if (localGoogleTagManager.enabled === 'true') { insertScript(null, localGoogleTagManager.script); } setTimeout(function () { // dispatch a seconed DOMContentLoaded event for those third-party scripts that rely on this event (eg: DTM) document.dispatchEvent(new Event('DOMContentLoaded')); }, 2500); setTimeout(function () { // dispatch a second Load event for those third-party scripts that rely on this event (eg: Optanon) window.dispatchEvent(new Event('load')); }, 3000); window.removeEventListener(eventName, loadEventHandler); } return { loadOnEvent: function (eventName) { // override to make sure third party scripts won't use it to insert markup (function (Document) { Document.prototype.write = function (markup) { $('body').append($(markup)); if (logDocumentWrite === 'true') { console.log("DOC WRITE ", markup); } } })(Document); (function (HTMLDocument) { HTMLDocument.prototype.write = function (markup) { $('body').append($(markup)); if (logDocumentWrite === 'true') { console.log("DOC WRITE ", markup); } } })(HTMLDocument); loadEventHandler = window.addEventListener(eventName, function() { // wait for the current stack to clear before loading third party scripts setTimeout(function() { loadScripts(eventName); }, 0); }); }, logDocumentWrite: function (val) { localStorage.setItem('logDocumentWrite', val); logDocumentWrite = val; } }; })(); var that = this; document.addEventListener('DOMContentLoaded', function () { that.thirdPartyScripts.loadOnEvent("footerLoad"); }); </script> <script> var pushScript = (function (eventName) { let getPageVersion = function () { var pageVersion = 'N/A'; var pathName = window.location.pathname; if (pathName.length > 1) { if (pathName.indexOf("/product/") > -1 || pathName.indexOf("/checkoutmobile/") > -1) { pageVersion = 'new page'; } if (pathName.indexOf("/product-old/") > -1 || pathName.indexOf("/checkout/") > -1 || pathName.indexOf("/checkoutdirectdelivery/") > -1) { pageVersion = 'old page'; } } return pageVersion; } let pushOtherDimensions = function () { window.dataLayer.push({ 'dimension2': AvonAnalyticsObjex.customer_id ? AvonAnalyticsObjex.customer_id : 'N/A', 'dimension23': AvonAnalyticsObjex.visitor_shopping_with_repID ? AvonAnalyticsObjex.visitor_shopping_with_repID : 'N/A', 'dimension39': getPageVersion(), 'dimension44': AvonAnalyticsObjex.customer_type != 'Representative' && AvonAnalyticsObjex.attached_rep_id ? AvonAnalyticsObjex.market + ':' + AvonAnalyticsObjex.attached_rep_id : 'N/A', 'dimension46': AvonAnalyticsObjex.customer_type ? AvonAnalyticsObjex.customer_type === 'Guest' ? 'true' : 'false' : 'true', 'dimension52': AvonAnalyticsObjex.market, 'dimension55': AvonAnalyticsObjex.cluster, 'dimension60': AvonAnalyticsObjex.customer_type === 'Representative' ? 'Rep' : AvonAnalyticsObjex.customer_type, 'dimension61': AvonAnalyticsObjex.is_logged_in ? 'Logged in' : 'Logged out', }); } let pushContentGroupingEvent = function () { var breadcrumbs = []; _ShopContext.Breadcrumbs.forEach((item) => { breadcrumbs.push(item["Text"]); }); if (breadcrumbs == null || breadcrumbs.length == 0) { breadcrumbs = ["Home"]; } else if (breadcrumbs[0] != "Home") { breadcrumbs.unshift("Home"); } window.dataLayer.push({ contentGroup1: AvonAnalyticsObjex.content_site_section != '' ? AvonAnalyticsObjex.content_site_section : 'N/A', contentGroup2: AvonAnalyticsObjex.content_page_type != '' ? AvonAnalyticsObjex.content_page_type : 'N/A', contentGroup3: breadcrumbs.length > 1 ? breadcrumbs[1] : 'N/A', contentGroup4: breadcrumbs.length > 2 ? breadcrumbs[2] : 'N/A', contentGroup5: breadcrumbs.length > 3 ? breadcrumbs[3] : 'N/A' }); } let pushAllEvents = function (eventName) { pushOtherDimensions(); pushContentGroupingEvent(); window.removeEventListener(eventName, loadEventHandler); } return { loadAfterDomOnEvent: function (eventName) { document.addEventListener('DOMContentLoaded', function () { loadEventHandler = window.addEventListener(eventName, function () { setTimeout(function () { if (window.dataLayer) { pushAllEvents(eventName); } }, 0); }); }); }, loadImmediately: function () { pushOtherDimensions(); pushContentGroupingEvent(); } }; })(); var that = this; </script> <script> that.pushScript.loadAfterDomOnEvent('footerLoad'); </script> </body> </html>