API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Nov 22nd, 2018
647
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 131.04 KB | None | 0 0
raw download clone embed print report
  1. <----------------------------------------------------------------------------------
  2. Site: https://www.studio.co.uk/shop/en/ReturningCustomerLogIn?originalPage=https%3A%2F%2Fwww.studio.co.uk%2Fshop%2Fen%2Fstudio&preOriginalPage=&catalogId=10051&myAcctMain=1&langId=-1&storeId=10202&URL=
  3. Debug of BOT 1
  4.  
  5. Direct Connection
  6. ----------------------------------------------------------------------------------
  7.  
  8. <-----Bot Status: Authenticating----->
  9. <-----Sent Headers----->
  10. POST /shop/en/Logon HTTP/1.1
  11. Accept: */*
  12. User-Agent: Opera/9.80 (Windows NT 6.0; U; en) Presto/2.2.0 Version/10.00
  13. Host: www.studio.co.uk
  14. Pragma: no-cache
  15. Connection: keep-alive
  16. Content-Type: application/x-www-form-urlencoded
  17. Content-Length: 654
  18. Cookie: WC_GENERIC_ACTIVITYDATA=[8621004166%3Atrue%3Afalse%3A0%3AF9cxFUke85ADA%2FyMgo3xYJrMBPU%3D][com.ibm.commerce.context.audit.AuditContext|1542915118899-244957][com.ibm.commerce.store.facade.server.context.StoreGeoCodeContext|null%26null%26null%26null%26null%26null][CTXSETNAME|Store][com.ibm.commerce.context.globalization.GlobalizationContext|-1%26GBP%26-1%26GBP][com.ibm.commerce.catalog.businesscontext.CatalogContext|10051%26null%26false%26false%26false][com.ibm.commerce.context.ExternalCartContext|null][com.ibm.commerce.context.base.BaseContext|10202%26-1002%26-1002%26-1][com.ibm.commerce.context.experiment.ExperimentContext|null][com.ibm.commerce.context.entitlement.EntitlementContext|10006%2610006%26null%26-2000%26null%26null%26null][com.ibm.commerce.giftcenter.context.GiftCenterContext|null%26null%26null]; WC_USERACTIVITY_-1002=-1002%2C10202%2Cnull%2Cnull%2Cnull%2Cnull%2Cnull%2Cnull%2Cnull%2Cnull%2CwMuFrrs9ItXuFnToz4OFq9bmJKV5f40c8x2o8vqcPShbU8UcJ6mPyC5H6ynVfYp73Ecxgmyhq07Y5L8m8%2FfMim6S%2B6OJLtDbhT%2FXUek2wUjuZ0ZwUivsmJArm2T2mpDRwGaCDEqUM42UR18RWaW8MsuRbmehgOKCkJTH0yOSlvTH8nc9pJfOSqutYBK68rrqEWTyWh6HUGBiRx9SYwGhZA%3D%3D; WC_ACTIVEPOINTER=-1%2C10202; WC_AUTHENTICATION_-1002=-1002%2CzIS8MCuZnAYcTCac5wEc2wvOl%2FY%3D; WC_PERSISTENT=gI41NpfWnwtGi7GWqoGEd%2Fr7UH4%3D%0A%3B2018-11-22+19%3A31%3A58.9_1542915118899-244957_10202_-1002%2C-1%2CGBP_10202; WC_SESSION_ESTABLISHED=true; apptus.sessionKey=12d78ef0-7e2c-4538-a232-676f79ab40db; JSESSIONID=00018_QxvQsLKdsstREyYTj1FHd:a10prel; __cfduid=d58779311bec0c6fef8d18dded5b3715d1542915118
  19. Post Data:
  20. emailLogonId=itsmcald@gmail.com&logonPassword=@Scooby345&storeId=10202&catalogId=10051&langId=-1&reLogonURL=ReturningCustomerLogIn&myAcctMain=1&fromOrderId=*&toOrderId=.&deleteIfEmpty=*&continue=1&createIfEmpty=1&calculationUsageId=-1&updatePrices=0&errorViewName=ReturningCustomerLogIn&previousPage=logon&returnPage=&doPrice=N&rememberMe=false&originalPage=https%3A%2F%2Fwww.studio.co.uk%2Fshop%2Fen%2Fstudio&preOriginalPage=&recoverAbandonedBasket=&RSADevicePrint=&geoLocation=&guestOrderId=&URL=OrderCalculate%3FURL%3DAjaxLogonForm%26calculationUsageId%3D-1%26calculationUsageId%3D-2%26calculationUsageId%3D-7%26updatePrices%3D0%26doPrice%3DN&logonId=
  21.  
  22.  
  23. <-----Received Headers----->
  24. HTTP/1.1 200 OK
  25. Date: Thu, 22 Nov 2018 19:32:28 GMT
  26. Content-Type: text/html;charset=UTF-8
  27. Transfer-Encoding: chunked
  28. Connection: keep-alive
  29. X-Frame-Options: SAMEORIGIN
  30. Vary: Host,Accept-Encoding
  31. Pragma: no-cache
  32. Cache-Control: no-store, no-cache
  33. Expires: now
  34. Content-Language: en-US
  35.  
  36. Set-Cookie: __cfruid=55936f027cf7259bfd2500c8ffa2133f391c76d4-1542915148; path=/; domain=.studio.co.uk; HttpOnly
  37.  
  38. Expect-CT: max-age=604800, report-uri="https://report-uri.cloudflare.com/cdn-cgi/beacon/expect-ct"
  39. Server: cloudflare
  40. CF-RAY: 47ddd27d6c8abfcc-MAN
  41.  
  42.  
  43.  
  44. <-----Received Source----->
  45. <!DOCTYPE HTML>
  46.  
  47. <!-- BEGIN ReturningLogin.jsp -->
  48.  
  49. <html lang="en" xml:lang="en">
  50. <head>
  51.  
  52. <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1.0" />
  53.  
  54.  
  55. <link rel="shortcut icon" href="/wcsstore/egl-credit-sas01/images/favicon.ico"/>
  56. <!--[if !IE]> -->
  57. <link rel="stylesheet" href="/wcsstore/egl-credit-sas01/compiled/css/global.css?v=50" type="text/css" />
  58. <!-- <![endif]-->
  59. <!--[if gt IE 9]>
  60. <link rel="stylesheet" href="/wcsstore/egl-credit-sas01/compiled/css/global.css?v=50" type="text/css"/>
  61. <![endif]-->
  62. <!--[if lte IE 9]>
  63. <link rel="stylesheet" href="/wcsstore/egl-credit-sas01/compiled/css/blessed-global.css?v=50" type="text/css"/>
  64. <![endif]-->
  65. <!--[if IE 7]><link rel="stylesheet" href="/wcsstore/egl-credit-sas01/css/custom/credit-ie7-override.css?v=50" type="text/css" /><![endif]-->
  66. <!--[if IE 8]><link rel="stylesheet" href="/wcsstore/egl-credit-sas01/css/custom/credit-ie8-override.css?v=50" type="text/css" /><![endif]-->
  67. <!--[if IE 9]><link rel="stylesheet" href="/wcsstore/egl-credit-sas01/css/custom/credit-ie9-override.css?v=50" type="text/css" /><![endif]-->
  68. <script>window.EGLTaggingData = {"user":{"userId":"-1002"},"page":{"breadcrumb":["Home","Register","Existing Customer"],"qubitType":"Content","environment":"www.studio.co.uk","gaType":"Content"}}</script>
  69. <script>var dataLayer = window.dataLayer = window.datalayer || [];</script>
  70. <script src='/wcsstore/egl-credit-sas01/compiled/js/GoogleAnalytics.js?ts=22112018'></script>
  71. <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-5FC3PLJ');</script><script src='/wcsstore/egl-credit-sas01/compiled/js/Qubit.js?ts=22112018'></script><script src='//d3c3cq33003psk.cloudfront.net/opentag-158025-studio.js' async defer></script><script src='https://cdn.esales.apptus.com/api/apptus-esales-api-1.2.3.min.js'></script>
  72. <script>var esalesObj = window.apptus.esales('wE0C967D3', 'UK', 'https://ie-api.esales.apptus.com');</script><script src='/wcsstore/egl-credit-sas01/compiled/js/Apptus.js?ts=22112018'></script>
  73.  
  74. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  75.  
  76. <!-- BEGIN CommonJSToInclude.jspf -->
  77.  
  78. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  79. <meta name="CommerceSearch" content="storeId_10202" />
  80.  
  81. <script type="text/javascript">
  82. var absoluteURL = "https://www.studio.co.uk/webapp/wcs/stores/servlet/";
  83. var imageDirectoryPath = "/wcsstore/egl-credit-sas01/";
  84. var styleDirectoryPath = "images/colors/color1/";
  85. var supportPaymentTypePromotions = false;
  86.  
  87. var subsFulfillmentFrequencyAttrName = "fulfillmentFrequency";
  88. var subsPaymentFrequencyAttrName = "paymentFrequency";
  89. var subsTimePeriodAttrName = "timePeriod";
  90. </script>
  91.  
  92. <!--[if lte IE 9]>
  93. <script type="text/javascript" src="/wcsstore/egl-credit-sas01/javascript/mobile/common/matchMedia.js?v=50"></script>
  94. <![endif]-->
  95. <script type="text/javascript" src="/wcsstore/egl-credit-sas01/javascript/mobile/common/enquire.js?v=50"></script>
  96. <script type="text/javascript" src="/wcsstore/dojo18/dojo/dojo.js" djConfig="parseOnLoad: false, isDebug: false, modulePaths: {storetext: '/wcsstore/egl-credit-sas01/'}, useCommentedJson: true,locale: 'en-us' "></script>
  97. <script type="text/javascript" src="/wcsstore/dojo18/dojo/dojodesktop.js" djConfig="parseOnLoad: false, isDebug: false, modulePaths: {storetext: '/wcsstore/egl-credit-sas01/'}, useCommentedJson: true,locale: 'en-us' "></script>
  98.  
  99. <!--[if !IE]><!-->
  100. <script type="text/javascript" src="/wcsstore/egl-credit-sas01/compiled/js/common-global.js?v=50"></script>
  101. <script defer type="text/javascript" src="/wcsstore/egl-credit-sas01/compiled/js/common-global-deferred.js?v=50"></script>
  102. <!--<![endif]-->
  103. <!--[if gt IE 8]>
  104. <script type="text/javascript" src="/wcsstore/egl-credit-sas01/compiled/js/common-global.js?v=50"></script>
  105. <![endif]-->
  106. <!--[if lte IE 8]>
  107. <script type="text/javascript" src="/wcsstore/egl-credit-sas01/compiled/js/legacy-ie-common-global.js?v=50"></script>
  108. <![endif]-->
  109.  
  110.  
  111.  
  112.  
  113. <script id="template_cookieInfo" type="text/html">
  114. <div id="cookieInfo" class="egl_quick_info_container">
  115. <div class="egl_pers_prompt_popup egl_box_style_16">
  116. <div class="egl_wrapper">
  117. <h2>
  118. Sorry. You need to alter your browser security settings to enable cookies before you can use some of the functions on this site, such as viewing your account details or placing an order. For instructions on how to change your cookie settings, please refer to your browsers Help menu.
  119. </h2>
  120. <div class="egl_buttons">
  121. <a class="egl_button_3 egl_no" onclick="javascript:jQuery('#cookieInfo').hide();" href="#">
  122. Close
  123. </a>
  124. <div class="egl_clear"></div>
  125. </div>
  126. </div>
  127. </div>
  128. </div>
  129. </script>
  130.  
  131.  
  132.  
  133.  
  134. <script type="text/javascript">
  135. $.noConflict();
  136. </script>
  137.  
  138.  
  139. <script type="text/javascript">
  140.  
  141. //Set the default NLS to use in the store.
  142. if(typeof storeNLS=='undefined' || storeNLS == null) {
  143. dojo.requireLocalization("storetext", "StoreText");
  144. storeNLS = dojo.i18n.getLocalization("storetext","StoreText");
  145. }
  146.  
  147. // Convert the WCParam object which contains request properties into javascript object
  148. var WCParamJS = {
  149. "storeId":'10202',
  150. "catalogId":'10051',
  151. "langId":'-1',
  152. "pageView":'',
  153. "orderBy":'',
  154. "orderByContent":'',
  155. "searchTerm":''
  156. };
  157.  
  158. dojo.addOnLoad(function() {
  159. ServiceDeclarationJS.setCommonParameters('-1','10202','10051');
  160. NewsletterSignUpJS.setCommonParameters('-1','10202','10051');
  161. NewsletterUnsubscribeJS.setCommonParameters('-1','10202','10051');
  162. PromotionRedemptionLimitJS.setCommonParameters('-1','10202','10051');
  163. PromotionRedemptionLimitJS.promoValidate();
  164. jQuery('#newsletterSignUpForm').bind('keypress keydown keyup', function(e){
  165. if(e.keyCode == 13) { e.preventDefault(); }
  166. });
  167. jQuery('#newsletterUnsubscribeForm').bind('keypress keydown keyup', function(e){
  168. if(e.keyCode == 13) { e.preventDefault(); }
  169. });
  170.  
  171. MessageHelper.setMessage("NL_SIGN_UP_SUCCESSFUL", "You have been successfully subscribed to our newsletter.");
  172.  
  173.  
  174. MessageHelper.setMessage("NL_SIGN_UP_FAILED", "An error occurred while editing your subscription. Please try again later.");
  175.  
  176.  
  177. MessageHelper.setMessage("NL_UNSUBSCRIBE_SUCCESSFUL", "You have been successfully unsubscribed from our newsletter.");
  178.  
  179.  
  180. MessageHelper.setMessage("NL_UNSUBSCRIBE_FAILED", "An error occurred while editing your subscription. Please try again later.");
  181.  
  182.  
  183. MessageHelper.setMessage("ERROR_EmailEmpty", "Please enter your email address.");
  184.  
  185.  
  186. MessageHelper.setMessage("ERROR_EmailTooLong", "It seems that the value entered for your email address is too long. Please edit this information and try again.");
  187.  
  188.  
  189. MessageHelper.setMessage("ERROR_INVALIDEMAILFORMAT", "It seems that the email address is not in a valid format. Please edit the email address and try again.");
  190. });
  191.  
  192. </script>
  193.  
  194.  
  195.  
  196. <script type="text/javascript">
  197. jQuery(document).ready(function() {
  198. var sessionPageView = 'grid';
  199. var sessionPageSize = '60';
  200.  
  201. //Create the cookies to store view options if they don't exist.
  202. if(jQuery.cookie('userPageViewPreference') ==null||jQuery.cookie('userPageViewPreference') == 'null'||typeof(jQuery.cookie('userPageViewPreference')) == 'undefined' || jQuery.cookie('userPageViewPreference') == "" ) {
  203. jQuery.cookie('userPageViewPreference', sessionPageView, {expires: 36500,path: '/' });
  204. }
  205.  
  206. //Create the cookies to store view options if they don't exist.
  207. if(jQuery.cookie('userPageSizePreference') == null) {
  208. jQuery.cookie('userPageSizePreference', sessionPageSize, {path: '/' });
  209. }
  210.  
  211.  
  212. var cookiePageView = jQuery.cookie('userPageViewPreference');
  213. var cookiePageSize = jQuery.cookie('userPageSizePreference');
  214.  
  215. if(sessionPageView != cookiePageView ) {
  216.  
  217. //If not on a lister page load cookie values into session variables here...
  218. jQuery.get('AjaxUpdateUserViewPreferences?catalogId=10051&langId=-1&storeId=10202' + '&pageView=' + cookiePageView + '&pageSize=' + cookiePageSize, function (data) {
  219. });
  220.  
  221. }
  222.  
  223. if(sessionPageSize != cookiePageSize ) {
  224.  
  225. //If not on a lister page load cookie values into session variables here...
  226. jQuery.get('AjaxUpdateUserViewPreferences?catalogId=10051&langId=-1&storeId=10202' + '&pageView=' + cookiePageView + '&pageSize=' + cookiePageSize, function (data) {
  227. });
  228.  
  229. }
  230.  
  231. });
  232.  
  233. jQuery(document).ready(function() {
  234. //Set adult store flag for js
  235. adultStoreFlag=false;
  236. });
  237. </script>
  238.  
  239.  
  240. <script type="text/javascript">
  241. var sessionChannel = '';
  242. var sessionTouchScreenFlag = '';
  243.  
  244. function isTouchOS() {
  245. return ('ontouchstart' in window) ? true : false;
  246. }
  247.  
  248. function detectAndUpdateChannel() {
  249. if(isTouchOS()) {
  250. sessionTouchScreenFlag = 'ON';
  251. } else {
  252. sessionTouchScreenFlag = 'OFF';
  253. }
  254. detectChannel();
  255. }
  256.  
  257. function detectChannel() {
  258. var width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
  259. if (width >= 738) {
  260. showWebsite();
  261. }
  262. if (width < 738) {
  263. showMobileSite();
  264. }
  265. }
  266.  
  267. function showWebsite() {
  268. sessionChannel = 'Website';
  269. jQuery(".egl_tablet").hide();
  270. jQuery(".egl_desktop").show();
  271. if(sessionTouchScreenFlag == 'OFF') {
  272. jQuery(".egl_desktop.egl_touch_screen").hide();
  273. }
  274. //if changed update session variables with ajax call.
  275. updateDeviceDetailsWhenChanged(sessionChannel, sessionTouchScreenFlag);
  276. }
  277.  
  278. function showMobileSite() {
  279. sessionChannel = 'Mobile';
  280. jQuery(".egl_desktop").hide();
  281. jQuery(".egl_tablet").show();
  282. if(sessionTouchScreenFlag == 'ON') {
  283. jQuery(".egl_tablet.egl_touch_screen").hide();
  284. }
  285. //if changed update session variables with ajax call.
  286. updateDeviceDetailsWhenChanged(sessionChannel, sessionTouchScreenFlag);
  287. }
  288.  
  289. function updateDeviceDetailsWhenChanged(sessionChannel, sessionTouchScreenFlag) {
  290.  
  291. currentSettings = sessionChannel +',' +sessionTouchScreenFlag;
  292. persistedSettings = jQuery.cookie('userScreen');
  293.  
  294. if (currentSettings != persistedSettings) {
  295. // details have changed, or were not set from before, so set cookie values and notify server
  296. jQuery.cookie('userScreen', currentSettings, {path: '/' });
  297. jQuery.get('AjaxUpdateChannelDeviceDetails?catalogId=10051&langId=-1&storeId=10202' + '&sessionChannel=' + sessionChannel + '&sessionTouchScreenFlag=' + sessionTouchScreenFlag, function (data){});
  298. }
  299. }
  300.  
  301.  
  302. //needs to fire on both load and resize
  303. enquire.register("screen and (max-width:738px)", {
  304. match : function() {
  305. detectAndUpdateChannel();
  306. },
  307. unmatch : function() {
  308. detectAndUpdateChannel();
  309. }
  310. });
  311.  
  312. enquire.register("screen and (min-width:739px)", {
  313. match : function() {
  314. detectAndUpdateChannel();
  315. },
  316. unmatch : function() {
  317. detectAndUpdateChannel();
  318. }
  319. });
  320.  
  321.  
  322. jQuery(document).ready(function(){
  323. // location of source codes, callback function after loading source codes, debug on
  324. parseData("/wcsstore/egl-credit-sas01/javascript/Custom/egl-seo/seo-source-codes.txt", determineSourceCode, false);
  325. });
  326. </script>
  327.  
  328.  
  329. <!-- END CommonJSToInclude.jspf -->
  330.  
  331. <script type="text/javascript" src="/wcsstore/egl-credit-sas01/javascript/UserArea/LogonForm.js"></script>
  332.  
  333.  
  334. <title>Sign In | Studio</title>
  335.  
  336. <script type="text/javascript">
  337. function submitLogonForm() {
  338. //Validate form.
  339. //WC_AccountDisplay_FormInput_logonId_In_Logon_1
  340. //Lower case email address input.
  341. jQuery("#WC_AccountDisplay_FormInput_logonId_In_Logon_1").val(jQuery.trim(jQuery("#WC_AccountDisplay_FormInput_logonId_In_Logon_1").val()).toLowerCase());
  342. var emailAddress = jQuery.trim(jQuery("#WC_AccountDisplay_FormInput_logonId_In_Logon_1").val());
  343. var password = jQuery.trim(jQuery("#WC_AccountDisplay_FormInput_logonPassword_In_Logon_1").val());
  344. //WC_AccountDisplay_FormInput_logonPassword_In_Logon_1
  345. reWhiteSpace = new RegExp(/^\s+$/);
  346.  
  347. if(emailAddress != null && reWhiteSpace.test(emailAddress) || emailAddress == "") {
  348. MessageHelper.formErrorHandleClient("WC_AccountDisplay_FormInput_logonId_In_Logon_1",MessageHelper.messages["ERROR_EmailEmpty"]);
  349. return false;
  350. }
  351.  
  352. if(password != null && reWhiteSpace.test(password) || password == "") {
  353. MessageHelper.formErrorHandleClient("WC_AccountDisplay_FormInput_logonPassword_In_Logon_1",MessageHelper.messages["ERROR_PasswordEmpty"]);
  354. return false;
  355. }
  356.  
  357.  
  358. //Add storeId to front of email address to create logon id.
  359. jQuery("#WC_AccountDisplay_FormInput_logonId_In_Logon_1_with_storeId").val("10202_" + jQuery("#WC_AccountDisplay_FormInput_logonId_In_Logon_1").val());
  360.  
  361. jQuery("input[name='RSADevicePrint']").val(encode_deviceprint());
  362.  
  363.  
  364. stopCollection();
  365.  
  366. var geoLocationJSON = getGeolocationStruct();
  367.  
  368. jQuery("input[name='geoLocation']").val(geoLocationJSON);
  369.  
  370. return submitSpecifiedForm(document.Logon);
  371. }
  372. </script>
  373.  
  374. <script type="text/javascript">
  375. dojo.addOnLoad(function() {
  376. LogonForm.setCommonParameters('-1','10202','10051');
  377.  
  378.  
  379. MessageHelper.setMessage("ERROR_EmailEmpty", "Please enter your email address.");
  380.  
  381. MessageHelper.setMessage("ERROR_PasswordEmpty", "Please enter a password.For security, make sure your password contains at least ; 8 characters ;1 letter; 1 number.");
  382.  
  383. MessageHelper.setMessage("BASKET_REDIRECT_CHECKOUT_MSG_NOT_LOGGEDIN", "The E-mail address you have entered is already associated with an account. Please log in to continue.");
  384.  
  385. MessageHelper.setMessage("USER_ALREADY_REGISTERED", "Your account is already registered. Please enter your login details below.");
  386. if(""=="Y"){
  387. //MessageHelper.displayStatusMessage(MessageHelper.messages["BASKET_REDIRECT_CHECKOUT_MSG_NOT_LOGGEDIN"],0);
  388. }
  389. if(""=="true"){
  390. MessageHelper.displayStatusMessage(MessageHelper.messages["USER_ALREADY_REGISTERED"],0);
  391. }
  392. });
  393. </script>
  394. <script type="text/javascript">
  395. jQuery(document).ready(function() {
  396. LogonForm.loadRememberMe(document.Logon);
  397.  
  398. var homeLink = jQuery("#widget_masthead_logo1 a").attr("href");
  399. var t = homeLink.split('/');
  400. var store = t.pop();
  401. if (store === "ace") {
  402. jQuery(".egl_careline_no").text("0371 200 0379");
  403. }
  404. });
  405. </script>
  406.  
  407. </head>
  408.  
  409. <body class="egl_account_display_page">
  410. <div class="egl_bg">
  411. <div class="egl_page">
  412. <div id="page">
  413. <!-- BEGIN CommonJSPFToInclude.jspf --><!-- BEGIN ProgressBar.jspf -->
  414. <div id="progress_bar_dialog" dojoType="dijit.Dialog" style="display: none;">
  415. <div id="progress_bar">
  416. <div id="loading_popup">
  417. <div class="top_left" id="WC_StoreCommonUtilities_div_1"><img src="/wcsstore/egl-credit-sas01/images/colors/color1/transparent.gif" alt="No image available"/></div>
  418. <div class="top_right" id="WC_StoreCommonUtilities_div_2"><img src="/wcsstore/egl-credit-sas01/images/colors/color1/transparent.gif" alt="No image available"/></div>
  419. <div class="header" id="WC_StoreCommonUtilities_div_3"></div>
  420. <div class="bodyarea" id="WC_StoreCommonUtilities_div_4">
  421. <div class="bodycontent" id="WC_StoreCommonUtilities_div_5">
  422. <img src="/wcsstore/egl-credit-sas01/images/colors/color1/loading.gif" width="44" height="44" border="0" alt="Your request is being processed."/>
  423. </div>
  424. </div>
  425. <div class="footer" id="WC_StoreCommonUtilities_div_6">
  426. <div class="bot_left" id="WC_StoreCommonUtilities_div_7"></div>
  427. <div class="bot_right" id="WC_StoreCommonUtilities_div_8"></div>
  428. </div>
  429. </div>
  430. </div>
  431. </div>
  432. <!-- END ProgressBar.jspf --><!-- BEGIN MessageDisplay.jspf -->
  433.  
  434. <span class="spanacce" id="MessageArea_ACCE_Title">Message Dialog</span>
  435. <div id="MessageArea" class="store_message" role="alert" aria-labelledby="MessageArea_ACCE_Title">
  436. <div id="msgpopup_content_wrapper" class="content">
  437. <div class="egl_wrapper">
  438. <a id="clickableErrorMessageImg" role="button" class="close right egl_close" href="JavaScript:MessageHelper.hideMessageArea();" title="Close">
  439. <img alt="close" src="/wcsstore/egl-credit-sas01/images/creatives/icons/quick-info-close.jpg">
  440.  
  441. <div class="close_icon left"></div>
  442. <div class="clear_float"></div>
  443. </a>
  444.  
  445. <div class="clear_float"></div>
  446.  
  447. <div class="message">
  448. <div class="message_icon left">
  449.  
  450. </div>
  451. <div class="message_text " role="region" aria-required="true" aria-labelledby="MessageArea">
  452.  
  453. <p id="ErrorMessageText">
  454. The following command exception has occurred during processing: &#034;java.lang.NullPointerException&#034;.
  455. </p>
  456. <a href="JavaScript:MessageHelper.hideMessageArea();" class="egl_button_3 right">Continue Shopping</a>
  457. </div>
  458. <div class="clear_float"></div>
  459. </div>
  460. </div>
  461. </div>
  462. </div>
  463. <span class="spanacce" id="ariaMessage_ACCE_Label">Display Update Message</span>
  464. <span class="spanacce" role="region" aria-labelledby="ariaMessage_ACCE_Label" id="ariaMessage" aria-live="assertive" aria-atomic="true" aria-relevant="additions"></span>
  465. <!-- END MessageDisplay.jspf -->
  466.  
  467. <span id="widget_product_comparison_ACCE_Label" class="spanacce">Product Compare Dialog</span>
  468. <div id="widget_product_comparison" style="display:none;" role="dialog" aria-labelledby="widget_product_comparison_ACCE_Label" title="Product Compare Dialog" >
  469. <div id="widget_product_comparison_popup" dojoType="dijit.Dialog" closeOnTimeOut="false">
  470. <div class="widget_product_comparison_popup widget_site_popup egl_box_style_15 egl_pop_up_container">
  471.  
  472. <div class="top">
  473. <div class="left_border"></div>
  474. <div class="middle"></div>
  475. <div class="right_border"></div>
  476. </div>
  477. <div class="clear_float"></div>
  478.  
  479. <div class="middle egl_wrapper">
  480. <div class="content_left_border">
  481. <div class="content_right_border">
  482. <div class="content">
  483. <div class="header">
  484. <h2 class="egl_main_heading_style_6"><span>Product Comparison</span></h2>
  485.  
  486. <div class="clear_float"></div>
  487. </div>
  488. <div class="body egl_box_style_16 egl_wishlist_popup_up_content">
  489. <div class="egl_wrapper">
  490. <p>The maximum number of products that can be compared is 4. Please refine your selection.</p>
  491. </div>
  492. </div>
  493.  
  494. <div class="footer egl_buttons">
  495. <div class="button_container ">
  496. <a href="#" id="ComparePopupOK" class="button_primary egl_button_10 egl_continue_shopping" tabindex="0" onclick="dijit.byId('widget_product_comparison_popup').hide();return false;" title="OK">
  497. <div class="left_border"></div>
  498. <div class="button_text">OK</div>
  499. <div class="right_border"></div>
  500. </a>
  501. <div class="clear_float"></div>
  502. </div>
  503.  
  504. </div>
  505. <div class="clear_float"></div>
  506.  
  507. </div>
  508.  
  509. </div>
  510.  
  511. </div>
  512. </div>
  513. <div class="clear_float"></div>
  514.  
  515. <div class="bottom">
  516. <div class="left_border"></div>
  517. <div class="middle"></div>
  518. <div class="right_border"></div>
  519. </div>
  520. <div class="clear_float"></div>
  521. </div>
  522. </div>
  523. </div><!-- END CommonJSPFToInclude.jspf --><!-- Header Nav Start --><!-- Import Header Widget -->
  524. <div class="header_wrapper_position" id="headerWidget">
  525. <!-- BEGIN Header.jsp -->
  526.  
  527. <div class="egl_header_wrapper">
  528.  
  529. <!-- EU Cookie Directive hotspot --><!-- BEGIN ContentRecommendation.jsp --><!-- emsName: EU_Cookie_Directive --><div class="eglEucContainer">
  530. <div class="egl_foundation">
  531. <div id="euc_wrapper">
  532. <div class="eu_cookie_message">
  533. <div class="small-9 columns">
  534. <div class="cookie_main_msg">
  535. We use cookies to make sure your customer experience runs smoothly.
  536. </div>
  537. <div class="cookie_main_sub_msg">
  538. By continuing your shopping journey we will assume you accept the use of cookies. For more information please check our <a id="eucPrivacy" href="/relative/content/terms-cookies-tracking">cookie policy</a>
  539. </div>
  540. </div>
  541. <div class="small-3 columns">
  542. <div class="cookie_message_close small-3 columns right">
  543. &times;
  544. </div>
  545. </div>
  546. </div>
  547. <div class="egl_clear"></div>
  548. </div>
  549. </div>
  550. </div>
  551.  
  552. <div aria-hidden='true' class='egl_euc egl_pop_up_container egl_popup_background_1'>
  553. <div class='egl_euc_pop_up_container egl_box_style_1 euTermsShortContainer'>
  554. <div class='egl_wrapper'>
  555. <a class='egl_close' href='javascript:void(0)' onclick='egl_close_cookie_policy()'>
  556. CLOSE <img src='/wcsstore/egl-credit-sas01/images/creatives/icons/quick-info-close.jpg' />
  557. </a>
  558. <div id='egl_euc_main'>
  559. <div id="eu_cookie_terms">
  560. <div class="euTermsLightbox">
  561. Your Request is being processed.
  562. <br>
  563. <img src="/wcsstore/egl-credit-sas01/images/colors/color1/loading.gif" width="44" height="44" border="0" alt="Your request is being processed.">
  564. </div>
  565. </div>
  566. </div>
  567. </div>
  568. </div>
  569. </div>
  570.  
  571. <script>
  572. euMessageLimitOverride = -1; //manual override for number of times cookie message is shown
  573. // euMessagePromOverride = 2; //manual override for message prominence 1 = prominent 2 = subtle
  574. // euMessagePositionOverride = 3; // 1 = top fixed (stays in view) ; 2 = top static (scrolls out of view) ; 3 bottom fixed (stays in viewport)
  575. // euMessagePositionMobileOverride = 3; // 1 = top fixed (stays in view) ; 2 = top static (scrolls out of view) ; 3 bottom fixed (stays in viewport)
  576. </script><!-- END ContentRecommendation.jsp -->
  577. <script>
  578. var isGuest = true;
  579. function logonWithURL(url){
  580. // Perform this as javascript so that the url isn't cached
  581. //get Current URL
  582. var currentURL = window.location.href;
  583. window.location = url + "&originalPage=" + currentURL;
  584. }
  585. </script>
  586.  
  587. <script type="text/javascript">
  588. jQuery(document).on('click','#SignOutLink',function(){
  589. jQuery.removeCookie('gaWebRegistrationType', { path: '/' });
  590. });
  591. </script>
  592.  
  593.  
  594. <div class="egl_access_keys">
  595. <p>Access Keys:</p>
  596. <ul>
  597. <li><a rel="nofollow" accesskey="S" href="#egl_contentstart">Skip navigation</a></li>
  598. <li><a rel="nofollow" accesskey="1" href="http://www.studio.co.uk/shop/en/studio" >Home page (access key 1)</a></li>
  599. <li><a rel="nofollow" accesskey="2" href="http://www.studio.co.uk/shop/en/studio/catalogues">Latest Catalogues (access key 2)</a></li>
  600. <li><a rel="nofollow" accesskey="3" href="http://www.studio.co.uk/shop/en/studio/category-A-Z">A to Z Index (access key 3)</a></li>
  601. <li><a rel="nofollow" accesskey="4" href="javascript: document.getElementById('SimpleSearchForm_SearchTerm').focus();">Search (access key 4)</a></li>
  602. <li><a rel="nofollow" accesskey="5" href="http://www.studio.co.uk/shop/en/studio/content/help">FAQ (access key 5)</a></li>
  603. <li><a rel="nofollow" accesskey="6" href="http://www.studio.co.uk/shop/en/studio/content/help">Help (access key 6)</a></li>
  604. <li><a rel="nofollow" accesskey="7" href="http://www.studio.co.uk/shop/en/studio/content/terms-complaint">Complaints procedure (access key 7)</a></li>
  605. <li><a rel="nofollow" accesskey="8" href="http://www.studio.co.uk/shop/en/studio/content/terms-about">Terms &amp; Conditions (access key 8)</a></li>
  606. <li><a rel="nofollow" accesskey="9" href="http://www.studio.co.uk/shop/en/studio/content/contact">Feedback form (access key 9)</a></li>
  607. <li><a rel="nofollow" accesskey="0" href="http://www.studio.co.uk/shop/en/studio/content/accessibility">Access key details (access key 0)</a></li>
  608. </ul>
  609. </div>
  610.  
  611.  
  612.  
  613.  
  614. <div class="header_wrapper egl_header " role="banner">
  615.  
  616. <p style="position: absolute;"></p>
  617. <!--For border customization -->
  618. <div class="header_top">
  619. <div class="left_border"></div>
  620. <div class="middle"></div>
  621. <div class="right_border"></div>
  622. </div>
  623. <!-- Main Header Area -->
  624. <div class="header_left_shadow">
  625. <div class="header_right_shadow">
  626. <div class="header">
  627. <!-- Start Header Content --><!-- Start Masthead -->
  628. <div id="masthead">
  629. <div class="top"></div>
  630. <div class="content">
  631. <div class="egl_header_top_row">
  632. <!-- Masthead Logo Widget -->
  633. <div class="widget_masthead_logo_position egl_head_logo">
  634. <div id="widget_masthead_logo1">
  635.  
  636. <a href="http://www.studio.co.uk/shop/en/studio">
  637. <img class="egl_verisign" src="/wcsstore/studio/images/logos/logo-header.png" alt="Studio" />
  638. </a>
  639. <!-- <a href="http://www.studio.co.uk/shop/en/studio">
  640. <img class="egl_verisign" src="/wcsstore/studio/images/logos/logo-header.png" alt="Studio" />
  641. </a> -->
  642. </div>
  643. </div>
  644. <!-- End Masthead Logo Widget --><!-- Contact number next to logo --><!-- <div class="egl_contact_no">
  645. <p class="egl_orderline">Orderline:0872 7370 000</p>
  646. </div> -->
  647. <!-- End contact number -->
  648.  
  649. <div class="egl_search_links">
  650. <!-- Masthead Links Widget -->
  651. <div class="widget_masthead_links_position egl_head_links " role="navigation">
  652. <div id="widget_masthead_links">
  653. <div class="left">
  654. <div id="masthead_espot">
  655.  
  656. </div>
  657.  
  658. <div class="masthead_links">
  659. <div class="content">
  660. <span class="masthead_links_container">
  661. <ul>
  662.  
  663. <li class="egl_your_account egl_first"><a id="MyAccountLink" href="#" onclick="logonWithURL('LogonForm?catalogId=10051&myAcctMain=1&langId=-1&storeId=10202')">My Account</a></li>
  664.  
  665. <li><a href="MyAccountOrders?trackOrders=Y&catalogId=10051&langId=-1&viewOrders=Y&storeId=10202&URL=MyAccountOrders%3FtrackOrders%3DY%26catalogId%3D10051%26langId%3D-1%26viewOrders%3DY%26storeId%3D10202">Track My Order</a></li>
  666. <li class="egl_last"><a href="http://www.studio.co.uk/shop/en/studio/quick-shop">Quick Shop</a></li>
  667. </ul>
  668. <div class="egl_clear"></div>
  669.  
  670. </span>
  671. </div>
  672. </div>
  673.  
  674. </div>
  675. <div class="right" style="display:none;">
  676. <div class="social_avatar">
  677. </div>
  678. </div>
  679. <div class="clear_float"></div>
  680. </div>
  681. </div>
  682. <!-- End Masthead Links Widget -->
  683. <div class="navigation">
  684. <!-- Search Widget -->
  685. <div id="searchComponent" class="egl_head_search">
  686. <!-- BEGIN Search.jsp -->
  687.  
  688.  
  689. <meta name="CommerceSearch" content="storeId_10202" />
  690. <!-- Begin Search Widget -->
  691. <script type="text/javascript">
  692. dojo.addOnLoad(function(){
  693. SearchJS.setApptusParams('true','/searchtypeahead/','description,colour,colourgroup,searchdata,features,keywords,definingattrdata,genre');
  694. SearchJS.setBrandCategorySuggestURL('SearchDisplay?langId=-1&amp;storeId=10202&amp;catalogId=10051&amp;sType=SimpleSearch');
  695. SearchJS.init();
  696. SearchJS.setAdultStoreFlag('false');
  697. SearchJS.setCachedSuggestionsURL('SearchComponentCachedSuggestionsView?langId=-1&amp;storeId=10202&amp;catalogId=10051');
  698. SearchJS.setAutoSuggestURL('SearchComponentAutoSuggestView?coreName=MC_10001_CatalogEntry_en_US&amp;serverURL=http%3a%2f%2fpresolr.24studio.co.uk%3a3737%2fsolr%2fMC_10001_CatalogEntry_en_US&amp;langId=-1&amp;storeId=10202&amp;catalogId=10051');
  699. });
  700.  
  701. // The primary Array to hold all static search suggestions
  702. var staticContent = new Array();
  703.  
  704. // The titles of each search grouping
  705. var staticContentHeaders = new Array();
  706. </script>
  707.  
  708.  
  709.  
  710. <form name="CatalogSearchForm" action="SearchDisplay" method="get" id="CatalogSearchForm">
  711.  
  712. <!-- Search Widget -->
  713. <div class="widget_search_position" role="search">
  714. <div id="widget_search">
  715. <div class="left_border"></div>
  716. <div class="content">
  717.  
  718. <label for="SimpleSearchForm_SearchTerm" class="nodisplay">Search by Keyword or Item No</label>
  719. <input type="text" class="search_input gray_color" placeholder="" name="searchTerm" id="SimpleSearchForm_SearchTerm" autocomplete="off" maxlength="65" tabindex="0" title="Press the Up or Down Arrow keys to navigate through the search suggestions. Suggested site content and search history, if any, are included after the suggestions. Press the Enter key for all search results." onkeypress="return SearchJS._onKeyPress(event);" value='Search by Keyword or Item No'></input>
  720. <input id="search_categoryId" type="hidden" name="categoryId" value=""/>
  721. <button type="submit" id="search_submit" class="search_submit egl_button_2" alt="Search" value="Search" >Search</button>
  722.  
  723. </div> <!-- content -->
  724. <div class="right_border"></div>
  725. <div class="clear_float"></div>
  726. </div> <!-- widget_search -->
  727. </div> <!-- widget_search_position --><!-- Refresh area to retrieve cached suggestions -->
  728. <span id="autoSuggestCachedSuggestions_div_ACCE_Label" class="spanacce">Suggested site content and search history menu</span>
  729. <div dojoType="wc.widget.RefreshArea" widgetId="AutoSuggestCachedSuggestions" controllerId="AutoSuggestCachedSuggestionsController" id="autoSuggestCachedSuggestions_div" role="region" aria-live="polite" aria-atomic="true" aria-relevant="all" style="display:none;" aria-labelledby="autoSuggestCachedSuggestions_div_ACCE_Label">
  730. </div>
  731.  
  732.  
  733. <input type="hidden" name="storeId" value='10202' />
  734. <input type="hidden" name="catalogId" value='10051' />
  735. <input type="hidden" name="langId" value='-1' />
  736. <input type="hidden" name="pageSize" value="40" />
  737. <input type="hidden" name="beginIndex" value="0" />
  738. <input type="hidden" name="sType" value="SimpleSearch" />
  739. <input type="hidden" name="resultCatEntryType" value="2" />
  740. <input type="hidden" name="showResultsPage" value="true" />
  741. <input type="hidden" name="searchSource" value="Q" />
  742. <input type="hidden" name="pageView" value="" />
  743. <input type="hidden" name="xTermType" value="term" />
  744. <input type="hidden" name="orderBy" value="" />
  745. <span id="searchTextHolder" class="nodisplay">Search by Keyword or Item No</span>
  746.  
  747. </form>
  748. <!-- End Search Widget --><!-- END Search.jsp -->
  749. </div>
  750. <!-- End Search Widget -->
  751. </div>
  752. </div>
  753.  
  754.  
  755.  
  756. <!-- MiniShopCart Widget -->
  757. <div class="widget_minishopcart_position egl_mini_bag">
  758. <div class="egl_contact_no">
  759. <p class="egl_orderline">Orderline: <span>0872 7370 000</span></p>
  760. </div>
  761.  
  762.  
  763. <span id="MiniShoppingCart_Label" class="spanacce">Shopping Basket</span>
  764. <div dojoType="wc.widget.RefreshArea" id="MiniShoppingCart" widgetId="MiniShoppingCart"
  765. controllerId="MiniShoppingCartController"
  766. ariaMessage="Shopping Basket Display Updated" ariaLiveId="ariaMessage"
  767. role="region" aria-labelledby="MiniShoppingCart_Label">
  768. <!-- BEGIN MiniShopCartDisplay.jsp -->
  769. <script type="text/javascript">
  770. dojo.addOnLoad(function() {
  771. setMiniShopCartControllerURL(getAbsoluteURL()+'MiniShopCartDisplayView?storeId=10202&catalogId=10051&langId=-1&pageName=');
  772. });
  773. </script>
  774.  
  775.  
  776.  
  777. <script type="text/javascript">
  778. function closeA2BDialog() {
  779. if(dijit.byId("quick_cart_container") == null || dijit.byId("quick_cart_container") == "undefined") {
  780. jQuery("#MiniShopCartProductAdded").hide();
  781. shoppingActionsJS.setStaticContentPage();
  782. dijit.byId("MiniShoppingCart").refresh();
  783. } else {
  784. dijit.byId("quick_cart_container").hide();
  785. shoppingActionsJS.resetProductPage();
  786. }
  787. shoppingActionsJS.submissionAllowed = true;
  788. }
  789.  
  790. function refreshEspot() {
  791. wc.render.updateContext('TopBannerESpot_Context', {'emsName': document.getElementById("topBannerName").value});
  792. }
  793.  
  794. function goToBasket(shoppingCartURL) {
  795. window.location.href = shoppingCartURL + "&preOriginalPage=" + encodeURIComponent(window.location.href);
  796. }
  797. </script>
  798.  
  799.  
  800. <div id="widget_minishopcart" role="button" tabindex="0"
  801. onclick="javascript:showMiniShopCartDropDown('widget_minishopcart','quick_cart_container','orderItemsList');"
  802. onKeyPress="javascript:showMiniShopCartDropDownEvent(event,'widget_minishopcart','quick_cart_container','orderItemsList');"
  803. onMouseOver="javascript:showMiniShopCartDropDown('widget_minishopcart','quick_cart_container','orderItemsListAutoClose');">
  804. <div id="miniShopCartLeftCorner" class="left_border"></div>
  805. <div class="egl_mini_bag_icon">
  806. <img class="egl_web_ivory_only" src="/wcsstore/studio/images/icons/mini-bag-shopping-bag.jpg" alt="Mini shop bag" />
  807. </div>
  808. <div id="miniShopCartBody" class="content egl_mini_bag_links">
  809.  
  810. <ul class="egl_mini_bag_checkout_links">
  811. <li>
  812. <span class="miniShopCartQty">0</span> item(s) : &pound;0.00
  813. </li>
  814. <li class="egl_first"><a href="OrderStockCheck?calculationUsageId=-1&calculationUsageId=-2&updatePrices=1&catalogId=10051&errorViewName=AjaxOrderItemDisplayView&orderId=.&langId=-1&storeId=10202&URL=AjaxOrderItemDisplayView" id="mini_view_basket">View Basket</a></li>
  815. <li><a href="OrderStockCheck?calculationUsageId=-1&calculationUsageId=-2&updatePrices=1&catalogId=10051&errorViewName=AjaxOrderItemDisplayView&orderId=.&langId=-1&storeId=10202&URL=AjaxOrderItemDisplayView" id="mini_checkout">Checkout</a></li>
  816. </ul>
  817.  
  818. <div class="cart_icon"></div>
  819. <div class="arrow"></div>
  820. </div>
  821. <div id="miniShopCartRightCorner" class="right_border"></div>
  822. <div class="clear_float"></div>
  823. </div>
  824.  
  825. <div id="placeHolder"></div>
  826.  
  827. <div id="quick_cart_container">
  828.  
  829. <div id="quick_cart">
  830. <div id ="MiniShopCartProductsList" style="display:none" class="egl_mini_bag_drop_down">
  831. <div id="widget_minishopcart_popup">
  832. <div class="top">
  833. <div class="left_border"></div>
  834. <div class="middle_tile"></div>
  835. <div class="right_border"></div>
  836. </div>
  837. <div class="middle">
  838. <div class="left_border">
  839. <div class="right_border">
  840. <div class="content">
  841. <div class="egl_top_links">
  842. <span class="egl_mobile_only">Your Basket:</span>
  843. <a id="MiniShopCartCloseButton_1" href="javascript:if(dijit.byId('quick_cart_container')== null || dijit.byId('quick_cart_container') == 'undefined') {javascript:window.parent.document.getElementById('MiniShopCartProductAdded').style.display = 'none'; shoppingActionsJS.setStaticContentPage(); dijit.byId('MiniShoppingCart').refresh();} else {dijit.byId('quick_cart_container').hide();}" class="close_control">
  844.  
  845. <span class="close">HIDE BASKET</span>
  846. <img src="/wcsstore/studio/images/icons/mini-bag-close-popup.jpg" alt="Close" />
  847. </a>
  848. </div>
  849. <div class="egl_mini_bag_items_container">
  850.  
  851. <div class="egl_mini_bag_item">
  852. <div class="empty">Your basket is empty</div>
  853. </div>
  854.  
  855. </div>
  856. <div class="egl_bottom_links">
  857.  
  858. <a href="OrderStockCheck?calculationUsageId=-1&calculationUsageId=-2&updatePrices=1&catalogId=10051&errorViewName=AjaxOrderItemDisplayView&orderId=.&langId=-1&storeId=10202&URL=AjaxOrderItemDisplayView" id="mini_goto_basket" class="egl_button_1">Checkout</a>
  859.  
  860. </div>
  861. </div>
  862. </div>
  863. </div>
  864. </div>
  865. <div class="bottom">
  866. <div class="left_border"></div>
  867. <div class="middle_tile"></div>
  868. <div class="right_border"></div>
  869. </div>
  870. </div>
  871. </div>
  872.  
  873. <div id = "MiniShopCartProductAdded" style="display:none" class="egl_popup_background_1">
  874. <div id="widget_minishopcart_popup_1" class="egl_added_to_basket_popup_container egl_box_style_15 egl_pop_up_container">
  875. <div class="top">
  876. <div class="left_border"></div>
  877. <div class="middle_tile"></div>
  878. <div class="right_border"></div>
  879. </div>
  880. <div class="middle egl_wrapper">
  881. <div class="left_border">
  882. <div class="right_border">
  883. <div class="content">
  884. <div class="egl_added_to_basket_header_container">
  885. <h2><img src="/wcsstore/egl-credit-sas01/images/creatives/icons/added-to-bag-tick.png" />Item successfully added to basket</h2>
  886. <div class="go_to_cart egl_buttons">
  887.  
  888. <a id="MiniShopCartCloseButton_2" href="#" onclick="closeA2BDialog(); return false;" class="close_control egl_button_3 egl_continue_shopping">
  889. <div class="close">Continue Shopping</div>
  890. </a>
  891.  
  892. <a id="GotoCartButton2" href="#" class="button_primary egl_button_10 egl_checkout" tabindex="0" onclick="closeA2BDialog(); goToBasket('OrderStockCheck?calculationUsageId=-1&calculationUsageId=-2&updatePrices=1&catalogId=10051&errorViewName=AjaxOrderItemDisplayView&orderId=.&langId=-1&storeId=10202&URL=AjaxOrderItemDisplayView')">
  893. <div class="left_border"></div>
  894. <div class="button_text">Go To Checkout</div>
  895. </a>
  896. </div>
  897. <div class="egl_buttons">
  898. </div>
  899. </div>
  900. <div class="egl_clear"></div>
  901. <div class="egl_suggested_products_container">
  902.  
  903. </div>
  904.  
  905. </div>
  906. </div>
  907. </div>
  908. </div>
  909. <div class="bottom">
  910. <div class="left_border"></div>
  911. <div class="middle_tile"></div>
  912. <div class="right_border"></div>
  913. </div>
  914. </div>
  915. </div>
  916. </div>
  917. </div>
  918.  
  919. <div id='updatedEGLTaggingBasket' style='visibility:hidden;display:none'>
  920. null</div>
  921.  
  922.  
  923. <script>
  924.  
  925. // Updates the EGL Tagging Variable with the latest basket information
  926. function updateEGLTaggingBasket() {
  927.  
  928. var updatedBasketData = JSON.parse(document.getElementById('updatedEGLTaggingBasket').innerHTML);
  929.  
  930. if(updatedBasketData != null) {
  931. window.EGLTaggingData.basket = updatedBasketData;
  932. } else {
  933. delete window.EGLTaggingData.basket;
  934. }
  935.  
  936. if(typeof(universal_variable) !== 'undefined') {
  937. refreshQubitUVBasket();
  938. }
  939. }
  940.  
  941. </script>
  942.  
  943. <!-- END MiniShopCartDisplay.jsp -->
  944. </div>
  945.  
  946.  
  947. </div>
  948. <script>
  949. /* This strange little script adds <span>s with a '-' within them into the orderline
  950. * phone number. The reason why is that the iPad won't display the numbers unless they
  951. * have a leading special character or letter. I don't know why. I added those and then
  952. * hid them which fixed the issue.
  953. */
  954. var foo = jQuery(".egl_orderline span").text();
  955. var bar = foo.split(" ");
  956. var t = "";
  957. for (var i = 0; bar.length > i; i++) {
  958. bar[i] = "<span>-</span>" + bar[i];
  959. t += bar[i];
  960. }
  961. jQuery(".egl_orderline span").html(t);
  962. </script>
  963. <!-- End MiniShopCart Widget -->
  964. <div class="egl_clear"></div>
  965. </div>
  966. <div class="egl_clear"></div>
  967.  
  968. <!-- BEGIN TopNavigation.jsp -->
  969. <div id="megaMenuHolder">
  970. </div>
  971.  
  972. <script>
  973. if (window.screen.width >= 739) {
  974. MegaMenuJS.getDesktopJS("/wcsstore/egl-credit-sas01/javascript/generated/MegaMenu_10202.js?v=500");
  975. }
  976.  
  977. jQuery(window).on('resize', function(){
  978. if ( MegaMenuJS.isMenuVisible('desktop') && !MegaMenuJS.isMenuJSLoaded('desktop') ){
  979. MegaMenuJS.getDesktopJS("/wcsstore/egl-credit-sas01/javascript/generated/MegaMenu_10202.js?v=500");
  980. }
  981. });
  982. </script>
  983. <!-- END TopNavigation.jsp -->
  984.  
  985. <div class="egl_top_nav egl_desktop">
  986. <div class="egl_clear"></div>
  987.  
  988.  
  989. <input type="hidden" id = "topBannerName" name="topBannerName" value='Misc_Top_Banner'/>
  990.  
  991. <!-- BEGIN ContentRecommendation.jsp --><!-- emsName: Misc_Top_Banner --><!-- END ContentRecommendation.jsp **EMPTY** -->
  992. <div class="egl_clear"></div>
  993.  
  994. </div>
  995.  
  996. </div>
  997.  
  998. </div>
  999. <!-- End Masthead --><!-- End Header Content -->
  1000. </div>
  1001. </div>
  1002. </div>
  1003. <!--For border customization -->
  1004. <div class="header_bottom">
  1005. <div class="left_border"></div>
  1006. <div class="middle"></div>
  1007. <div class="right_border"></div>
  1008. </div>
  1009. </div>
  1010. <!-- Start SearchDropdownWidget -->
  1011. <div id="autoSuggest_Result_div" style="display:none;">
  1012. <div id="widget_search_dropdown" class="widget_search_dropdown_position">
  1013. <div class="widget_search_dropdown">
  1014.  
  1015. <!-- Top Border Styling -->
  1016. <div class="top">
  1017. <div class="left_border"></div>
  1018. <div class="middle"></div>
  1019. <div class="right_border"></div>
  1020. </div>
  1021. <div class="clear_float"></div>
  1022.  
  1023. <!-- Main Content Area -->
  1024. <div class="content_left_border">
  1025. <div class="content_right_border">
  1026.  
  1027. <div id="AutoSuggestDiv" class="content" role="region" aria-required="true" aria-labelledby="AutoSuggestDiv" onmouseover="SearchJS.autoSuggestHover = true;" onmouseout="SearchJS.autoSuggestHover = false; document.getElementById('SimpleSearchForm_SearchTerm').focus();">
  1028.  
  1029. <span id="autoSuggestDynamic_Result_div_ACCE_Label" class="spanacce">Suggested keywords menu</span>
  1030. <div dojoType="wc.widget.RefreshArea" widgetId="autoSuggestDisplay_Widget" controllerId="AutoSuggestDisplayController" id="autoSuggestDynamic_Result_div" role="region" aria-live="polite" aria-atomic="true" aria-relevant="all" aria-labelledby="autoSuggestDynamic_Result_div_ACCE_Label" >
  1031.  
  1032. </div>
  1033.  
  1034. <div id="autoSuggestStatic_1"></div>
  1035. <div id="autoSuggestStatic_2"></div>
  1036. <div id="autoSuggestStatic_3"></div>
  1037. <div id="autoSuggestHistory"></div>
  1038. <div class="heading"> <a href="#" id="viewAllResults" ><div>View all results</div></a> </div>
  1039.  
  1040. <!-- End content Section -->
  1041. </div>
  1042.  
  1043. <!-- End content_right_border -->
  1044. </div>
  1045. <!-- End content_left_border -->
  1046. </div>
  1047.  
  1048. <!-- Bottom Border Styling -->
  1049. <div class="bottom">
  1050. <div class="left_border"></div>
  1051. <div class="middle"></div>
  1052. <div class="right_border"></div>
  1053. </div>
  1054.  
  1055. </div>
  1056. </div>
  1057. <!-- End SearchDropdownWidget -->
  1058. </div>
  1059.  
  1060. <!-- BEGIN MergeBasketPrompt.jsp -->
  1061. <script type="text/javascript">
  1062.  
  1063. var changed = false;
  1064.  
  1065. function removeParam(key, sourceURL) {
  1066. changed=false;
  1067. var rtn = sourceURL.split("?")[0],
  1068. param,
  1069. params_arr = [],
  1070. queryString = (sourceURL.indexOf("?") !== -1) ? sourceURL.split("?")[1] : "";
  1071. if (queryString !== "") {
  1072. params_arr = queryString.split("&");
  1073. for (var i = params_arr.length - 1; i >= 0; i -= 1) {
  1074. param = params_arr[i].split("=")[0];
  1075. if (param === key) {
  1076. params_arr.splice(i, 1);
  1077. changed=true;
  1078. }
  1079. }
  1080. rtn = rtn + "?" + params_arr.join("&");
  1081. }
  1082. return rtn;
  1083. }
  1084.  
  1085. jQuery(document).ready(function(){
  1086. var fromRegFlow = "";
  1087. var user = "G";
  1088. if(fromRegFlow == 'Yes' && user != 'G'){
  1089.  
  1090. MessageHelper.setMessage("LOGIN_REDIRECT_CHECKOUT_MSG", "You have been logged in because the e-mail address and password you have entered are already associated with an account. Please continue.");
  1091. MessageHelper.displayStatusMessage(MessageHelper.messages["LOGIN_REDIRECT_CHECKOUT_MSG"],0);
  1092. setTimeout(function(){
  1093. jQuery('.merge_basket_background_1').css({ 'display': 'block' });
  1094. jQuery('.egl_popup_background_1').attr('tabIndex',0).focus();
  1095. }, 2000);
  1096. } else {
  1097. jQuery('.merge_basket_background_1').css({ 'display': 'block' });
  1098. jQuery('.egl_popup_background_1').attr('tabIndex',0).focus();
  1099. }
  1100.  
  1101. // Remove the string 'promptBasketMerge' from the url for history purposes (back button shouldn't show the prompt)
  1102. var url = removeParam("promptBasketMerge",window.location.href);
  1103. url = removeParam("promptBasketExist",url);
  1104. if (changed){
  1105. changed = false;
  1106. history.pushState(null, null, url);
  1107. }
  1108. });
  1109. </script><!-- END MergeBasketPrompt.jsp --><!-- BEGIN IncompleteOrdersPrompt.jsp --><!-- promptBasketMerge: , promptBasketExist: , promptIncompleteOrders: , delayIncompleteOrderPrompt: -->
  1110. <script type="text/javascript">
  1111.  
  1112. var changed = false;
  1113.  
  1114. function removeParam(key, sourceURL) {
  1115. changed=false;
  1116. var rtn = sourceURL.split("?")[0],
  1117. param,
  1118. params_arr = [],
  1119. queryString = (sourceURL.indexOf("?") !== -1) ? sourceURL.split("?")[1] : "";
  1120. if (queryString !== "") {
  1121. params_arr = queryString.split("&");
  1122. for (var i = params_arr.length - 1; i >= 0; i -= 1) {
  1123. param = params_arr[i].split("=")[0];
  1124. if (param === key) {
  1125. params_arr.splice(i, 1);
  1126. changed=true;
  1127. }
  1128. }
  1129. rtn = rtn + "?" + params_arr.join("&");
  1130. }
  1131. return rtn;
  1132. }
  1133.  
  1134. function showIncompleteOrderPrompt() {
  1135. jQuery('.incomplete_order_prompt_background_1').css({ 'display': 'block' });
  1136. jQuery('.egl_added_to_basket_popup_container').attr('tabIndex',0).focus();
  1137. }
  1138.  
  1139. function hideIncompleteOrderPrompt() {
  1140. jQuery('.incomplete_order_prompt_background_1').css({ 'display': 'none' });
  1141. }
  1142.  
  1143. jQuery(document).ready(function(){
  1144. var delay = "";
  1145.  
  1146. if (!delay) {
  1147. showIncompleteOrderPrompt();
  1148. }
  1149. // Remove the string 'promptIncompleteOrders' from the url for history purposes (back button shouldn't show the prompt)
  1150. var url = removeParam("promptIncompleteOrders", window.location.href);
  1151. url = removeParam("delayIncompleteOrderPrompt", window.location.href);
  1152.  
  1153. if (changed){
  1154. changed = false;
  1155. history.pushState(null, null, url);
  1156. }
  1157. });
  1158. </script><!-- END IncompleteOrdersPrompt.jsp -->
  1159.  
  1160. <div id="productIdQuickInfo" style="display:none"></div>
  1161. <div id="egl_contentstart"></div>
  1162. <div class="egl_mobile_only egl_header_mobile_wrapper">
  1163. <div class="egl_header_mobile">
  1164. <nav class="tab-bar egl_header_wrapper_div">
  1165. <section class="egl_left_small">
  1166. <ul class="egl_container_navigation">
  1167. <li class="left-off-canvas-toggle off-canvas-toggle egl_li_shopby">
  1168. <a href="javascript:return false;">
  1169. <div class="egl_nav_sprite egl_header_shopby"></div>
  1170. <span class="egl_navigation_list_inner">SHOP BY</span>
  1171. </a>
  1172. </li>
  1173. </ul>
  1174. </section>
  1175.  
  1176. <section class="middle tab-bar-section">
  1177. <ul class="egl_container_navigation">
  1178. <li class="egl_li_logo">
  1179. <a href="http://www.studio.co.uk/shop/en/studio">
  1180. <img class="egl_verisign" src="/wcsstore/studio/images/logos/logo-header.png" alt="Studio" />
  1181. <span class="egl_adult_only">Home</span>
  1182. </a>
  1183. </li>
  1184. <li class="egl_li_logo egl_adult_only">
  1185. <a href="http://www.studio.co.uk/shop/en/studio-adult">
  1186. <img class="egl_verisign" src="/wcsstore/studio/images/logos/logo-header-adult.png" alt="Studio" />
  1187. <span>Home</span>
  1188. </a>
  1189. </li>
  1190. <li class="egl_li_account">
  1191. <a href="AjaxLogonForm?catalogId=10051&myAcctMain=1&langId=-1&storeId=10202" class="egl_navigation_list">
  1192. <div class="egl_nav_sprite egl_header_account"></div>
  1193. <span class="egl_navigation_list_inner">MY ACCOUNT</span>
  1194. </a>
  1195. </li>
  1196.  
  1197. <!-- <li class="egl_li_orders">-->
  1198. <!-- <a href="MyAccountOrders?trackOrders=Y&catalogId=10051&langId=-1&viewOrders=Y&storeId=10202&URL=MyAccountOrders%3FtrackOrders%3DY%26catalogId%3D10051%26langId%3D-1%26viewOrders%3DY%26storeId%3D10202" class="egl_navigation_list">-->
  1199. <!-- <div class="egl_nav_sprite egl_header_orders"></div>-->
  1200. <!-- <span class="egl_navigation_list_inner">TRACK MY ORDERS</span>-->
  1201. <!-- </a>-->
  1202. <!-- </li>-->
  1203.  
  1204. <li class="egl_search_toggle egl_li_search">
  1205. <a href="#search">
  1206. <div class="egl_nav_sprite egl_header_search"></div>
  1207. <span class="egl_navigation_list_inner">SEARCH</span>
  1208. </a>
  1209. </li>
  1210. </ul>
  1211. </section>
  1212.  
  1213. <section class="egl_right_small">
  1214. <ul class="egl_container_navigation">
  1215. <li class="egl_li_basket">
  1216. <a class="egl_header_link_basket" href="javascript:return false;">
  1217. <div class="egl_nav_sprite egl_header_basket"></div>
  1218. <span class="egl_navigation_list_inner">BASKET</span>
  1219. <div class="egl_basket_count">&nbsp;</div>
  1220. </a>
  1221. </li>
  1222. </ul>
  1223. </section>
  1224. </nav>
  1225.  
  1226.  
  1227. <div class="egl_search_panel">
  1228. <div class="egl_search_padding">
  1229.  
  1230. <form id="egl_search_form_mobile" class="egl_search_form_mobile" name="CatalogSearchForm" action="SearchDisplay" method="get">
  1231. <ul class="egl_container_search">
  1232. <li class="egl_search_input">
  1233. <input autofocus type="text" name="searchTerm" placeholder="Search by Keyword or Item No" id="egl_search_input_mobile" autocomplete="off" onkeypress="return SearchJS._onKeyPress(event);"/>
  1234. </li>
  1235. <li class="egl_search_submit_button">
  1236. <a href="#search" class="egl_search_submit_button" id="egl_search_submit_mobile">
  1237. <div class="egl_nav_sprite egl_search_submit_icon"></div>
  1238. </a>
  1239. </li>
  1240. </ul>
  1241. <input type="hidden" name="storeId" value='10202' />
  1242. <input type="hidden" name="catalogId" value='10051' />
  1243. <input type="hidden" name="langId" value='-1' />
  1244. <input type="hidden" name="pageSize" value="20" />
  1245. <input type="hidden" name="beginIndex" value="0" />
  1246. <input type="hidden" name="sType" value="SimpleSearch" />
  1247. <input type="hidden" name="resultCatEntryType" value="2" />
  1248. <input type="hidden" name="showResultsPage" value="true" />
  1249. <input type="hidden" name="searchSource" value="Q" />
  1250. <input type="hidden" name="pageView" value="list" />
  1251. <input type="hidden" name="xTermType" value="term" />
  1252. <input type="hidden" name="orderBy" value="" />
  1253. </form>
  1254.  
  1255. </div>
  1256. </div>
  1257. </div>
  1258. <div class="egl_minimized_header_mobile" style="display:none;">
  1259.  
  1260. <ul class="egl_container_navigation">
  1261. <li class="egl_li_logo">
  1262. <a href="http://www.studio.co.uk/shop/en/studio">
  1263. <img class="egl_verisign" src="/wcsstore/studio/images/logos/logo-header.png" alt="Studio" />
  1264. </a>
  1265. </li>
  1266. <li class="egl_li_account">
  1267. <a href="AjaxLogonForm?catalogId=10051&myAcctMain=1&langId=-1&storeId=10202" class="egl_navigation_list">
  1268. <div class="egl_nav_sprite egl_header_account"></div>
  1269. <span class="egl_navigation_list_inner">MY ACCOUNT</span>
  1270. </a>
  1271. </li>
  1272. </ul>
  1273.  
  1274. <!-- <a href="AjaxLogonForm?catalogId=10051&myAcctMain=1&langId=-1&storeId=10202" class="egl_navigation_list">
  1275. <div class="egl_nav_sprite egl_header_account"></div>
  1276. <span class="egl_navigation_list_inner">MY ACCOUNT</span>
  1277. </a>-->
  1278. <!-- <a href="MyAccountOrders?trackOrders=Y&catalogId=10051&langId=-1&viewOrders=Y&storeId=10202&URL=MyAccountOrders%3FtrackOrders%3DY%26catalogId%3D10051%26langId%3D-1%26viewOrders%3DY%26storeId%3D10202" class="egl_navigation_list">
  1279. <span class="egl_navigation_list_inner">TRACK MY ORDERS</span>
  1280. </a>-->
  1281. </div>
  1282.  
  1283.  
  1284. <!-- BEGIN TopNavigation.jsp -->
  1285. <div id="megaMenuMobileHolder">
  1286. </div>
  1287.  
  1288. <script>
  1289. jQuery('document').ready(function(){
  1290. if ( MegaMenuJS.isMenuVisible('mobile') ){
  1291. MegaMenuJS.getMobileJS("/wcsstore/egl-credit-sas01/javascript/generated/MegaMenuMobile_10202.js?v=500");
  1292. }
  1293. });
  1294.  
  1295. jQuery(window).on('resize', function(){
  1296. if ( MegaMenuJS.isMenuVisible('mobile') && !MegaMenuJS.isMenuJSLoaded('mobile') ){
  1297. console.log('Mobile megamenu is visible');
  1298. MegaMenuJS.getMobileJS("/wcsstore/egl-credit-sas01/javascript/generated/MegaMenuMobile_10202.js?v=500");
  1299. }
  1300. });
  1301. </script>
  1302. <!-- END TopNavigation.jsp -->
  1303.  
  1304. <div class="egl_top_nav">
  1305. <div class="egl_clear"></div>
  1306. <!-- BEGIN ContentRecommendation.jsp --><!-- emsName: Misc_Top_Banner --><!-- END ContentRecommendation.jsp **EMPTY** -->
  1307. <div class="egl_clear"></div>
  1308.  
  1309. </div>
  1310. </div>
  1311.  
  1312. <script>
  1313. jQuery(".egl_header_link_basket").click(function(){
  1314. location.href = jQuery('#mini_goto_basket').attr('href');
  1315. });
  1316. </script>
  1317. </div>
  1318.  
  1319. <!-- END Header.jsp -->
  1320. </div>
  1321. <!-- Header Nav End --><!-- Main Content Start -->
  1322. <div class="content_wrapper_position egl_page_content" role="main">
  1323. <div class="egl_breadcrumb">
  1324. <p class="egl_crumb_label">You are here: </p>
  1325.  
  1326. <ul>
  1327. <li class="egl_first"><a href="TopCategoriesDisplay?catalogId=10051&langId=-1&storeId=10202">Home</a></li>
  1328. <li><a href="LogonForm?forgotRedirectURL=OrderCalculate%3FURL%3DAjaxLogonForm%26calculationUsageId%3D-1%26calculationUsageId%3D-2%26calculationUsageId%3D-7%26updatePrices%3D0%26doPrice%3DN&catalogId=10051&langId=-1&storeId=10202">Register</a></li>
  1329. <li class="egl_current_page">Existing Customer</li>
  1330. </ul>
  1331. <div class="egl_clear"></div>
  1332. </div>
  1333.  
  1334. <div class="egl_utility_bar">
  1335. <a href="#" title="Back" class="egl_back_button_mobile" onclick="javascript:window.history.back();return false;">
  1336. <div class="egl_back_chevron"></div>
  1337. <span class="egl_back_button_text">Back</span>
  1338. </a>
  1339. <div class="egl_existing_login_help_line">
  1340. <p>Need help? Call the careline on <span class="egl_careline_no">0371 200 0378</span>.</p>
  1341. </div>
  1342. </div>
  1343. <div class="content_wrapper egl_registration_options_container">
  1344. <div class="content_left_shadow">
  1345. <div class="content_right_shadow">
  1346. <div class="main_content">
  1347. <div class="sign_in_registration" id="WC_AccountDisplay_div_1">
  1348. <!-- BEGIN AccountDisplayContent.jspf -->
  1349. <script type="text/javascript" src="/wcsstore/egl-credit-sas01/javascript/mobile/custom/signIn.js"></script>
  1350. <script type="text/javascript">
  1351. dojo.addOnLoad(function() {
  1352.  
  1353. MessageHelper.setMessage("BASKET_REDIRECT_CHECKOUT_MSG_NOT_LOGGEDIN", "The E-mail address you have entered is already associated with an account. Please log in to continue.");
  1354. if(""=="Y"){
  1355. //MessageHelper.displayStatusMessage(MessageHelper.messages["BASKET_REDIRECT_CHECKOUT_MSG_NOT_LOGGEDIN"],0);
  1356. }
  1357. });
  1358.  
  1359. function notYouClick() {
  1360. jQuery.cookie('userRememberMe', '', { path: '/' });
  1361. jQuery("#loginHref")[0].click();
  1362. }
  1363. </script>
  1364.  
  1365. <div class="header_return egl_register_returning_customer_container" id="WC_AccountDisplay_div_3">
  1366.  
  1367. <div class="egl_box_style_8">
  1368. <div class="egl_wrapper">
  1369. <div class="myaccount_header" id="WC_AccountDisplay_div_4">
  1370. <h1 class="registration_header">
  1371. Returning Customer
  1372. <div class="egl_help_tip_1">
  1373. <!-- BEGIN ToolTipDisplay.jspf -->
  1374. <div class="egl_help_tip_icon"><a href="javascript: void(0);"><img src="/wcsstore/egl-credit-sas01/images/creatives/icons/tool-tip.png" alt="Tool tip icon"></a></div>
  1375. <!-- END ToolTipDisplay.jspf -->
  1376. <div class="egl_help_tip_popup" style="display: none;">
  1377. Sign In if you have already shopped with Studio and registered your account details on the site.
  1378. </div>
  1379. </div>
  1380. </h1>
  1381. </div>
  1382.  
  1383. <p>
  1384. Welcome Back! Enter your email and password below to Sign In to Your Account.
  1385. </p>
  1386.  
  1387.  
  1388. <div class="content" id="WC_AccountDisplay_div_6">
  1389.  
  1390. <form method="post" name="Logon" action="Logon" id="Logon">
  1391. <input type="hidden" name="storeId" value="10202" id="WC_AccountDisplay_FormInput_storeId_In_Logon_1"/>
  1392. <input type="hidden" name="catalogId" value="10051" id="WC_AccountDisplay_FormInput_catalogId_In_Logon_1"/>
  1393. <input type="hidden" name="langId" value="-1" id="WC_AccountDisplay_FormInput_langId_In_Logon_1"/>
  1394.  
  1395. <input type="hidden" name="reLogonURL" value="ReturningCustomerLogIn" id="WC_AccountDisplay_FormInput_reLogonURL_In_Logon_1"/>
  1396. <input type="hidden" name="myAcctMain" value="1"/>
  1397. <input type="hidden" name="fromOrderId" value="*" id="WC_AccountDisplay_FormInput_fromOrderId_In_Logon_1"/>
  1398. <input type="hidden" name="toOrderId" value="." id="WC_AccountDisplay_FormInput_toOrderId_In_Logon_1"/>
  1399. <input type="hidden" name="deleteIfEmpty" value="*" id="WC_AccountDisplay_FormInput_deleteIfEmpty_In_Logon_1" />
  1400. <input type="hidden" name="continue" value="1" id="WC_AccountDisplay_FormInput_continue_In_Logon_1" />
  1401. <input type="hidden" name="createIfEmpty" value="1" id="WC_AccountDisplay_FormInput_createIfEmpty_In_Logon_1" />
  1402. <input type="hidden" name="calculationUsageId" value="-1" id="WC_AccountDisplay_FormInput_calculationUsageId_In_Logon_1" />
  1403. <input type="hidden" name="updatePrices" value="0" id="WC_AccountDisplay_FormInput_updatePrices_In_Logon_1"/>
  1404. <input type="hidden" name="errorViewName" value="ReturningCustomerLogIn" id="WC_AccountDisplay_FormInput_errorViewName_In_Logon_1"/>
  1405. <input type="hidden" name="previousPage" value="logon" id="WC_AccountDisplay_FormInput_previousPage_In_Logon_1"/>
  1406. <input type="hidden" name="returnPage" value="" id="WC_AccountDisplay_FormInput_returnPage_In_Logon_1"/>
  1407. <input type="hidden" name="doPrice" value="N" />
  1408. <input type="hidden" name="rememberMe" value="false" />
  1409. <input type="hidden" name="originalPage" value="https://www.studio.co.uk/shop/en/studio" />
  1410. <input type="hidden" name="preOriginalPage" value="" />
  1411. <input type="hidden" name="recoverAbandonedBasket" value="" />
  1412. <input type="hidden" name="RSADevicePrint" value="" id="WC_AccountDisplay_FormInput_RSADevicePrint_In_Logon_1" />
  1413. <input type="hidden" name="geoLocation" value="" id="WC_AccountDisplay_FormInput_geoLocation_In_Logon_1" />
  1414.  
  1415.  
  1416. <input type="hidden" name="guestOrderId" value="" />
  1417.  
  1418. <input type="hidden" name="URL" value="OrderCalculate?URL=AjaxLogonForm&amp;calculationUsageId=-1&amp;calculationUsageId=-2&amp;calculationUsageId=-7&amp;updatePrices=0&amp;doPrice=N" id="WC_AccountDisplay_FormInput_URL_In_Logon_2" />
  1419.  
  1420. <div class="align egl_login_form_table" id="WC_AccountDisplay_div_7">
  1421.  
  1422.  
  1423. <p class="egl_error_message"><span class="myaccount_error" id="logonErrorMessage">The following command exception has occurred during processing: &#034;java.lang.NullPointerException&#034;.</span></p>
  1424. <script type="text/javascript">
  1425. dojo.addOnLoad(function() {
  1426. increaseHeight("WC_AccountDisplay_div_7", 15);
  1427. increaseHeight("WC_AccountDisplay_div_23", 15);
  1428. });
  1429. </script>
  1430.  
  1431. <div class="egl_row">
  1432. <div class="egl_label_column">
  1433. <p><label for="WC_AccountDisplay_FormInput_logonId_In_Logon_1">Email: <span class="egl_required">*</span></label></p>
  1434. </div>
  1435. <div class="egl_input_column">
  1436.  
  1437. <input aria-invalid=true aria-required="true" aria-describedby="logonErrorMessage logonWaitingActivationMessage" size="35" type="text" autocapitalize="off" autocorrect="off" autocomplete="off" name="emailLogonId" id="WC_AccountDisplay_FormInput_logonId_In_Logon_1" value="" onkeypress='if(event.keyCode==13) javascript:submitLogonForm();'/>
  1438. <input size="35" type="hidden" name="logonId" id="WC_AccountDisplay_FormInput_logonId_In_Logon_1_with_storeId" />
  1439.  
  1440. </div>
  1441. <div class="egl_clear"></div>
  1442. </div>
  1443. <div class="egl_row">
  1444. <div class="egl_label_column">
  1445. <p><label for="WC_AccountDisplay_FormInput_logonPassword_In_Logon_1">Password: <span class="egl_required">*</span></label></p>
  1446. </div>
  1447. <div class="egl_input_column">
  1448.  
  1449. <input aria-invalid=true aria-required="true" aria-describedby="logonErrorMessage logonWaitingActivationMessage" size="35" name="logonPassword" type="password" autocapitalize="off" autocorrect="off" autocomplete="off" id="WC_AccountDisplay_FormInput_logonPassword_In_Logon_1" onkeypress='if(event.keyCode==13) javascript:submitLogonForm();'/>
  1450.  
  1451. <p class="forgot_password_link_padding"><a href="ResetPasswordGuestErrorView?forgotRedirectURL=OrderCalculate%3FURL%3DAjaxLogonForm%26calculationUsageId%3D-1%26calculationUsageId%3D-2%26calculationUsageId%3D-7%26updatePrices%3D0%26doPrice%3DN&amp;state=forgetpassword&amp;catalogId=10051&amp;langId=-1&amp;storeId=10202" class="myaccount_link" id="WC_AccountDisplay_links_1">Forgotten your password? Click here.</a></p>
  1452.  
  1453.  
  1454.  
  1455.  
  1456.  
  1457. </div>
  1458. <div class="egl_clear"></div>
  1459.  
  1460. </div>
  1461.  
  1462.  
  1463. <div class="egl_row">
  1464. <div class="egl_label_column">
  1465. <p>Remember me:</p>
  1466. </div>
  1467. <div class="egl_input_column">
  1468.  
  1469. <div class="input_label" id="WC_AccountDisplay_div_10">
  1470. <div class="left" id="WC_AccountDisplay_div_11">
  1471. <input type="checkbox" class="checkbox" name="rememberMeCheckbox" value="true" id="WC_AccountDisplay_FormInput_rememberMe_In_Logon_2"/>
  1472.  
  1473. </div>
  1474. </div>
  1475.  
  1476. <label for="WC_AccountDisplay_FormInput_rememberMe_In_Logon_2" class="egl_remember_me_label">Tick the box to remember your log in details.</label>
  1477. </div>
  1478. <div class="egl_clear"></div>
  1479. </div>
  1480. <div class="egl_row">
  1481. <div class="egl_label_column">
  1482. &nbsp;
  1483. </div>
  1484. <div class="egl_input_column egl_desktop_only">
  1485. <label>We do not recommend using this option if you share a PC.</label>
  1486. </div>
  1487. <div class="egl_clear"></div>
  1488. </div>
  1489.  
  1490.  
  1491.  
  1492. <div class="button_align" id="WC_AccountDisplay_div_12">
  1493. <a href="#" role="button" class="button_primary egl_button_10 egl_register_button" id="WC_AccountDisplay_links_2" onclick="javascript:submitLogonForm();return false;">
  1494. <div class="left_border"></div>
  1495. <div class="button_text">Sign In</div>
  1496. <div class="right_border"></div>
  1497. </a>
  1498. </div>
  1499.  
  1500.  
  1501. </div>
  1502. <div class="footer" id="WC_AccountDisplay_div_15">
  1503. <div class="left_corner" id="WC_AccountDisplay_div_16"></div>
  1504. <div class="left" id="WC_AccountDisplay_div_17"></div>
  1505. <div class="right_corner" id="WC_AccountDisplay_div_18"></div>
  1506. </div>
  1507. </form>
  1508.  
  1509. </div>
  1510. </div>
  1511. </div>
  1512. </div>
  1513.  
  1514.  
  1515.  
  1516.  
  1517. <div class="egl_register_new_customer_container">
  1518. <div class="egl_box_style_8">
  1519. <div class="egl_wrapper">
  1520. <h1>Register Your Account
  1521. <div class="egl_help_tip_1">
  1522. <!-- BEGIN ToolTipDisplay.jspf -->
  1523. <div class="egl_help_tip_icon"><a href="javascript: void(0);"><img src="/wcsstore/egl-credit-sas01/images/creatives/icons/tool-tip.png" alt="Tool tip icon"></a></div>
  1524. <!-- END ToolTipDisplay.jspf -->
  1525. <div class="egl_help_tip_popup">
  1526. Please register your account details if you are already a Studio customer but <b>have not shopped online before</b>.<br /><br />Please also register if you have now received your account details after placing your first order.
  1527. </div>
  1528. </div>
  1529. </h1>
  1530. <div class="egl_wrapper_content eql_reg_new_customer">
  1531. <!-- BEGIN ContentRecommendation.jsp --><!-- emsName: RegisterYourAccountSection_content --><p>Ordered from Studio before but not used the website? It's time to set up Your Account online.</p>
  1532. <p>To Register your Account, you will need the following:</p>
  1533. <ul>
  1534. <li>Your Account Number (found on any statement, invoice or letter received from us)</li>
  1535. <li>Surname</li>
  1536. <li>Postcode</li>
  1537. <li>Date Of Birth</li>
  1538. <li>An email address</li>
  1539. </ul>
  1540.  
  1541. <p>All of this information must match the details held on your Account.</p><!-- END ContentRecommendation.jsp -->
  1542. <a class="egl_button_10 egl_register_button" href="FindCallCentreAccountView?forgotRedirectURL=OrderCalculate%3FURL%3DAjaxLogonForm%26calculationUsageId%3D-1%26calculationUsageId%3D-2%26calculationUsageId%3D-7%26updatePrices%3D0%26doPrice%3DN&catalogId=10051&langId=-1&storeId=10202">Register Account
  1543. <div class="right_border"></div>
  1544. </a>
  1545. </div>
  1546. </div>
  1547. </div>
  1548. </div>
  1549.  
  1550. <div class="egl_clear"></div>
  1551.  
  1552. <div class="align egl_hidden_fields" id="WC_AccountDisplay_div_23">
  1553.  
  1554. </div>
  1555. <!-- END AccountDisplayContent.jspf -->
  1556. </div>
  1557. </div>
  1558. </div>
  1559. </div>
  1560. </div>
  1561. </div>
  1562. <!-- Main Content End --><!-- Footer Start -->
  1563. <div class="footer_wrapper_position">
  1564. <!-- BEGIN Footer.jsp -->
  1565. <script type="text/javascript">
  1566. dojo.addOnLoad(function() {
  1567. if (typeof setMiniShopCartControllerURL == 'function')
  1568. setMiniShopCartControllerURL(getAbsoluteURL()+'MiniShopCartDisplayView?storeId=10202&catalogId=10051&langId=-1');
  1569. });
  1570. </script>
  1571. <!-- Begin Footer_UI.jsp -->
  1572.  
  1573. <div class="responsive-footer">
  1574. <div class="egl_desktop_only">
  1575. <!-- BEGIN ContentRecommendation.jsp --><!-- emsName: footer_links -->
  1576. <div class="egl_footer">
  1577.  
  1578. <!-- start new footer -->
  1579. <div class="egl_foundation">
  1580. <div class="egl_footer_wrapper">
  1581. <ul class="medium-block-grid-5 large-block-grid-5">
  1582. <li>
  1583. <div class="egl_footer_column">
  1584.  
  1585. <h2>My Account</h2>
  1586. <ul>
  1587. <li>
  1588. <a href="/shop/en/studio/LogonForm?catalogId=10051&myAcctMain=1&langId=-1&storeId=10202" rel="nofollow">My Account</a>
  1589. </li>
  1590. <li>
  1591. <a href="/webapp/wcs/stores/servlet/MyAccountOrders?trackOrders=Y&catalogId=10051&langId=-1&viewOrders=Y&storeId=10202" rel="nofollow">Track My Order</a>
  1592. </li>
  1593. <li>
  1594. <a href="https://www.studio.co.uk/shop/en/studio/content/help" rel="nofollow">How to Pay</a>
  1595. </li>
  1596. <li>
  1597. <a href="/relative/terms-conditions/delivery" rel="nofollow">Deliveries</a>
  1598. </li>
  1599. <li>
  1600. <a href="/relative/terms-conditions/cancellations-returns" rel="nofollow">Cancellations &amp; Returns</a>
  1601. </li>
  1602. <li>
  1603. <a href="https://www.studio.co.uk/shop/en/studio/request-catalogue" rel="nofollow">Request a Catalogue</a>
  1604. </li>
  1605. </ul>
  1606. </div>
  1607. </li>
  1608. <li>
  1609. <div class="egl_footer_column">
  1610. <h2>Other Services</h2>
  1611. <ul>
  1612. <li>
  1613. <a href="/shop/en/studio/category-A-Z">A-Z Index</a>
  1614. </li>
  1615. <li>
  1616. <a href="/shop/en/studio/content/terms-digital-photo-personalisation" rel="nofollow">Gift Personalisation</a>
  1617. </li>
  1618. <li>
  1619. <a href="https://www.studio.co.uk/shop/en/studio/content/help" rel="nofollow">Help</a>
  1620. </li>
  1621. <li>
  1622. <a href="https://www.studio.co.uk/shop/en/studio/content/contact" rel="nofollow">Contact Us</a>
  1623. </li>
  1624. <li>
  1625. <a href="/shop/en/studio/content/accessibility">Accessibility</a>
  1626. </li>
  1627. <li>
  1628. <a href="/shop/en/studio/content/personal-account">Personal Account</a>
  1629. </li>
  1630. <li>
  1631. <a href="/shop/en/studio/your-money/home">Your Money</a>
  1632. </li>
  1633. <li>
  1634. <a href="/shop/en/studio/as-seen-on-tv-items">Shop the TV ad</a>
  1635. </li>
  1636. </ul>
  1637. </div>
  1638. </li>
  1639. <li>
  1640. <div class="egl_footer_column">
  1641. <h2>Useful Information</h2>
  1642. <ul>
  1643. <li>
  1644. <a href="/shop/en/studio/content/terms-about">About Us</a>
  1645. </li>
  1646. <li>
  1647. <a href="https://www.express-gifts.co.uk/careers" target="_blank">Careers at Studio</a>
  1648. </li>
  1649. <li>
  1650. <a href="/shop/en/studio/content/terms-prize-draw" rel="nofollow">Prize Draw</a>
  1651. </li>
  1652. <li>
  1653. <a href="http://www.blog.24studio.co.uk/" target="_blank">Blog</a>
  1654. </li>
  1655. <li>
  1656. <a href="/shop/en/studio/content/previewleaflets">View Preview Leaflets</a>
  1657. </li>
  1658. <li>
  1659. <a href="/shop/en/studio/content/terms-about">Terms &amp; Conditions</a>
  1660. </li>
  1661. <li>
  1662. <a href="/shop/en/studio/content/terms-fair-processing-notice" rel="nofollow">Fair Processing Notice</a>
  1663. </li>
  1664. <li>
  1665. <a href="/shop/en/studio/content/terms-pbp" rel="nofollow">Warranty Information</a>
  1666. </li>
  1667. <li>
  1668. <a href="http://clothing.sizeguides.co.uk/sizeguideindex.html" target="_blank">Clothing Size Guides</a>
  1669. </li>
  1670. <li>
  1671. <a href="/shop/en/studio/buying-guides/product-buying-guides">Buying Guides</a>
  1672. </li>
  1673. <li>
  1674. <a href="/shop/en/studio/content/product-recalls" rel="nofollow">Product Recalls</a>
  1675. </li>
  1676. <li>
  1677. <a href="/shop/en/studio/content/become-an-affiliate">Become an Affiliate</a>
  1678. </li>
  1679. </ul>
  1680. </div>
  1681. </li>
  1682. <li>
  1683. <div class="egl_footer_column">
  1684. <h2>Follow Us On</h2>
  1685. <div class="egl_social_icons">
  1686. <a href="http://www.facebook.com/studio.co.uk">
  1687. <img class="leftIcon" src="//i1.adis.ws/i/egl/footer_logo_facebook.png" alt="Facebook">
  1688. </a>
  1689. <a href="http://twitter.com/studio_co_uk">
  1690. <img class="rightIcon" src="//i1.adis.ws/i/egl/footer_logo_twitter.png" alt="Twitter">
  1691. </a>
  1692. <br>
  1693. <a href="http://instagram.com/studio.co.uk">
  1694. <img class="leftIcon" src="//i1.adis.ws/i/egl/footer_logo_instagram.png" alt="Instagram">
  1695. </a>
  1696. <a href="https://plus.google.com/+24studio">
  1697. <img class="rightIcon" src="//i1.adis.ws/i/egl/footer_logo_googleplus.png" alt="Google +">
  1698. </a>
  1699. <br>
  1700. <a href="https://www.youtube.com/channel/UCXTeY1c8OZnc4iNJiJCnbiQ">
  1701. <img class="leftIcon" src="//i1.adis.ws/i/egl/footer_logo_youtube.png" alt="YouTube">
  1702. </a>
  1703. <a href="https://www.pinterest.co.uk/studio0649/pins/">
  1704. <img class="rightIcon" src="//i1.adis.ws/i/egl/footer_logo_pinterest.png" alt="Pinterest">
  1705. </a>
  1706. </div>
  1707. </div>
  1708. </li>
  1709. <li>
  1710. <div class="egl_footer_column eglFooterOther">
  1711. <div class="egl_globalsign">
  1712. </div>
  1713. <div class="egl_trust_pilot">
  1714. </div>
  1715. <div itemprop="review" itemtype="http://schema.org/Review" itemscope="" class="egl_feefo">
  1716. </div>
  1717. </div>
  1718. </li>
  1719. </ul>
  1720. </div>
  1721. </div>
  1722. <!-- end new footer -->
  1723.  
  1724. </div>
  1725.  
  1726. <!-- Fair Processing Notice lightbox -->
  1727. <div class="fppLightbox-container">
  1728. <div class="fppLightbox-bg">
  1729. <div class="main-container">
  1730. <div class="closeBtn">&times;</div>
  1731. <div id="privacyContainer" class="fpnLightbox"></div>
  1732. </div>
  1733. </div>
  1734. <div id="fppLightBoxLoading">
  1735. <img src="//egl.a.bigcontent.io/v1/static/fpn-loading">
  1736. </div>
  1737. </div>
  1738.  
  1739.  
  1740. <script type="application/ld+json">
  1741. {
  1742. "@context": "http://schema.org",
  1743. "@type": "Organization",
  1744. "name": "Studio",
  1745. "url": "https://www.studio.co.uk",
  1746. "logo": "https://www.studio.co.uk/wcsstore/studio/images/logos/logo-header.png",
  1747. "sameAs": [
  1748. "https://www.facebook.com/studio.co.uk",
  1749. "https://twitter.com/studio_co_uk",
  1750. "https://www.instagram.com/studio.co.uk/",
  1751. "https://plus.google.com/+24studio",
  1752. "https://www.youtube.com/channel/UCXTeY1c8OZnc4iNJiJCnbiQ",
  1753. "https://www.pinterest.co.uk/studio0649/pins/"
  1754. ],
  1755. "contactPoint": [{
  1756. "@type": "ContactPoint",
  1757. "telephone": "+44-371-200-0378.",
  1758. "contactType": "customer service",
  1759. "contactOption": "TollFree",
  1760. "areaServed": "GB"
  1761. }, {
  1762. "@type": "ContactPoint",
  1763. "telephone": "+44-872-7370-000",
  1764. "contactType": "sales",
  1765. "areaServed": "GB"
  1766. }]
  1767. }
  1768. </script>
  1769.  
  1770. <script type="text/javascript">
  1771. jQuery(document).ready(function () {
  1772.  
  1773. //android / iOS
  1774.  
  1775. var iosScrollPositionStart;
  1776.  
  1777. iosScrollPositionStart = 0;
  1778.  
  1779. var isTabletArea = ('ontouchstart' in window);
  1780.  
  1781. //Windows 8 / 10
  1782. var isTouchScreenArea = window.navigator.maxTouchPoints;
  1783.  
  1784. if (isTabletArea || isTouchScreenArea > 1) {
  1785.  
  1786. jQuery(".egl_slides area, .egl_category_html_hotspot area, .home-hero-carousel area").each(function () {
  1787. var areaObj = jQuery(this);
  1788. if (!areaObj.hasClass('egl_promo_video_link')) {
  1789. areaObj.on("touchstart", function () {
  1790. iosScrollPositionStart = jQuery(window).scrollTop()
  1791. });
  1792. }
  1793. });
  1794.  
  1795. jQuery(".egl_slides area, .egl_category_html_hotspot area, .home-hero-carousel area").each(function () {
  1796. var areaObj = jQuery(this);
  1797. if (!areaObj.hasClass('egl_promo_video_link')) {
  1798. areaObj.on("touchend", function () {
  1799. var n = jQuery(window).scrollTop() - iosScrollPositionStart;
  1800. if (Math.abs(n) > 10) return !1;
  1801. window.location = jQuery(this).attr("href");
  1802. });
  1803. }
  1804. });
  1805.  
  1806.  
  1807. }
  1808.  
  1809. // Temporary manipulation of Qubit UV
  1810. function updateUV() {
  1811. try {
  1812. if (typeof window.universal_variable != 'undefined' &&
  1813. typeof window.universal_variable.basket != 'undefined' &&
  1814. typeof window.universal_variable.basket.line_items != 'undefined' &&
  1815. window.universal_variable.basket.line_items.length) {
  1816.  
  1817. console.log('### UV basket line_item count: ' + window.universal_variable.basket.line_items
  1818. .length);
  1819.  
  1820. window.universal_variable.basket.recoverBasketUrl = window.universal_variable.basket.recoverBasketUrl
  1821. .replace("recover-basket?basketId=", "content/email-my-bag?basketId=");
  1822.  
  1823. for (eglItemsIt = 0; eglItemsIt < window.universal_variable.basket.line_items.length; eglItemsIt++) {
  1824.  
  1825. // Upate product image URL to change scaling template
  1826. window.universal_variable.basket.line_items[eglItemsIt].product.image_url = window.universal_variable
  1827. .basket.line_items[eglItemsIt].product.image_url.replace(/\?\$main_lister_grid\$/,
  1828. '') +
  1829. '?$ab_email$';
  1830. }
  1831.  
  1832. window._qtd = window._qtd || []
  1833. window._qtd.push({
  1834. resendUniversalVariables: 1
  1835. })
  1836. }
  1837.  
  1838. } catch (err) {
  1839. console.log('### unable to update UV: ' + err);
  1840. }
  1841. }
  1842.  
  1843. updateUV();
  1844.  
  1845. //Continue Shopping eventlistner to update UV
  1846. //using dojo notifiy to watch for a add to basket
  1847. //then adding the eventlistner to the continue shopping button
  1848.  
  1849. var onProductPage = jQuery('.egl_product_page');
  1850. var onProductLister = jQuery('.egl_product_lister');
  1851. var onZmagsViewer = jQuery('.egl_zmags_page');
  1852.  
  1853. if (onProductPage.length || onProductLister.length || onZmagsViewer.length) {
  1854.  
  1855. window.require(['dojo/request/notify'], function (notify) {
  1856. notify('done', function (data) {
  1857. if (/AjaxOrderChangeServiceItemAdd/i.test(data.url)) {
  1858.  
  1859. var checkAddToBasketModal = setInterval(function () {
  1860. if (jQuery('#MiniShopCartProductAdded').is(':visible')) {
  1861. console.log('add2Bag modal is visible');
  1862. updateUV();
  1863. clearInterval(checkAddToBasketModal);
  1864. }
  1865. }, 100);
  1866. }
  1867. });
  1868. });
  1869. }
  1870.  
  1871. //Continue Shopping eventlistner to update UV ends
  1872.  
  1873. // Workaround for bad Studio Instagram link in PDP social connectors
  1874. if (jQuery('.egl_social_icons.egl_small_icons a').length) {
  1875. var linkObjs = jQuery('.egl_social_icons.egl_small_icons a');
  1876. for (i = 0; i < linkObjs.length; i++) {
  1877. var linkObj = jQuery(linkObjs[i]);
  1878. if (linkObj.attr('href').indexOf('instagram') > -1) {
  1879. linkObj.attr('href', linkObj.attr('href').replace('24studio', 'studio.co.uk'));
  1880. break;
  1881. }
  1882. }
  1883. }
  1884.  
  1885. // Remove Orderline
  1886. if (jQuery('.egl_orderline').length) {
  1887. jQuery('.egl_orderline').html('&nbsp;');
  1888. }
  1889.  
  1890. // Shop By Collection controller script
  1891. // Another instance so we can add 'loadall' event listener handler
  1892. jQuery("img.lazy").lazyload({
  1893.  
  1894. skip_invisible: true,
  1895. effect: "fadeIn",
  1896. threshold: 300,
  1897. event: 'loadall'
  1898.  
  1899. });
  1900.  
  1901. // Clicking the Menu burger loads the Shop By Cat images in offcanvas
  1902. if (jQuery('.egl_li_shopby').length) {
  1903. jQuery('.egl_li_shopby').one('click', function () {
  1904. catImages = jQuery('.egl_shop_by_catalogue_off_canvas img');
  1905. if (catImages.length) {
  1906. catImages.trigger('loadall');
  1907. }
  1908. });
  1909. }
  1910.  
  1911. // Top nav hover or focus / touch fetches that menu's Shop By Collection images in Column 0, as a one-off
  1912. if (jQuery('.egl_top_nav_line_1 > li > a').length) {
  1913. jQuery('.egl_top_nav_line_1 > li > a').each(function () {
  1914.  
  1915. jQuery(this).one('mouseover focus', function () {
  1916. if (jQuery(this).siblings('.egl_subnav').find(
  1917. '.egl_subnav_zmags_flyouts_container img.lazy_megamenu').length) {
  1918. jQuery(this).siblings('.egl_subnav').find(
  1919. '.egl_subnav_zmags_flyouts_container img.lazy_megamenu').trigger(
  1920. 'loadall');
  1921. jQuery('body').trigger('scroll'); // Lazyload still needs this so images recheck whether they should render
  1922. }
  1923. });
  1924. });
  1925. }
  1926.  
  1927.  
  1928. // Datepicker UX fix
  1929. if (jQuery("#WC_PersonalInfoExtension_birthday").length) {
  1930. jQuery("#WC_PersonalInfoExtension_birthday").datepicker('destroy');
  1931. jQuery("#WC_PersonalInfoExtension_birthday").datepicker({
  1932. changeMonth: true,
  1933. changeYear: true,
  1934. dateFormat: "dd/mm/yy",
  1935. yearRange: "-99:-0",
  1936. defaultDate: "0d",
  1937. beforeShow: function (input, inst) {
  1938. inst.dpDiv.css({
  1939. marginTop: '0px'
  1940. });
  1941. },
  1942. onChangeMonthYear: function (y, m, i) {
  1943. var d = i.selectedDay;
  1944. jQuery(this).datepicker('setDate', new Date(y, m - 1, d));
  1945. }
  1946.  
  1947. });
  1948. }
  1949.  
  1950. //Replace mobile link "#" hard coded within the app, with actual size guide url
  1951. if (jQuery(".egl_catalog_shop_info_box.egl_mobile_only .egl_size_guides_link_qs").length) {
  1952. jQuery(".egl_catalog_shop_info_box.egl_mobile_only .egl_size_guides_link_qs").attr({
  1953. "href": "http://clothing.sizeguides.co.uk/sizeguideindex.html",
  1954. "target": "_blank"
  1955. })
  1956. }
  1957.  
  1958. //Inject Your Money link into header #TEMPORARY-2018-04-16
  1959. if (jQuery(".masthead_links .masthead_links_container").html().indexOf("your-money") < 0) {
  1960. jQuery(".masthead_links .masthead_links_container .egl_last").removeClass("egl_last")
  1961. jQuery(".masthead_links .masthead_links_container ul").append(
  1962. '<li class="egl_last"><a href="/relative/your-money/home">Your Money</a></li>')
  1963. }
  1964.  
  1965.  
  1966. //Fair Processing Notice lightbox controls
  1967. // Move the lightbox container out of the desktop footer so it works on desktop AND mobile
  1968. jQuery('.fppLightbox-container').appendTo('.responsive-footer');
  1969.  
  1970. jQuery('.closeBtn').click(function (e) {
  1971. e.preventDefault();
  1972. jQuery('.fppLightbox-bg').hide();
  1973. jQuery('body').removeClass('lightbox-noscroll');
  1974. });
  1975.  
  1976. jQuery(document).keydown(function (e) {
  1977. if (e.keyCode == 27) { //close the lightbox with the keypress
  1978. if (jQuery('.fppLightbox-bg').is(':visible')) {
  1979. jQuery('.fppLightbox-bg').hide();
  1980. jQuery('body').removeClass('lightbox-noscroll');
  1981. }
  1982. }
  1983. });
  1984.  
  1985. jQuery('.fpnLightBox').click(function (e) {
  1986. e.preventDefault();
  1987.  
  1988. // Only AJAX the lightbox content once
  1989. if (jQuery('#privacyContainer').html().length < 100) {
  1990.  
  1991. var url = "/relative/content/terms-fair-processing-notice";
  1992.  
  1993. jQuery.ajax({
  1994. url: url,
  1995. type: 'GET',
  1996. dataType: 'html',
  1997. timeout: 20000,
  1998. beforeSend: function (xhr) {
  1999. jQuery('#fppLightBoxLoading').show();
  2000. },
  2001. success: function (response) {
  2002. jQuery('#privacyContainer').html(jQuery(response).find(
  2003. '#termsConditions'));
  2004.  
  2005. // Fix DPO email link in Ajax content obfuscated by CloudFlare
  2006. // NB would need reworking if there's more than one email address to fix!
  2007. if (jQuery('#termsConditions a .__cf_email__').length) {
  2008. jQuery('#termsConditions a').each(function () {
  2009. // CloudFlare specific class added to the link span tag
  2010. if (jQuery(this).find('.__cf_email__').length) {
  2011. var dpo1 = 'DPO@express-';
  2012. var dpo2 = 'gifts.co.uk';
  2013. jQuery(this).html(dpo1 + dpo2);
  2014. jQuery(this).attr('href', 'mailto:' + dpo1 +
  2015. dpo2);
  2016. }
  2017. });
  2018. }
  2019.  
  2020. jQuery('#fppLightBoxLoading').hide();
  2021. jQuery('.fppLightbox-bg').show();
  2022. jQuery('body').addClass('lightbox-noscroll');
  2023.  
  2024. // Add the accordian behaviour to the new lightbox content
  2025. jQuery('#privacyContainer .expandable .title').click(function (e) {
  2026. e.preventDefault();
  2027.  
  2028. var toggleState = jQuery(this).closest('.expandable').find(
  2029. '.toggleState');
  2030. var title = jQuery(this).closest('.expandable').find(
  2031. '.title');
  2032. var bodyContent = jQuery(this).closest('.expandable').find(
  2033. ".bodyContent");
  2034.  
  2035. title.toggleClass('active');
  2036.  
  2037. toggleState.html() === '+' ? toggleState.html('&minus;') :
  2038. toggleState.html('&plus;');
  2039.  
  2040. bodyContent.slideToggle();
  2041.  
  2042. });
  2043. },
  2044. error: function (e) {
  2045. console.log(e);
  2046. }
  2047. });
  2048. } else { // We already hae the AJAX content
  2049. jQuery('#fppLightBoxLoading').hide();
  2050. jQuery('.fppLightbox-bg').show();
  2051. jQuery('body').addClass('lightbox-noscroll');
  2052. }
  2053.  
  2054. });
  2055.  
  2056.  
  2057. // Polyfill for <picture> <source> default images
  2058. try {
  2059.  
  2060. if ( window.navigator.userAgent.match(/Trident|MSIE/) && jQuery('.egl_default_img').length ){
  2061. jQuery('.egl_default_img').each( function(){
  2062. jQuery(this).attr( 'src', jQuery(this).attr('data-default') );
  2063. });
  2064. }
  2065.  
  2066. } catch (err) {
  2067. console.error ( 'Caught: ' +err )
  2068. }
  2069.  
  2070.  
  2071.  
  2072.  
  2073. }); //ready
  2074.  
  2075. function emailRestore(container) {
  2076.  
  2077. var restoreContainer = ".xhrEmailRestore"
  2078. if (container != "" && jQuery(container).length) {
  2079. restoreContainer = (container + " .xhrEmailRestore")
  2080. }
  2081. jQuery(restoreContainer).each(function () {
  2082. var thisRestore = jQuery(this)
  2083. var eRecipient = thisRestore.attr("data-e-recipient")
  2084. var eDomain = thisRestore.attr("data-e-domain")
  2085. var fullRestore = eRecipient + '@' + eDomain
  2086. thisRestore.html('<a href="mailto:' + fullRestore + '">' + fullRestore + '</a>')
  2087. })
  2088. }
  2089. </script>
  2090.  
  2091. <style>
  2092. .bundle_comp {
  2093. clear: right;
  2094. }
  2095.  
  2096. /* flyout menu fix starts */
  2097.  
  2098. .egl_left_nav_menu .egl_flyout_menu {
  2099. width: 230px;
  2100. }
  2101.  
  2102. /* flyout menu fix ends */
  2103.  
  2104. /* Quickview error prompt fix starts */
  2105.  
  2106. .egl_home_page div.store_message {
  2107. position: fixed;
  2108. }
  2109.  
  2110. .egl_top_category_page div.store_message {
  2111. position: fixed;
  2112. }
  2113.  
  2114. .egl_search_lister div.store_message {
  2115. position: fixed;
  2116. }
  2117.  
  2118. .egl_product_lister div.store_message {
  2119. position: fixed;
  2120. }
  2121.  
  2122. /* Quickview error prompt fix ends */
  2123.  
  2124. .egl_footer_wrapper {
  2125. padding: 15px 15px 0;
  2126. }
  2127.  
  2128. .egl_footer_wrapper .egl_footer_column h2 {
  2129. text-transform: uppercase;
  2130. font-size: 1.2em;
  2131. font-weight: 400;
  2132. color: #333;
  2133. }
  2134.  
  2135. .egl_footer_wrapper .egl_footer_column ul {
  2136. float: left;
  2137. font-size: 12px;
  2138. line-height: 20px;
  2139. margin-top: 10px;
  2140. width: 100%;
  2141. }
  2142.  
  2143. .egl_footer_wrapper .egl_footer_column li a {
  2144. color: #333;
  2145. }
  2146.  
  2147. .egl_footer_wrapper .egl_footer_column .egl_social_icons {
  2148. float: left;
  2149. padding-top: 15px;
  2150. }
  2151.  
  2152. .egl_footer_wrapper .egl_footer_column .egl_trust_pilot {
  2153. margin: 15px auto;
  2154. }
  2155.  
  2156. .egl_footer_wrapper .egl_footer_column .egl_globalsign {
  2157. margin: 0 auto 10px;
  2158. text-align: center;
  2159. }
  2160.  
  2161. .egl_footer_wrapper .egl_footer_column .egl_social_icons .leftIcon {
  2162. padding: 0 5px 5px 0;
  2163. }
  2164.  
  2165. .egl_footer_wrapper .egl_footer_column .egl_social_icons .rightIcon {
  2166. padding: 0 0 5px 0;
  2167. }
  2168.  
  2169. .dijitTooltipRight .dijitTooltipConnector {
  2170. left: 0;
  2171. bottom: 7px;
  2172. background: none !important;
  2173. width: 0 !important;
  2174. height: 0 !important;
  2175. border-style: solid;
  2176. border-width: 8px 16px 8px 0;
  2177. border-color: transparent #B94A48 transparent transparent;
  2178. }
  2179.  
  2180. .dijitTooltipBelow .dijitTooltipConnector {
  2181. top: 0;
  2182. left: 3px;
  2183. background: none !important;
  2184. width: 0 !important;
  2185. height: 0 !important;
  2186. border-style: solid;
  2187. border-width: 0 12px 16px 12px;
  2188. border-color: transparent transparent #B94A48 transparent;
  2189. }
  2190.  
  2191. .dijitTooltipAbove .dijitTooltipConnector {
  2192. background: none !important;
  2193. border-color: #b94a48 transparent transparent;
  2194. border-style: solid;
  2195. border-width: 16px 8px 0;
  2196. bottom: 0;
  2197. height: 0 !important;
  2198. left: 3px;
  2199. width: 0 !important;
  2200. }
  2201.  
  2202. .egl_360_button {
  2203. display: none !important;
  2204. }
  2205.  
  2206. /* Orderline temporary hide */
  2207.  
  2208. .egl_orderline {
  2209. color: white;
  2210. }
  2211.  
  2212. /* Category landing SEO text */
  2213.  
  2214. .egl_seo_category_copy_text h2 {
  2215. font-family: "kelson_sansregular", arial !important;
  2216. font-weight: bold !important;
  2217. font-size: 15px !important;
  2218. line-height: 18px;
  2219. color: #1c3667 !important;
  2220. margin: 0;
  2221. text-align: left;
  2222. }
  2223.  
  2224. /* Original text coded without HTML tags */
  2225.  
  2226. .egl_seo_category_copy_text,
  2227. .egl_seo_category_copy_text p {
  2228. font-family: arial !important;
  2229. font-size: 12px !important;
  2230. line-height: 18px;
  2231. color: #555555 !important;
  2232. margin: 5px 0px 20px 0px;
  2233. text-align: left;
  2234. }
  2235.  
  2236. .egl_seo_category_copy_text p a {
  2237. color: #1c3667 !important;
  2238. font-weight: 700;
  2239. text-decoration: underline;
  2240. }
  2241.  
  2242. @media (max-width: 738px) {
  2243. .egl_seo_category_copy_text {
  2244. display: none
  2245. }
  2246.  
  2247. .egl_seo_category_copy_text {
  2248. margin: 0 10px;
  2249. }
  2250. }
  2251.  
  2252. .egl_price_qubit {
  2253. display: none;
  2254. }
  2255.  
  2256. /* Homewares MegaMenu tweak as it's a biggie */
  2257.  
  2258. #megaMenu_Homewares .egl_subnav {
  2259. min-height: 420px;
  2260. }
  2261.  
  2262. /* Christmas megamenu tweak */
  2263. #megaMenu_Christmas .egl_subnav {
  2264. min-height: 425px;
  2265. }
  2266.  
  2267.  
  2268. @media (min-width: 372px) and (max-width: 738px) {
  2269.  
  2270. .egl_portrait_product_images .amp-main-img {
  2271. width: inherit !important;
  2272. max-width: inherit !important;
  2273. height: auto;
  2274. vertical-align: middle;
  2275. margin: 0 auto;
  2276. }
  2277.  
  2278. }
  2279.  
  2280. @media (max-width: 371px) {
  2281.  
  2282. .egl_portrait_product_images .amp-main-img {
  2283. width: 100% !important;
  2284. max-width: 100% !important;
  2285. height: auto;
  2286. vertical-align: middle;
  2287. margin: 0 auto;
  2288. }
  2289.  
  2290. }
  2291.  
  2292. @media (max-width: 738px) {
  2293. .egl_top_row .egl_refine_by_mobile {
  2294. width: 60px;
  2295. max-width: unset !important;
  2296. }
  2297. .egl_product_lister_right_column .egl_refine_by_mobile .egl_show_facet_menu {
  2298. width: 100%;
  2299. margin-left: 0;
  2300. position: relative;
  2301. }
  2302.  
  2303. .egl_product_lister_right_column .egl_refine_by_mobile .egl_show_facet_menu span.egl_show_facet_menu_label {
  2304. float: left;
  2305. width: auto !important;
  2306. }
  2307.  
  2308. .egl_product_lister_right_column .egl_refine_by_mobile .egl_show_facet_menu .egl_forward_chevron_lister {
  2309. position: absolute;
  2310. right: 3px;
  2311. }
  2312. }
  2313.  
  2314.  
  2315. /* Fair Processing Notice lightbox */
  2316.  
  2317. #fppLightBoxLoading {
  2318. display: none;
  2319. position: fixed;
  2320. left: 50%;
  2321. transform: translate(-50%, 0);
  2322. top: 50%;
  2323. z-index: 9999;
  2324. }
  2325.  
  2326. .fppLightbox-bg {
  2327. display: none;
  2328. bottom: 0;
  2329. left: 0;
  2330. opacity: 1;
  2331. pointer-events: initial;
  2332. position: fixed;
  2333. right: 0;
  2334. top: 0;
  2335. z-index: 500;
  2336. background: rgba(9, 30, 66, 0.54);
  2337. transition: opacity 220ms;
  2338. }
  2339.  
  2340. .fppLightbox-bg .main-container {
  2341. position: relative;
  2342. width: 650px;
  2343. z-index: 510;
  2344. margin: 0 auto;
  2345. background: #fff;
  2346. top: 40px;
  2347. height: 500px;
  2348. }
  2349.  
  2350. .fppLightbox-bg .main-container .closeBtn {
  2351. position: relative;
  2352. color: #1C3667;
  2353. font-size: 24px;
  2354. font-weight: 700;
  2355. cursor: pointer;
  2356. padding: 10px;
  2357. text-align: right;
  2358. }
  2359.  
  2360. .fppLightbox-bg .main-container .fpnLightbox {
  2361. background-color: #fff;
  2362. box-shadow: rgba(9, 30, 66, 0.08) 0px 0px 0px 1px, rgba(9, 30, 66, 0.08) 0px 2px 1px, rgba(9, 30, 66, 0.31) 0px 0px 20px -6px;
  2363. color: #091e42;
  2364. display: flex;
  2365. flex-direction: column;
  2366. max-height: calc(100% - 1px);
  2367. border-radius: 3px;
  2368. outline: 0px;
  2369. overflow-y: scroll;
  2370. padding: 15px;
  2371. }
  2372.  
  2373. @media only screen and (max-width: 738px) {
  2374.  
  2375. .fppLightbox-bg .main-container {
  2376. width: 90%;
  2377. height: 70%;
  2378. }
  2379.  
  2380. .fppLightbox-bg .main-container .fpnLightbox {
  2381. /* Add nicer scrolling UX */
  2382. -webkit-overflow-scrolling: touch;
  2383. }
  2384.  
  2385. /* For main body */
  2386. .lightbox-noscroll {
  2387. /* overflow: hidden !important; */
  2388. position: fixed;
  2389. }
  2390.  
  2391. }
  2392.  
  2393. .user-registration-update-personal-details .egl_optin_container .egl_optin_content {
  2394. padding: 0;
  2395. margin-left: 0;
  2396. text-align: center;
  2397. display: table-cell;
  2398. vertical-align: middle;
  2399. width: 500px;
  2400. }
  2401.  
  2402. .user-registration-update-personal-details .egl_optin_container .egl_optin_img input {
  2403. clip: unset;
  2404. opacity: 1;
  2405. position: relative;
  2406. cursor: pointer;
  2407. display: inline;
  2408. margin: 30px 0 0 16px;
  2409. height: 18px;
  2410. width: 18px;
  2411. }
  2412.  
  2413. .user-registration-update-personal-details .egl_optin_container .egl_optin_img label {
  2414. border-radius: 0;
  2415. float: right;
  2416. margin-bottom: 10px;
  2417. width: 90%;
  2418. }
  2419.  
  2420. @media only screen and (max-width: 738px) {
  2421.  
  2422.  
  2423. .user-registration-update-personal-details .egl_optin_container .egl_optin_img {
  2424. background-color: #fff !important;
  2425. }
  2426.  
  2427. .user-registration-update-personal-details .egl_optin_container .egl_optin_img input {
  2428. }
  2429.  
  2430. .user-registration-update-personal-details .egl_optin_container .egl_optin_content p {
  2431. margin-bottom: 0 !important;
  2432. font-size: 12px !important;
  2433. line-height: 18px !important;
  2434. padding: 0 3px 0 3px;
  2435. }
  2436.  
  2437. .egl_optin_container .egl_optin_content {
  2438.  
  2439. }
  2440.  
  2441. .user-registration-update-personal-details .egl_optin_container .egl_optin_img label {
  2442. width: 80% !important;
  2443. }
  2444.  
  2445. .user-registration-update-personal-details .egl_optin_container .egl_optin_img input {
  2446. margin-left: 11px !important;
  2447. }
  2448.  
  2449. .user-registration-update-personal-details .egl_marketing_options .egl_optin_container .egl_optin_content {
  2450. margin-left: 0 !important;
  2451. padding-left: 0 !important;
  2452. width: auto;
  2453. }
  2454.  
  2455. }
  2456.  
  2457. </style><!-- END ContentRecommendation.jsp -->
  2458. </div>
  2459. <div class="egl_mobile_only">
  2460. <!-- BEGIN ContentRecommendation.jsp --><!-- emsName: footer_links_Mobile --><style>
  2461. /* Email Sign Up + Request A Catalogue */
  2462.  
  2463. @media (min-width: 739px) {
  2464. #newsletter_container_WI_AC {
  2465. background: #eeeeee none repeat scroll 0 0;
  2466. float: left;
  2467. height: 55px;
  2468. width: 100%;
  2469. }
  2470.  
  2471. #newsletter_inner_container_WI_AC {
  2472. padding-left: 190px;
  2473. }
  2474.  
  2475. .egl_footer {
  2476. margin-top: 2px;
  2477. }
  2478.  
  2479. }
  2480.  
  2481. @media (max-width: 738px) {
  2482. #newsletter_inner_container_WI_AC {
  2483. text-align: center;
  2484. }
  2485. }
  2486.  
  2487. #newsletter_container_WI_AC {
  2488. background: #eeeeee none repeat scroll 0 0;
  2489. margin-top: 10px;
  2490. }
  2491.  
  2492. @media (max-width: 738px) {
  2493. #newsletter_container_WI_AC {
  2494. padding: 0px 10px 10px;
  2495. }
  2496. }
  2497.  
  2498. @media (min-width: 739px) {
  2499. #egl_email_address_input {
  2500. border: 1px solid #d4d4d4;
  2501. border-radius: 0;
  2502. float: left;
  2503. font-size: 12px;
  2504. height: 28px;
  2505. line-height: 28px;
  2506. margin: 0;
  2507. width: 240px;
  2508. padding-left: 8px;
  2509. }
  2510. }
  2511.  
  2512. #egl_email_address_input {
  2513. border: 1px solid #d4d4d4;
  2514. float: left;
  2515. margin: 0;
  2516. }
  2517.  
  2518. @media (max-width: 738px) {
  2519. #egl_email_address_input {
  2520. font-size: 12px;
  2521. text-align: center;
  2522. }
  2523. }
  2524.  
  2525. @media (min-width: 739px) {
  2526. #newsletter_button_WI_AC {
  2527. border-radius: 0;
  2528. float: left;
  2529. font-family: "kelson_sansregular", arial;
  2530. font-size: 13px;
  2531. font-weight: 200;
  2532. margin: 0;
  2533. padding: 6px 18px;
  2534. }
  2535. }
  2536.  
  2537. @media (max-width: 738px) {
  2538. #newsletter_button_WI_AC {
  2539. font-weight: 12px;
  2540. height: 38px;
  2541. margin: 0;
  2542. line-height: 37px;
  2543. }
  2544. }
  2545.  
  2546. @media (max-width: 738px) {
  2547. #newsletter_env_WI_AC {
  2548. margin: 0;
  2549. display: inline-block;
  2550. vertical-align: top !important;
  2551. }
  2552. #newsletter_env_WI_AC img {
  2553. vertical-align: top !important;
  2554. }
  2555. }
  2556.  
  2557. @media (min-width: 739px) {
  2558. #newsletter_env_WI_AC {
  2559. margin: 3px 0 0 0px;
  2560. float: left;
  2561. }
  2562. }
  2563.  
  2564. @media (max-width: 738px) {
  2565. #newsletter_textbox_WI_AC {
  2566. margin: 14px 8px 0 -6px;
  2567. width: auto;
  2568. display: inline-block;
  2569. }
  2570. }
  2571.  
  2572. @media (min-width: 739px) {
  2573. #newsletter_textbox_WI_AC {
  2574. margin: 21px 8px 0 -6px;
  2575. float: left;
  2576. }
  2577. }
  2578.  
  2579. @media (min-width: 739px) {
  2580. #newsletter_text_WI_AC {
  2581. color: #000000;
  2582. font-size: 12px;
  2583. font-weight: 200;
  2584. }
  2585. }
  2586.  
  2587. #newsletter_text_WI_AC {
  2588. color: #000000;
  2589. font-weight: 200;
  2590. }
  2591.  
  2592. @media (min-width: 739px) {
  2593. #newsletter_form_WI_AC {
  2594. float: left;
  2595. margin: 11px 0 0;
  2596. }
  2597. }
  2598. </style>
  2599.  
  2600. <script>
  2601. var respFooter = document.getElementsByClassName('responsive-footer')[0]
  2602. var footerContent =
  2603. '<div id="newsletter_container_WI_AC" name="newsletter_container_WI_AC"><div id="newsletter_inner_container_WI_AC"><div id="newsletter_env_WI_AC"><img src="//i1.adis.ws/i/egl/2015_aw_homepage_emailsignup_icon.png"></div><div id="newsletter_textbox_WI_AC"><p id="newsletter_text_WI_AC">Sign up for great discounts &amp; exclusive offers</p></div><div id="newsletter_form_WI_AC">
  2604. <form name="newsletterSignUpForm" id="newsletterSignUpForm"> <input type="text" placeholder="Enter your e-mail address" name="emailAddress" class="egl_form_element" id="egl_email_address_input"> <input type="hidden" name="newsletter" id="egl_newsletter_input" value="MAIN"> <a id="newsletter_button_WI_AC" onclick="NewsletterSignUpJS.submit();" class="egl_button_3" href="#/">Subscribe</a></form>
  2605. </div></div><div class="egl_clear"></div></div><div class="egl_clear"></div>'
  2606.  
  2607. jQuery(respFooter).before(footerContent)
  2608.  
  2609. function mktCheckValid() {
  2610. var pdSignUpRe = new RegExp(/^.+@\w[-._\w]*\.\w{2,}$/);
  2611. if (document.getElementById('egl_email_address_input').value.match(pdSignUpRe)) {
  2612.  
  2613. dataLayer.push({
  2614. 'event' :'customevent',
  2615. 'eventcategory' :'Email',
  2616. 'eventaction' :'Consent - Casual Subscribe',
  2617. 'eventlabel' :'Opt In',
  2618. 'eventvalue' :''
  2619. });
  2620. }
  2621. }
  2622.  
  2623. function mktFooterSubscribeTagging() {
  2624. jQuery('#newsletter_button_WI_AC').click(function () {
  2625. mktCheckValid();
  2626. })
  2627. }
  2628.  
  2629. mktFooterSubscribeTagging();
  2630. </script><style>
  2631.  
  2632. /* Hide Criteo cookie message */
  2633. .criteo_header {
  2634. display: none;
  2635. }
  2636.  
  2637. @media (min-width: 739px) {
  2638. #footer_extra_help {
  2639. display: none !important
  2640. }
  2641. }
  2642.  
  2643. @media (max-width: 738px) {
  2644.  
  2645. /* Fix for double scrollbars in release 4.1 */
  2646. html, body {
  2647. overflow-x: inherit !important;
  2648. }
  2649.  
  2650. html {
  2651. overflow-x: inherit !important;
  2652. }
  2653.  
  2654. /* Temp fix for category scroll on Samsung browser IR120273 */
  2655. body.egl_product_lister {
  2656. overflow-x: initial !important;
  2657. }
  2658.  
  2659. .egl_product_page .egl_home_page {
  2660. overflow: hidden;
  2661. }
  2662.  
  2663. .egl_product_page .egl_page {
  2664. overflow: hidden;
  2665. }
  2666.  
  2667. .egl_page.move-right {
  2668. overflow: hidden;
  2669. }
  2670.  
  2671. /* Fix Refine button wrapping on 320px wide devices */
  2672. .egl_top_row .egl_refine_by_mobile {
  2673. max-width: 57px;
  2674. }
  2675.  
  2676. .footer_more_rotate {
  2677. /* Safari */
  2678. -webkit-transform: rotate(180deg);
  2679. /* Firefox */
  2680. -moz-transform: rotate(180deg);
  2681. /* IE */
  2682. -ms-transform: rotate(180deg);
  2683. /* Opera */
  2684. -o-transform: rotate(180deg);
  2685. /* Internet Explorer */
  2686. filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  2687. }
  2688. .footer-more {
  2689. padding: 10px 0 0;
  2690. }
  2691. .footer-carat {
  2692. transition: all ease 0.4s;
  2693. width: 0;
  2694. height: 0;
  2695. border-left: 16px solid transparent;
  2696. border-right: 16px solid transparent;
  2697. border-bottom: 16px solid #ffffff;
  2698. vertical-align: top;
  2699. margin: auto;
  2700. padding: 11px 0 0
  2701. }
  2702. #footer_extra_help {
  2703. font-family: Tahoma, Arial;
  2704. display: none;
  2705. width: 50%;
  2706. position: absolute;
  2707. bottom: 60px;
  2708. box-shadow: 5px -4px 15px 2px #858585;
  2709. z-index: 150;
  2710. }
  2711. #footer_extra_help ul {
  2712. background-color: #1A375F;
  2713. color: #ffffff
  2714. }
  2715. #footer_extra_help li {
  2716. border-top: 1px solid #ffffff
  2717. }
  2718. #footer_extra_help li:first-child {
  2719. border-top: none
  2720. }
  2721. #footer_extra_help a {
  2722. font-family: Tahoma, Arial;
  2723. font-size: 0.85em;
  2724. color: #ffffff;
  2725. display: block;
  2726. padding: 5px
  2727. }
  2728.  
  2729.  
  2730. /* PDP - Chevron Mods 15-01-2018 */
  2731.  
  2732. /*
  2733. Remove Green Dots - mobile
  2734. */
  2735.  
  2736. /*PDP carousel*/
  2737.  
  2738.  
  2739. .egl_product_page .widget_product_image_viewer_position .mobile_prev_next .mobile_prev_next_outer .mobile_prev_next_inner .amp_dots {
  2740. display: block;
  2741. text-align: center;
  2742. /* width: 76%; */
  2743. width: inherit !important;
  2744. /* left: 5%; */
  2745. left: inherit !important;
  2746. }
  2747.  
  2748. .egl_product_page .widget_product_image_viewer_position .mobile_prev_next .mobile_prev_next_outer .mobile_prev_next_inner .amp_dots {
  2749. display: none;
  2750. }
  2751.  
  2752. .egl_product_page .widget_product_image_viewer_position .mobile_prev_next .mobile_prev_next_outer .mobile_prev_next_inner .amp_dots div {
  2753. display: none;
  2754. }
  2755.  
  2756. /*
  2757. Bring controls in a more meaningful place - mobile - need to replace current arrows with a better selection
  2758. */
  2759.  
  2760. /* carousel container */
  2761. .egl_product_page .container_product_details_image_information .egl_product_page_left_column {
  2762. width: 100%;
  2763. min-height: 250px;
  2764. position: relative;
  2765. }
  2766.  
  2767. /* carousel container */
  2768.  
  2769. .egl_product_page .widget_product_image_viewer_position .mobile_prev_next .mobile_prev_next_outer .mobile_prev_next_inner {
  2770. float: left;
  2771. width: 100%;
  2772. position: relative;
  2773. left: 0;
  2774. }
  2775.  
  2776.  
  2777. .egl_product_page .widget_product_image_viewer_position .mobile_prev_next {
  2778. position: absolute;
  2779. clear: both;
  2780. float: left;
  2781. width: 100%;
  2782. overflow: hidden;
  2783. top: 46%;
  2784. }
  2785.  
  2786. .egl_product_page .widget_product_image_viewer_position .mobile_prev_next .mobile_prev_next_outer {
  2787. float: left;
  2788. width: 100%;
  2789. position: relative;
  2790. right: 0;
  2791. }
  2792.  
  2793. .egl_product_page .widget_product_image_viewer_position .mobile_prev_next .mobile_prev_next_outer .mobile_prev_next_inner .pdp_mobile_next, .egl_product_page .widget_product_image_viewer_position .mobile_prev_next .mobile_prev_next_outer .mobile_prev_next_inner .pdp_mobile_prev {
  2794. background-size: 40px;
  2795. }
  2796.  
  2797. .egl_product_page .widget_product_image_viewer_position .mobile_prev_next .mobile_prev_next_outer .mobile_prev_next_inner .pdp_mobile_prev {
  2798. left: 3%;
  2799. position: relative;
  2800. height: 40px;
  2801. width: 40px;
  2802. }
  2803.  
  2804. .egl_product_page .widget_product_image_viewer_position .mobile_prev_next .mobile_prev_next_outer .mobile_prev_next_inner .pdp_mobile_next {
  2805. right: 3%;
  2806. left: auto;
  2807. position: absolute;
  2808. height: 40px;
  2809. width: 40px;
  2810. }
  2811.  
  2812.  
  2813. /*
  2814. Recently viewed fudge
  2815. */
  2816.  
  2817. .egl_product_page .container_product_details_image_information .egl_category_product_recommend_tabs {
  2818. width: 100%;
  2819. position: relative;
  2820. }
  2821.  
  2822. .egl_product_page .container_product_details_image_information .egl_category_product_recommend_tabs .egl_thumbnail_scroll_wrapper {
  2823. padding: 0;
  2824. position: relative;
  2825. }
  2826.  
  2827.  
  2828. /*fix spacing issue when moving the carousel controls*/
  2829.  
  2830. .egl_product_page_left_column {
  2831. float: left;
  2832. margin-top: 5px;
  2833. margin-bottom: 0;
  2834. margin-right: 5px;
  2835. }
  2836.  
  2837. /*
  2838. removes Owl carousel's dots on the following:
  2839. Recently viewed
  2840. */
  2841.  
  2842. /* fix position of chevrons */
  2843.  
  2844. .egl_home_page .egl_category_product_recommend_tabs .owl-controls, .egl_home_page .egl_category_product_recommend_tabs.egl_zero_results .owl-controls, .egl_home_page .widget_recommended_position .owl-controls, .egl_product_page .egl_category_product_recommend_tabs .owl-controls, .egl_product_page .egl_category_product_recommend_tabs.egl_zero_results .owl-controls, .egl_product_page .widget_recommended_position .owl-controls, .egl_search_lister .egl_category_product_recommend_tabs .owl-controls, .egl_search_lister .egl_category_product_recommend_tabs.egl_zero_results .owl-controls, .egl_search_lister .widget_recommended_position .owl-controls, .order-item-display .egl_category_product_recommend_tabs .owl-controls, .order-item-display .egl_category_product_recommend_tabs.egl_zero_results .owl-controls, .order-item-display .widget_recommended_position .owl-controls {
  2845. top: 35%;
  2846. position: absolute;
  2847. }
  2848.  
  2849. .egl_home_page .egl_category_product_recommend_tabs .owl-controls .owl-dots, .egl_home_page .egl_category_product_recommend_tabs.egl_zero_results .owl-controls .owl-dots, .egl_home_page .widget_recommended_position .owl-controls .owl-dots, .egl_product_page .egl_category_product_recommend_tabs .owl-controls .owl-dots, .egl_product_page .egl_category_product_recommend_tabs.egl_zero_results .owl-controls .owl-dots, .egl_product_page .widget_recommended_position .owl-controls .owl-dots, .egl_search_lister .egl_category_product_recommend_tabs .owl-controls .owl-dots, .egl_search_lister .egl_category_product_recommend_tabs.egl_zero_results .owl-controls .owl-dots, .egl_search_lister .widget_recommended_position .owl-controls .owl-dots, .order-item-display .egl_category_product_recommend_tabs .owl-controls .owl-dots, .order-item-display .egl_category_product_recommend_tabs.egl_zero_results .owl-controls .owl-dots, .order-item-display .widget_recommended_position .owl-controls .owl-dots {
  2850. bottom: 0;
  2851. position: absolute;
  2852. width: 100%;
  2853. margin: 10px 0 -1.5em 0;
  2854. text-align: center;
  2855. display: none !important;
  2856. }
  2857.  
  2858. /* left chevron fudge on recently viewed */
  2859.  
  2860. .egl_product_page .container_product_details_image_information .egl_category_product_recommend_tabs .egl_thumbnail_scroll_wrapper .egl_thumbnail_products_container {
  2861. padding-left: inherit !important;
  2862. padding-right: inherit !important;
  2863. }
  2864.  
  2865. .egl_home_page .egl_category_product_recommend_tabs .owl-controls .owl-nav .owl-prev, .egl_home_page .egl_category_product_recommend_tabs.egl_zero_results .owl-controls .owl-nav .owl-prev, .egl_home_page .widget_recommended_position .owl-controls .owl-nav .owl-prev, .egl_product_page .egl_category_product_recommend_tabs .owl-controls .owl-nav .owl-prev, .egl_product_page .egl_category_product_recommend_tabs.egl_zero_results .owl-controls .owl-nav .owl-prev, .egl_product_page .widget_recommended_position .owl-controls .owl-nav .owl-prev, .egl_search_lister .egl_category_product_recommend_tabs .owl-controls .owl-nav .owl-prev, .egl_search_lister .egl_category_product_recommend_tabs.egl_zero_results .owl-controls .owl-nav .owl-prev, .egl_search_lister .widget_recommended_position .owl-controls .owl-nav .owl-prev, .order-item-display .egl_category_product_recommend_tabs .owl-controls .owl-nav .owl-prev, .order-item-display .egl_category_product_recommend_tabs.egl_zero_results .owl-controls .owl-nav .owl-prev, .order-item-display .widget_recommended_position .owl-controls .owl-nav .owl-prev {
  2866. background-size: contain;
  2867. float: left;
  2868. left: -8%;
  2869. background: url(//egl.a.bigcontent.io/v1/static/egl-small-arrow-left) no-repeat;
  2870. height: 23px;
  2871. width: 14px;
  2872. }
  2873.  
  2874. .egl_home_page .egl_category_product_recommend_tabs .owl-controls .owl-nav .owl-next, .egl_home_page .egl_category_product_recommend_tabs.egl_zero_results .owl-controls .owl-nav .owl-next, .egl_home_page .widget_recommended_position .owl-controls .owl-nav .owl-next, .egl_product_page .egl_category_product_recommend_tabs .owl-controls .owl-nav .owl-next, .egl_product_page .egl_category_product_recommend_tabs.egl_zero_results .owl-controls .owl-nav .owl-next, .egl_product_page .widget_recommended_position .owl-controls .owl-nav .owl-next, .egl_search_lister .egl_category_product_recommend_tabs .owl-controls .owl-nav .owl-next, .egl_search_lister .egl_category_product_recommend_tabs.egl_zero_results .owl-controls .owl-nav .owl-next, .egl_search_lister .widget_recommended_position .owl-controls .owl-nav .owl-next, .order-item-display .egl_category_product_recommend_tabs .owl-controls .owl-nav .owl-next, .order-item-display .egl_category_product_recommend_tabs.egl_zero_results .owl-controls .owl-nav .owl-next, .order-item-display .widget_recommended_position .owl-controls .owl-nav .owl-next {
  2875. background: url(//egl.a.bigcontent.io/v1/static/egl-small-arrow-right) no-repeat;
  2876. background-size: contain;
  2877. float: right;
  2878. right: -8%;
  2879. height: 23px;
  2880. width: 14px;
  2881. }
  2882.  
  2883. /* social share bar */
  2884.  
  2885. .egl_utility_bar .egl_social_icons_links {
  2886. z-index: 999;
  2887. }
  2888.  
  2889. /*Email input fix */
  2890.  
  2891. #egl_email_address_input {
  2892. font-size: 16px !important;
  2893. }
  2894.  
  2895.  
  2896. /* PDP - Chevron Mods 15-01-2018 ends */
  2897.  
  2898.  
  2899. }
  2900.  
  2901. #footer_extra_help a:hover,
  2902. #footer_extra_help a:active {
  2903. background-color: #000000;
  2904. text-decoration: none
  2905. }
  2906.  
  2907. .dijitTooltipRight .dijitTooltipConnector {
  2908. left: 0;
  2909. bottom: 7px;
  2910. background: none !important;
  2911. width: 0 !important;
  2912. height: 0 !important;
  2913. border-style: solid;
  2914. border-width: 8px 16px 8px 0;
  2915. border-color: transparent #B94A48 transparent transparent;
  2916. }
  2917.  
  2918. .dijitTooltipBelow .dijitTooltipConnector {
  2919. top: 0;
  2920. left: 3px;
  2921. background: none !important;
  2922. width: 0 !important;
  2923. height: 0 !important;
  2924. border-style: solid;
  2925. border-width: 0 12px 16px 12px;
  2926. border-color: transparent transparent #B94A48 transparent;
  2927. }
  2928.  
  2929. .dijitTooltipAbove .dijitTooltipConnector {
  2930. background: none !important;
  2931. border-color: #b94a48 transparent transparent;
  2932. border-style: solid;
  2933. border-width: 16px 8px 0;
  2934. bottom: 0;
  2935. height: 0 !important;
  2936. left: 3px;
  2937. width: 0 !important;
  2938. }
  2939. /* Override green & grey slider buttons */
  2940.  
  2941. #egl_slider_controller a {
  2942. background: #bbbbbb;
  2943. border-radius: 50%;
  2944. }
  2945.  
  2946. .activeSlide {
  2947. background-image: none !important;
  2948. background: #00ff00 !important;
  2949. }
  2950.  
  2951. .owl-dots .owl-dot.active span {
  2952. border: none !important;
  2953. background-image: none !important;
  2954. background: #00ff00 !important;
  2955. border-radius: 50%;
  2956. }
  2957.  
  2958. .owl-dots .owl-dot span {
  2959. border: none !important;
  2960. background-image: none !important;
  2961. background: #bbbbbb !important;
  2962. border-radius: 50%;
  2963. }
  2964. /* extra styles for header Call Us */
  2965.  
  2966. .egl_mobile_call_us {
  2967. height: 37px;
  2968. background: #e7e7e7;
  2969. text-align: right;
  2970. padding: 7px 10px 0 0;
  2971. vertical-align: text-top;
  2972. }
  2973.  
  2974. .egl_mobile_call_us_link {
  2975. color: #222222;
  2976. font-family: Tahoma, Arial;
  2977. font-size: 9px;
  2978. font-weight: bold;
  2979. }
  2980.  
  2981. .egl_call_us_popup_inner {
  2982. text-align: center;
  2983. padding: 10px;
  2984. }
  2985.  
  2986. .egl_call_us_logo {
  2987. max-height: 35px;
  2988. }
  2989.  
  2990. .egl_call_us_popup_close {
  2991. font-size: 90%;
  2992. }
  2993.  
  2994. .egl_call_us_icon {
  2995. height: 20px;
  2996. vertical-align: middle;
  2997. }
  2998.  
  2999. .egl_call_us_text {
  3000. height: 12px;
  3001. display: inline-block;
  3002. vertical-align: middle;
  3003. }
  3004.  
  3005. @media (max-width: 738px) {
  3006. div.widget_search_dropdown_position {
  3007. top: 152px !important;
  3008. }
  3009. }
  3010.  
  3011. @media (min-width: 372px) and (max-width: 738px) {
  3012.  
  3013. .egl_portrait_product_images .amp-main-img {
  3014. width: inherit !important;
  3015. max-width: inherit !important;
  3016. height: auto;
  3017. vertical-align: middle;
  3018. margin: 0 auto;
  3019. }
  3020.  
  3021. }
  3022.  
  3023. @media (max-width: 371px) {
  3024.  
  3025. .egl_portrait_product_images .amp-main-img {
  3026. width: 100% !important;
  3027. max-width: 100% !important;
  3028. height: auto;
  3029. vertical-align: middle;
  3030. margin: 0 auto;
  3031. }
  3032.  
  3033. }
  3034. </style>
  3035.  
  3036. <div class="egl_mobile_only">
  3037. <div id="footer_extra_help">
  3038. <ul>
  3039. <li>
  3040. <a href="/shop/en/studio/content/contact" rel="nofollow">Contact Us</a>
  3041. </li>
  3042. <li>
  3043. <a href="/shop/en/studio/content/terms-about" rel="nofollow">Terms &amp; Conditions</a>
  3044. </li>
  3045. <li>
  3046. <a href="/relative/terms-conditions/delivery" rel="nofollow">Deliveries</a>
  3047. </li>
  3048. <li>
  3049. <a href="/shop/en/MyAccountOrders?trackOrders=Y&catalogId=10051&langId=-1&viewOrders=Y&storeId=10202" rel="nofollow">Track My Order</a>
  3050. </li>
  3051. <li>
  3052. <a href="/shop/en/studio/buying-guides/product-buying-guides">Buying Guides</a>
  3053. </li>
  3054. <li>
  3055. <a href="/shop/en/studio/content/product-recalls" rel="nofollow">Product Recalls</a>
  3056. </li>
  3057. <li>
  3058. <a href="/shop/en/studio/content/become-an-affiliate">Become an Affiliate</a>
  3059. </li>
  3060. <li>
  3061. <a href="https://www.express-gifts.co.uk/careers" target="_blank">Careers at Studio</a>
  3062. </li>
  3063. <li>
  3064. <a href="/relative/your-money/home">Your Money</a>
  3065. </li>
  3066. </ul>
  3067. </div>
  3068. <nav class="tab-bar">
  3069. <div class="egl_footer_wrapper_div">
  3070. <ul class="egl_container_navigation">
  3071. <li class="egl_li_more">
  3072. <a href="javascript:void(0)" class="egl_navigation_list">
  3073. <div class="footer-carat"></div>
  3074. <span class="egl_navigation_list_inner footer-more">MORE</span>
  3075. </a>
  3076. </li>
  3077. <li class="egl_li_quickshop">
  3078. <a href="/webapp/wcs/stores/servlet/en/studio/quick-shop" class="egl_navigation_list" rel="nofollow">
  3079. <div class="egl_nav_sprite egl_footer_quickshop"></div>
  3080. <span class="egl_navigation_list_inner">QUICK SHOP</span>
  3081. </a>
  3082. </li>
  3083. <li class="egl_li_help">
  3084. <a href="/shop/en/studio/content/help" class="egl_navigation_list" rel="nofollow">
  3085. <div class="egl_nav_sprite egl_footer_help"></div>
  3086. <span class="egl_navigation_list_inner">HELP</span>
  3087. </a>
  3088. </li>
  3089. <li class="egl_li_signin">
  3090. <a class="egl_navigation_list" href="/webapp/wcs/stores/servlet/ReturningCustomerLogIn?catalogId=10051&myAcctMain=1&langId=-1&storeId=10202&URL=" rel="nofollow">
  3091. <div class="egl_nav_sprite egl_footer_signin"></div>
  3092. <span class="egl_navigation_list_inner">SIGN IN</span>
  3093. </a>
  3094. </li>
  3095. </ul>
  3096. </div>
  3097.  
  3098.  
  3099. <!-- Call us lightbox -->
  3100. <div class="egl_full_size_guide egl_pop_up_container egl_popup_background_1 egl_call_us_popup">
  3101. <div class="egl_size_guide_pop_up_container egl_box_style_1 egl_call_us_popup_inner">
  3102. <div style="text-align: right;">
  3103. <a class="egl_call_us_popup_close" href="#">CLOSE&nbsp;&nbsp;
  3104. <img src="/wcsstore/egl-credit-sas01/images/creatives/icons/quick-info-close.jpg">
  3105. </a>
  3106. </div>
  3107. <img class="egl_call_us_logo" src="/wcsstore/studio/images/logos/logo-header.png" alt="Studio logo">
  3108. <p>
  3109. <strong>Orderline:</strong> <a href="tel:0872 7370 000">0872 7370 000</a>
  3110. <br>Calls cost 13p per minute plus your phone company's access charge (average cost of call 68p).<br><br>
  3111.  
  3112. <strong>Careline:</strong> <a href="tel:0371 200 0378">0371 200 0378</a>
  3113. <br>Calls to 0371 numbers are charged at the same rate as standard landline numbers that start with '01' or '02'. If your phone tariff offers inclusive calls to landlines, calls to 0371 numbers will also be included in the same way.
  3114.  
  3115. </p>
  3116. <br>&nbsp;
  3117. <div style="clear: right"></div>
  3118. </div>
  3119. </div>
  3120.  
  3121.  
  3122.  
  3123.  
  3124. <script>
  3125. jQuery('.responsive-footer .egl_footer_wrapper_div .egl_li_more').click(function () {
  3126. jQuery('#footer_extra_help').slideToggle();
  3127. jQuery('.footer-carat').toggleClass('footer_more_rotate');
  3128. if (jQuery('.footer-more').html() == "MORE") {
  3129. jQuery('.footer-more').html("LESS")
  3130. } else {
  3131. jQuery('.footer-more').html("MORE")
  3132. }
  3133. })
  3134.  
  3135. //Call us lightbox controller
  3136. jQuery(document).ready(function () {
  3137.  
  3138. if (jQuery('.egl_header_mobile').length) {
  3139.  
  3140. phoneHTML = '<div class="egl_mobile_call_us"><a class="egl_mobile_call_us_link" href="#"><img src="/wcsstore/egl-credit-sas01/images/static-content/call_us_icon.png" class="egl_call_us_icon"><div class="egl_call_us_text">CALL US</div></a></div>';
  3141.  
  3142. jQuery('.egl_header_mobile').before(phoneHTML);
  3143.  
  3144. // Show lightbox click
  3145. jQuery('.egl_mobile_call_us_link').click(function () {
  3146. jQuery('.egl_call_us_popup').show();
  3147.  
  3148. if (typeof (dataLayer) !== 'undefined' ) {
  3149. dataLayer.push({
  3150. 'event': 'customevent',
  3151. 'eventcategory': 'Click',
  3152. 'eventaction': 'Call Us mobile banner',
  3153. 'eventlabel': '',
  3154. 'eventvalue': ''
  3155. });
  3156. }
  3157.  
  3158. });
  3159.  
  3160. // Hide lightbox click
  3161. if (jQuery('.egl_call_us_popup_close').length) {
  3162. jQuery('.egl_call_us_popup_close').click(function () {
  3163. jQuery('.egl_call_us_popup').hide();
  3164. });
  3165. }
  3166. }
  3167.  
  3168.  
  3169. //scroll to the top when navigating through categories in the mobile megamenu
  3170. jQuery('.egl_header_mobile_wrapper ul.dropdown li.has-dropdown.not-click').click(function (e) {
  3171.  
  3172. jQuery(window).scrollTop(0);
  3173.  
  3174. });
  3175.  
  3176. // Temp behaviour for Release 4.7 mobile megamenu
  3177. // Poll for the mobile megamenu so we can add the accordion behaviour
  3178. var menuPollCount = 0;
  3179. var menuPoller = setInterval ( function(){
  3180. menuPollCount++;
  3181. if ( menuPollCount < 40 ){
  3182. //console.info('### Polling megamenu, ' +menuPollCount);
  3183. if ( jQuery('.left-off-canvas-menu').length ){
  3184.  
  3185. // Check the behaviour wasn't already added
  3186. var $menuPlus = jQuery('.egl_megaMenuCanToggle a .dropdownContainer');
  3187. if ( typeof jQuery._data( $menuPlus.get(0), "events") == 'undefined' ) {
  3188. console.info('### Adding megamenu behaviour');
  3189. $menuPlus.click(function(e) {
  3190.  
  3191. var $this = jQuery(this);
  3192.  
  3193. if ($this.closest('li').find('.egl_megaMenuDropDown').length) {
  3194. e.preventDefault();
  3195. }
  3196.  
  3197. if ($this.closest('a').next().hasClass('show')) {
  3198. $this.closest('a').next().removeClass('show');
  3199. $this.closest('a').next().slideUp(350);
  3200. $this.closest('a').removeClass('egl_flyout_tapped');
  3201. } else {
  3202. $this.closest('a').parent().parent().find('.egl_flyout_tapped').first().removeClass('egl_flyout_tapped');
  3203. $this.closest('a').parent().parent().find('.egl_flyout_active').first().removeClass('egl_flyout_active');
  3204. $this.closest('a').parent().parent().find('ul.egl_megaMenuDropDown').removeClass('show');
  3205. $this.closest('a').parent().parent().find('ul.egl_megaMenuDropDown').slideUp(350);
  3206. $this.closest('a').next().toggleClass('show');
  3207. $this.closest('a').next().slideToggle(350);
  3208. $this.closest('a').addClass('egl_flyout_tapped');
  3209. }
  3210.  
  3211. });
  3212. }
  3213. else {
  3214. console.info('### Behaviour already in place');
  3215. }
  3216. clearInterval( menuPoller );
  3217. }
  3218. }
  3219. else {
  3220. clearInterval( menuPoller );
  3221. }
  3222.  
  3223. }, 500 );
  3224.  
  3225.  
  3226. }); // .ready()
  3227.  
  3228.  
  3229. </script><!-- END ContentRecommendation.jsp -->
  3230. </div>
  3231. </div>
  3232.  
  3233.  
  3234.  
  3235. <script type="text/javascript">
  3236. dojo.addOnLoad(function() {
  3237. //Make sure page is loaded at this point
  3238. //Set requestedSubmitted to false
  3239. requestSubmitted = false;
  3240.  
  3241. // All div's whose id attribute contains dojoWidget subString -- dojo.query('div[id*="dojoWidget"]')
  3242. // All div's which contains dojoType attribute -- dojo.query(div[dojoType])
  3243. dojo.query('div[dojoType]').forEach(function(node, index, arr){
  3244. console.debug("Parse "+node.id);
  3245. addToWidgetsList(node.id);
  3246. });
  3247. parseAllWidgets();
  3248. });
  3249. </script><!-- End Footer_UI.jsp -->
  3250.  
  3251. <script src="/wcsstore/egl-credit-sas01/javascript/hashtable.js" type="text/javascript"> </script>
  3252. <script src="/wcsstore/egl-credit-sas01/javascript/rsa.js" type="text/javascript"> </script>
  3253. <!-- END Footer.jsp -->
  3254. </div>
  3255. <!-- Footer End -->
  3256. </div>
  3257. </div>
  3258. </div>
  3259.  
  3260. </body>
  3261. </html>
  3262. <!-- END ReturningLogin.jsp -->
  3263.  
  3264.  
  3265.  
  3266. ----------------------------------------------------------------------------------
  3267. <-----Bot Status: Failure Source Keyword Match -> Found Key [Forgotten your password? Click here.] - Source Length: 128561----->
  3268. ---------------------------------------------------------------------------------->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!