1<!DOCTYPE html> 2<html lang="en"> 3 4<head> 5 6 <!-- Google Tag Manager --> 7
7<script>
vendor: 400 bytes, lines 7-14
7(function (w, d, s, l, i) { 8 w[l] = w[l] || []; w[l].push({ 9 'gtm.start': 10 new Date().getTime(), event: 'gtm.js' 11 }); var f = d.getElementsByTagName(s)[0], 12 j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 13 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); 14 })(window, document, 'script', 'dataLayer', '
14GTM-MGD4JRW
vendor: 3 bytes, line 14
14');
14</script>
14 15 <!-- End Google Tag Manager --> 16 17 <!-- branch.io --> 18
18<script> 19 // Load Branch 20 (function(b,r,a,n,c,h,_,s,d,k){if(!b[n]||!b[n]._q){for(;s<_.length;)c(h,_[s++]);d=r.createElement(a);d.async=1;d.src="https://cdn.branch.io/branch-latest.min.js";k=r.getElementsByTagName(a)[0];k.parentNode.insertBefore(d,k);b[n]=h}})(window,document,"script","branch",function(b,r){b[r]=function(){b._q.push([r,arguments])}},{_q:[],_v:1},"addListener banner closeBanner closeJourney data deepview deepviewCta first init link logout removeListener setBranchViewData setIdentity track trackCommerceEvent logEvent disableTracking getBrowserFingerprintId crossPlatformIds lastAttributedTouchData setAPIResponseCallback qrCode setRequestMetaData setAPIUrl getAPIUrl setDMAParamsForEEA".split(" "), 0); 21 </script>
21 22 23 24 <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1"> 25 <meta http-equiv="X-UA-Compatible" content="IE=Edge"> 26 <meta name="description" 27 content="More than a grocery store, gas station, agro centre or home centre. We are owned by and give back to our communities."> 28 <link rel="icon" href="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/custom/fcl.ico" type="image/x-icon" /> 29 <link rel="icon" sizes="16x16 32x32 64x64" href="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/fcl48x48.ico"> 30 <link rel="icon" type="image/png" sizes="16x16" href="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/fcl16x16.png"> 31 <link rel="icon" type="image/png" sizes="32x32" href="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/fcl32x32.png"> 32 <link rel="icon" type="image/png" sizes="48x48" href="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/fcl48x48.png"> 33 34 <link rel="apple-touch-icon" sizes="150x150" href="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/fcl150x150.png"> 35 <link rel="apple-touch-icon" sizes="180x180" href="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/fcl180x180.png"> 36 37 <meta name="msapplication-TileColor" content="#CC0000"> 38 <meta name="msapplication-TileImage" content="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/fcl150x150.png"> 39 <meta name="msapplication-config" content="/CoopCRSThemeStatic/themes/CoopCRSTheme/browserconfig.xml"> 40 41 <link rel="mask-icon" href="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/fcl.svg" color="#CC0000"> 42 43 <!-- rel=dynamic-content indicates an element that is replaced with the contents produced by the specified href. 44 dyn-cs:* URIs are resolved using the values within the 'wp_dynamicContentSpots_85' theme module. --> 45 <link rel="stylesheet" href="/contenthandler/!ut/p/digest!AhGks28HqDCd2i-EfAEb1g/sp/mashup:ra:collection?soffset=0&eoffset=17&themeID=ZJ_3H1C1OC0M0HH60Q52POP1R0GQ3&locale=en&mime-type=text%2Fcss&lm=1788360664000&entry=wp_toolbar_common__0.0%3Ahead_css&entry=wp_dialog_css__0.0%3Ahead_css&entry=wp_toolbar_logo__0.0%3Ahead_css&entry=wp_theme_portal_edit_85__0.0%3Ahead_css&entry=wp_theme_portal_85__0.0%3Ahead_css&entry=wp_portlet_css__0.0%3Ahead_css&entry=wp_toolbar_common_actionbar__0.0%3Ahead_css&entry=wp_simple_contextmenu_css__0.0%3Ahead_css&entry=wp_toolbar_actionbar__0.0%3Ahead_css&entry=wp_ic4_wai_resources__0.0%3Ahead_css&entry=wp_toolbar_sitepreview__0.0%3Ahead_css&entry=wp_toolbar_moremenu__0.0%3Ahead_css&entry=wp_status_bar__0.0%3Ahead_css&entry=wp_toolbar_projectmenu__0.0%3Ahead_css&entry=wp_analytics_aggregator__0.0%3Ahead_css&entry=wp_oob_sample_styles__0.0%3Ahead_css" type="text/css"/><link rel="alternate" id="head_css_deferred" href="/contenthandler/!ut/p/digest!AhGks28HqDCd2i-EfAEb1g/sp/mashup:ra:collection?soffset=0&eoffset=7&themeID=ZJ_3H1C1OC0M0HH60Q52POP1R0GQ3&locale=en&mime-type=text%2Fcss&lm=1788360664000&entry=wp_contextmenu_css__0.0%3Ahead_css&entry=wp_federated_documents_picker__0.0%3Ahead_css&entry=wp_analytics_tags__0.0%3Ahead_css&entry=wp_dnd_css__0.0%3Ahead_css&entry=wcm_inplaceEdit__0.0%3Ahead_css&entry=wp_content_targeting_cam__0.0%3Ahead_css&deferred=true"/>
45<script type="text/javascript">var djConfig={"baseUrl":"/portal_dojo/v1.9/dojo/","locale":"en","isDebug":false,"debugAtAllCosts":false,"parseOnLoad":false,"afterOnLoad":false,"has":{"dojo-bidi":true},"modulePaths":{"com":"/themeModules/js/com","ibm":"/themeModules/js/ibm","pagebuilder":"/themeModules/modules/pagebuilder/js","portalclient":"/themeModules/modules/portalclient/js","asa":"/themeModules/modules/asa/js","contentmapping":"/themeModules/modules/contentmapping/js","federation":"/themeModules/modules/federation/js"}};djConfig.locale=djConfig.locale.replace(/_/g, "-").replace(/iw/, "he").toLowerCase();(function(){if (typeof(wpModules) == 'undefined') wpModules = {}; if (typeof(wpModules.state) == 'undefined') wpModules.state = {}; if (typeof(wpModules.state.page) == 'undefined') wpModules.state.page = {};wpModules.state.page._initial=[{"nsuri":"http://www.ibm.com/xmlns/prod/websphere/portal/publicparams","name":"selection","value":["Z6_5H8C1980M86M106CKT8NLQ30I2"]},{"nsuri":"http://www.ibm.com/xmlns/prod/websphere/portal/publicparams","name":"labelMappings","value":["Z6_000000000000000000000000A0","Z6_5H8C1980M86M106CKT8NLQ30I2","Z6_5H8C1980M86M106CKT8NLQ30I2","Z6_000000000000000000000000A0"]},{"nsuri":"http://www.ibm.com/xmlns/prod/websphere/portal/publicparams","name":"expansions","value":["Z6_000000000000000000000000A0"]}];wpModules.state.page.selectionPath=['Z6_000000000000000000000000A0','Z6_5H8C1980M86M106CKT8NLQ30I2'];wpModules.state.page.supportsEditMode=true;wpModules.state.page.supportsToolbar=true;wpModules.state.page.path='';wpModules.state.page.protectedPath='/myportal';wpModules.state.page.publicPath='';})();</script>
45<script type="text/javascript" src="/contenthandler/!ut/p/digest!AhGks28HqDCd2i-EfAEb1g/mashup/ra:collection?themeID=ZJ_3H1C1OC0M0HH60Q52POP1R0GQ3&locale=en&mime-type=text%2Fjavascript&lm=1788360664000&entry=wp_client_main__0.0%3Ahead_js&entry=wp_client_ext__0.0%3Ahead_js&entry=wp_client_logging__0.0%3Ahead_js&entry=wp_client_tracing__0.0%3Ahead_js&entry=wp_modules__0.0%3Ahead_js&entry=wp_photon_dom__0.0%3Ahead_js&entry=wp_toolbar_common__0.0%3Ahead_js&entry=wp_dialog_util__0.0%3Ahead_js&entry=wp_dialog_draggable__0.0%3Ahead_js&entry=wp_dialog_main__0.0%3Ahead_js&entry=wp_a11y__0.0%3Ahead_js&entry=wp_state_page__0.0%3Ahead_js&entry=wp_theme_portal_85__0.0%3Ahead_js&entry=wp_theme_utils__0.0%3Ahead_js&entry=wp_toolbar_viewframe_validator__0.0%3Ahead_js&entry=wp_analytics_aggregator__0.0%3Ahead_js"></script>
45<link rel="alternate" id="head_js_deferred" href="/contenthandler/!ut/p/digest!Oz0DwGGQk5RSzfLavfzTxw/mashup/ra:collection?themeID=ZJ_3H1C1OC0M0HH60Q52POP1R0GQ3&locale=en&mime-type=text%2Fjavascript&lm=1741991890000&entry=dojo_19__0.0%3Ahead_js&entry=dojo_app_19__0.0%3Ahead_js&entry=dojo_fx_19__0.0%3Ahead_js&entry=dojo_dom_19__0.0%3Ahead_js&entry=dojo_dnd_basic_19__0.0%3Ahead_js&entry=dojo_data_19__0.0%3Ahead_js&entry=dojo_selector_lite_19__0.0%3Ahead_js&entry=dijit_19__0.0%3Ahead_js&entry=dojo_dnd_ext_19__0.0%3Ahead_js&entry=dijit_layout_basic_19__0.0%3Ahead_js&entry=dojox_layout_basic_19__0.0%3Ahead_js&entry=dijit_menu_19__0.0%3Ahead_js&entry=dojo_fmt_19__0.0%3Ahead_js&entry=dijit_tree_19__0.0%3Ahead_js&entry=wp_dnd_namespace__0.0%3Ahead_js&entry=wp_dnd_source__0.0%3Ahead_js&entry=dijit_layout_ext_19__0.0%3Ahead_js&entry=dijit_form_19__0.0%3Ahead_js&entry=wp_client_selector__0.0%3Ahead_js&entry=wp_client_dnd__0.0%3Ahead_js&entry=wp_contextmenu_js__0.0%3Ahead_js&entry=wp_dnd_target__0.0%3Ahead_js&entry=wp_dnd_util__0.0%3Ahead_js&entry=wcm_inplaceEdit__0.0%3Ahead_js&deferred=true"/><link id="BNMO-yqVcxD" rel="alternate" href="https://www.co-op.crs/shop/!ut/p/z0/04_Sj9CPykssy0xPLMnMz0vMAfIjo8ziTT0snA0tLQx8Lcx8DQ3MnL1DLPx8Ao0NPI30C7IdFQFrGxMz/">
45<script type="text/javascript">(function() { 46 var element = document.getElementById("BNMO-yqVcxD"); 47 if (element) { 48 wpModules.theme.WindowUtils.baseURL.resolve(element.href); 49 } 50}());</script>
50<style id="layout-wstate-styles"></style><base href="https://www.co-op.crs/shop/!ut/p/z0/04_Sj9CPykssy0xPLMnMz0vMAfIjo8ziTT0snA0tLQx8Lcx8DQ3MnL1DLPx8Ao0NPI30C7IdFQFrGxMz/"> 51<title>Shop | Co-op</title> 52 53 54<link id="com.ibm.lotus.NavStateUrl" rel="alternate" href="/shop/!ut/p/z0/04_Sj9CPykssy0xPLMnMz0vMAfIjo8ziTT0snA0tLQx8Lcx8DQ3MnL1DLPx8Ao0NPI30C7IdFQFrGxMz/" /> 55 56 57<meta name="apple-itunes-app" content="app-id=573048102"> 58 59<style> 60 .skip { 61 position: absolute; 62 left: -10000px; 63 top: auto; 64 width: 1px; 65 height: 1px; 66 overflow: hidden; 67} 68 69.skip:focus { 70 position: static; 71 width: auto; 72 height: auto; 73} 74</style> 75<a href="#main" class="js-skip skip">Skip to main content</a> 76
77<script> 78 document.querySelector('.js-skip').addEventListener('click', function(event) { 79 event.preventDefault(); 80 81 const targetDiv = document.getElementById('main'); 82 const firstFocusableChild = getFirstFocusableChild(targetDiv); 83 targetDiv.scrollIntoView({ behavior: 'smooth', block: 'start' }); 84 85 if (firstFocusableChild) { 86 firstFocusableChild.focus(); // Focus the first focusable child 87 } 88 }) 89 90 // Utility function to check if an element is focusable 91 function isElementFocusable(el) { 92 return el.offsetWidth > 0 && el.offsetHeight > 0 && el.tabIndex >= 0; 93 } 94 95 // Utility function to find the first focusable child element within a container 96 function getFirstFocusableChild(el) { 97 const focusableElements = el.querySelectorAll('a, button, input, select, textarea, [tabindex]:not([tabindex="-1"])'); 98 return Array.from(focusableElements).find(element => isElementFocusable(element)); 99 } 100</script>
100<!-- Bootstrap imports --> 101 <!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" 102 integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" 103 crossorigin="anonymous"> --> 104 <link rel="stylesheet" href="/CoopCRSThemeStatic/themes/CoopCRSTheme/local/css/bootstrap.min.css"> 105 106
106<script src="https://code.jquery.com/jquery-3.5.1.min.js" 107 integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
107 108 109
109<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" 110 integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" 111 crossorigin="anonymous"></script>
111 112 <!--
112<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" 113 integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" 114 crossorigin="anonymous"></script>
114 --> 115
115<script src="/CoopCRSThemeStatic/themes/CoopCRSTheme/local/js/bootstrap.min.js"></script>
115 116 117 118 119 120
120<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js" 121 integrity="sha256-VazP97ZCwtekAsvgPBSUwPFKdrwD3unUfSGVYrahUqU=" crossorigin="anonymous"></script>
121 122
122<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.tablesorter/2.31.3/js/jquery.tablesorter.min.js" 123 integrity="sha512-qzgd5cYSZcosqpzpn7zF2ZId8f/8CHmFKZ8j7mU4OUXTNRd5g+ZHBPsgKEwoqxCtdQvExE5LprwwPAgoicguNg==" 124 crossorigin="anonymous" referrerpolicy="no-referrer"></script>
124 125 126 <link 127 href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic' 128 rel='stylesheet' type='text/css'> 129 <link rel="stylesheet" 130 type='text/css' 131 href="https://cdnjs.cloudflare.com/ajax/libs/jquery.tablesorter/2.31.3/css/theme.bootstrap_4.min.css" 132 integrity="sha512-2C6AmJKgt4B+bQc08/TwUeFKkq8CsBNlTaNcNgUmsDJSU1Fg+R6azDbho+ZzuxEkJnCjLZQMozSq3y97ZmgwjA==" 133 crossorigin="anonymous" referrerpolicy="no-referrer" /> 134 <link rel="stylesheet" href="/CoopCRSThemeStatic/themes/CoopCRSTheme/css/custom/custom.css?v=77142d35f87ad97fbae474985b9813d72dcfba4d-82-ver" /> 135 136 <!--
136<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/barcodes/JsBarcode.code128.min.js" ></script>
136 --> 137
137<script src="/CoopCRSThemeStatic/themes/CoopCRSTheme/local/node_modules/jsbarcode/dist/JsBarcode.all.min.js"></script>
137 138 139
139<script src="/CoopCRSThemeStatic/themes/CoopCRSTheme/js/custom/cookies.js"></script>
139 140 <!-- IE support: add promises polyfill before msal.js --> 141
141<script type="text/javascript" src="/CoopCRSThemeStatic/themes/CoopCRSTheme/local/node_modules/bluebird/js/browser/bluebird.min.js"></script>
141 142
142<script type="text/javascript" src="https://alcdn.msauth.net/browser/2.25.0/js/msal-browser.min.js"></script>
142 143 <!-- importing app scripts | load order is important --> 144
144<script type="text/javascript" src="/CoopCRSThemeStatic/themes/CoopCRSTheme/js/custom/authConfig.js"></script>
144 145
145<script type="text/javascript" src="/CoopCRSThemeStatic/themes/CoopCRSTheme/js/custom/ui.js"></script>
145 146
146<script type="text/javascript" src="/CoopCRSThemeStatic/themes/CoopCRSTheme/js/custom/auth.js"></script>
146 147 <!-- importing fcl auth library | load order is important --> 148 149 150 <!--
150<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/axios.min.js"></script>
150 --> 151
151<script src="https://unpkg.com/[email protected]/dist/axios.min.js"></script>
151 152
152<script type="text/javascript" src="/CoopCRSThemeStatic/themes/CoopCRSTheme/js/custom/fclauth.js?v=77142d35f87ad97fbae474985b9813d72dcfba4d-82-ver"></script>
152 153
153<script type="text/javascript" src="/CoopCRSThemeStatic/themes/CoopCRSTheme/js/custom/httphelper.js?v=77142d35f87ad97fbae474985b9813d72dcfba4d-82-ver"></script>
153 154
154<script type="text/javascript" src="/CoopCRSThemeStatic/themes/CoopCRSTheme/js/custom/utilities.js?v=77142d35f87ad97fbae474985b9813d72dcfba4d-82-ver"></script>
154 155
155<script type="text/javascript" src="/CoopCRSThemeStatic/themes/CoopCRSTheme/js/custom/analytics.js?v=77142d35f87ad97fbae474985b9813d72dcfba4d-82-ver"></script>
155 156
156<script type="text/javascript" src="/CoopCRSThemeStatic/themes/CoopCRSTheme/js/custom/toast.js?v=77142d35f87ad97fbae474985b9813d72dcfba4d-82-ver"></script>
156 157
157<script type="text/javascript" src="/CoopCRSThemeStatic/themes/CoopCRSTheme/js/custom/constants.js?v=77142d35f87ad97fbae474985b9813d72dcfba4d-82-ver"></script>
157 158
158<script type="text/javascript" src="/CoopCRSThemeStatic/themes/CoopCRSTheme/js/custom/outage.js?v=77142d35f87ad97fbae474985b9813d72dcfba4d-82-ver"></script>
158 159 160 <!-- SFDC Import --> 161 <!--
161<script type="text/javascript" src="https://cdn.c360a.salesforce.com/beacon/c360a/dedf5d76-f2e1-4fe5-9e4c-09b633fba785/scripts/c360a.min.js"></script>
161 --> 162 <!--
162<script type="text/javascript" src="https://cdn.c360a.salesforce.com/beacon/c360a/667d4e6b-9540-4974-817b-5c14ea1f652b/scripts/c360a.min.js"></script>
162 --> 163
163<script type="text/javascript" src="https://unpkg.com/[email protected]/dist/handlebars.min.js"></script>
163 164 165 <!--
165<script type="text/javascript" src="/CoopCRSThemeStatic/themes/CoopCRSTheme/js/custom/coopcrs-sitemap.js"></script>
165 --> 166 167</head> 168 169<body class="locale_en"> 170 171 <!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 171-172
171 172 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
172GTM-MGD4JRW
vendor: 87 bytes, lines 172-174
172" height="0" width="0" 173 style="display:none;visibility:hidden"></iframe></noscript> 174
174<!-- End Google Tag Manager (noscript) --> 175 176 <!-- toast template --> 177 <div id="fclToast" class="fcl-toast toast js-toast" role="alert" aria-live="assertive" aria-atomic="true" style="position: fixed;" data-animation="false" data-delay="5000"> 178 <div class="d-flex align-items-start"> 179 <img class="fcl-toast-icon pt-1" src="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/icons/white/Exclamation.svg" alt="Exclamation"> 180 <div class="pl-3"> 181 <div id="toastHeader" class="fcl-toast-header fcl-text-sm">Bootstrap</div> 182 <div id="toastBody" class="fcl-toast-body fcl-text-xs fcl-fw-400">Hello, world! This is a toast message.</div> 183 </div> 184 </div> 185 </div> 186 187 <!-- end toast --> 188 189 <!-- Cookie modal --> 190 <div class="js-modal-cookie modal fade" id="cookieModal" tabindex="-1" role="dialog" aria-labelledby="cookieModalLabel"> 191 <div class="modal-dialog modal-md" role="document"> 192 <div class="modal-content"> 193 <div class="modal-header"> 194 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 195 <span aria-hidden="true">×</span> 196 </button> 197 </div> 198 <div class="modal-body px-2 px-md-5"> 199 <p class="modal-p text-center text-md-left px-1 px-md-3">This website uses cookies for a range of purposes to help 200 us understand your interests, 201 personalize content, improve website functionality and performance, analyse traffic, to 202 enable social media features and for other marketing purposes. To learn more about how 203 we use cookies or to change your preference or browser settings please see our <a 204 href="/contact-us/privacy-terms">Data Use 205 and Privacy Policy</a> for details. By using our website you acknowledge the use of 206 cookies 207 as indicated as set out in our Data Use and Privacy Policy</p> 208 <div class="col-sm-12 pt-3"> 209 <div class="d-flex justify-content-center align-items-center"> 210 <a class="btn-fcl z-index-15 js-cookie-accept" href>I Accept</a> 211 </div> 212 </div> 213 </div> 214 </div> 215 </div> 216 </div> 217 <!-- End Cookie modal --> 218 219 <!-- Email Modal --> 220 <div class="modal signin-modal" id="emailModal" tabindex="-1" role="dialog" aria-labelledby="emailModalLabel" aria-hidden="true"> 221 <div class="modal-dialog" role="document"> 222 <div class="modal-content fcl-modal-content"> 223 <div class="modal-header"> 224 <h2 class="modal-title fcl-modal-title fcl-text-lg" id="emailModalLabel">Enter Email</h2> 225 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 226 <span aria-hidden="true">×</span> 227 </button> 228 </div> 229 <div class="modal-body pt-1"> 230 <div class="outage-modal-container-notification" style="display:none"></div> 231 <div class="outage-container-html" style="display:none"></div> 232 <div class="fcl-modal-desc mb-4">Enter your email address to sign in or sign up.</div> 233 <label class="fcl-form-label" for="emailInput">Email</label> 234 <input id="emailInput" type="email" autocomplete="email" required> 235 <div class="fcl-invalid-feedback email-error error-message hidden"> 236 <p>Incorrect email format</p> 237 </div> 238 <div class="spinner-container" style="display:none"> 239 <div class="spinner"></div> 240 </div> 241 </div> 242 <div class="modal-footer"> 243 <a id="emailContinue" onclick="resolvePath()" type="button" class="btn btn-fcl">Continue</a> 244
244<script> 245 $("#main").click(e => e.preventDefault()) 246 $(".js-skip").click(e => e.preventDefault()) 247 248 function validateEmail() { 249 var emailInput = document.querySelector("#emailInput"); 250 let re = new RegExp("[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,}$"); 251 let valid = re.test(emailInput.value); 252 let emailError = document.querySelector(".email-error"); 253 if (valid == true) { 254 emailError.classList.add("hidden"); 255 return true; 256 } else { 257 emailError.classList.remove("hidden"); 258 return false; 259 } 260 } 261 262 $('#emailInput').keyup(function(e){ 263 var code = e.key; // recommended to use e.key, it's normalized across devices and languages 264 if(code==="Enter") { 265 e.preventDefault(); 266 $("#emailContinue").click(); 267 } 268 }); 269 270 function resolvePath(){ 271 if(validateEmail()) { 272 $("#emailContinue").prop('disabled', true); 273 274 $(".spinner-container").show(); 275 276 if (FCLCookies.getCookie('coopuser')){ 277 let data = JSON.parse(FCLCookies.getCookie('coopuser')); 278 Object.keys(localStorage) 279 .filter(x => 280 x.startsWith(data.data.id)) 281 .forEach(x => 282 localStorage.removeItem(x)) 283 FCLauth.clearSession(); 284 } 285 286 let analyticsObject = { 287 'event': 'select_content', 288 'content_type': "Modal", 289 'item_id': "Enter Email" 290 }; 291 292 analytics.sendEventWithAppName(analyticsObject, "sign_in"); 293 294 $(".signin-modal .modal-footer").hide(); 295 let email = $("#emailInput").val(); 296 let exists = FCLauth.userExists($('#emailInput').val()) 297 .then((data) => { 298 if (data.data.exists){ 299 FCLauth.signinwithoptions(email); 300 } else { 301 window.location.href = '/path?email=' + email; 302 } 303 }); 304 } 305 } 306 function resolveNewSignUp(){ 307 if(validateEmail()) { 308 $("#emailContinue").prop('disabled', true); 309 $(".spinner-container").show(); 310 let analyticsObject = { 311 'event': 'select_content', 312 'content_type': "Modal", 313 'item_id': "Enter Email" 314 }; 315 316 analytics.sendEventWithAppName(analyticsObject, "sign_in"); 317 318 $(".signin-modal .modal-footer").hide(); 319 let email = $("#emailInput").val(); 320 let exists = FCLauth.userExists($('#emailInput').val()) 321 .then((data) => { 322 if (data.data.exists){ 323 FCLauth.signinwithoptions(email); 324 } else { 325 FCLauth.signup(email); 326 } 327 }); 328 } 329 } 330 </script>
330 331 </div> 332 </div> 333 </div> 334 </div> 335 336 <style> 337 /* Large Card */ 338 .cardOptions { 339 list-style: none; 340 } 341 .cardOptions > li::after { 342 343 } 344 .largeCard{ 345 display: flex; 346 flex-direction: column; 347 justify-content: flex-end; 348 align-items: flex-start; 349 padding: 40px 56px 40px 24px; 350 gap: 24px; 351 width: 636px; 352 max-width:100%; 353 height: 424px; 354 background: linear-gradient(0deg, rgba(35, 31, 32, 0.56), rgba(35, 31, 32, 0.56)), url(https://via.placeholder.com/636x424); 355 border-radius: 8px; 356 } 357 .cardOption { 358 background-image: url(https://via.placeholder.com/20x20); 359 background-position: 0 0; 360 background-size: 1.6rem 1.6rem; 361 background-repeat: no-repeat; 362 } 363 364 .signin-modal input[type="text"], .signin-modal input[type="email"], .signin-modal input[type="password"] { 365 height: 51px; 366 width: 100%; 367 box-sizing: border-box; 368 padding: 10px; 369 border: 1px solid #e9e9e9; 370 border-radius: 6px; 371 font-size: .85rem; 372 } 373 374 .signin-modal .error-message p { 375 margin: 0px; 376 } 377 378 .signin-modal .modal-header { 379 border-bottom: none; 380 } 381 382 .signin-modal .modal-footer { 383 border-top: none; 384 } 385 </style> 386 387 <!-- Cookie banner --> 388 <div class="hidden js-cookie-banner cookie-banner d-xl-flex justify-content-xl-center align-content-xl-center" id="cookie-banner"> 389 <div class="white fw-400 align-self-center"> This site <a class="learn-more-link" id="cookiesLearnMore" data-toggle="modal" data-target="#cookieModal" href="">uses cookies</a> for a range of purposes. By using our website you agree to our use of cookies. 390 </div> 391 <div class="pl-xl-5 align-self-xl-center d-flex justify-content-center"> 392 <div class="white button"> 393 <a class="btn-fcl-inverse z-index-15 js-cookie-accept" href>I Accept</a> 394 </div> 395 </div> 396 </div> 397 <!-- End Cookie banner --> 398 399 <!-- Association Selector Modal (multi use)--> 400 <div class="fcl-association-modal modal" id="associationModal" tabindex="-1" role="dialog" aria-labelledby="associationModalLabel" aria-hidden="true"> 401 <div class="modal-dialog modal-lg" role="document"> 402 <div class="modal-content fcl-modal-content"> 403 <div class="modal-header fcl-modal-header"> 404 <h2 class="modal-title fcl-text-lg js-association-modal-title" id="associationModalLabel">Choose Association</h2> 405 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 406 <span aria-hidden="true">×</span> 407 </button> 408 </div> 409 <div class="px-3"> 410 <div class="spinner-container js-my-coop-spinner" style="display:none"> 411 <div class="spinner"></div> 412 <span>Loading your Co-ops</span> 413 </div> 414 <div class="js-my-coops-section hidden"> 415 <p class="fcl-aubergine fcl-text-md bold">My Co-ops</p> 416 <div class="row js-my-coops"> 417 418 </div> 419 </div> 420 <p class="fcl-aubergine fcl-text-md bold mt-4 mb-3 js-association-search-title hidden"></p> 421 <div class="input-group"> 422 <div class="input-group-prepend"> 423 <span class="input-group-text fcl-input-group-icon-left fcl-input-text-field"> 424 <img class="fcl-input-prepend-image" src="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/icons/MagnifyingGlass.svg" title="Search for local co-op association"> 425 </span> 426 </div> 427 <input id="associationInput" class="form-control fcl-input-prepend-icon fcl-input-text-field js-search-term" type="text" aria-describedby="locationInputText"> 428 <span id="locationInputText" class="d-none">Co-op Association Search</span> 429 <div class="input-group-append"> 430 <button class="input-group-text fcl-input-group-text search-clear-button" onclick="clearSearch()"> 431 <img class="fcl-input-append-image" src="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/icons/X.svg" title="Clear search text field button"> 432 </button> 433 </div> 434 </div> 435 <p class="fcl-aubergine fcl-text-smd fcl-fw-400 pt-3 mb-0 js-association-pretext hidden">Enter your location to see news and deals from your Co-op, and to find services closest to you.</p> 436 <p class="fcl-aubergine fcl-text-md fcl-fw-400 pt-3 mb-0 js-association-subtitle"></p> 437 <p class="fcl-aubergine fcl-text-smd fcl-fw-400 pt-3 mb-0 js-association-subtext hidden"></p> 438 </div> 439 <div class="modal-body"> 440 <div class="collapse memeber-collapse js-retail-list"></div>
441 </div> 442 </div> 443 </div> 444 </div> 445 446
446<script type="text/javascript"> 447 var allRetails = []; 448 var requestTerm = ""; 449 var debounce = function(func, wait, immediate){ 450 var timeout; 451 return function(){ 452 var context = this, args = arguments; 453 var later = function() { 454 timeout = null; 455 if (!immediate) func.apply(context, args); 456 } 457 var callNow = immediate && !timeout; 458 clearTimeout(timeout); 459 timeout = setTimeout(later, wait); 460 if (callNow) func.apply(context, args); 461 }; 462 }; 463 464 const delayedNotification = (event) => { 465 FCLToast.showDelayedNotification(); 466 } 467 468 $(document).ready(function() { 469 HTTPHelper.callApi('GET', '/digitalservices/retailSummary?alt=json').then(function (response) { 470 allRetails = response.data.retails; 471 }); 472 473 window.addEventListener("load", delayedNotification, { once: true }); 474 475 //if local and no local cookie, open the find modal. 476 let localCookie = FCLCookies.getCookie('localcoop'); 477 let currentPage = window.location.pathname; 478 if (currentPage === "/local" && localCookie === undefined) { 479 loadFindYourCoop(); 480 $('#associationModal').modal("show"); 481 } 482 }); 483 484 $('#associationModal').on('shown.bs.modal', function () { 485 let currentPage = window.location.pathname; 486 let localCookie = FCLCookies.getCookie('localcoop'); 487 if (currentPage === "/local") { 488 if (localCookie !== undefined) { 489 // let analyticsObject = { 490 // 'event': 'select_content', 491 // 'content_type': "Modal", 492 // 'item_id': "Change Association", 493 // "appAnalyticsName": "Change_Association", 494 // 'Retail Id' : '' 495 // } 496 497 // analytics.sendEvent(analyticsObject); 498 $(".js-association-modal-title").text("Change Association"); 499 $(".js-association-subtext").removeClass("hidden"); 500 $(".js-association-subtext").text("Find a location by searching the city or Co-op name to see news and deals about this Co-op."); 501 $(".js-association-search-title").text("Discover More Co-ops"); 502 $(".js-association-search-title").removeClass("hidden"); 503 $(".js-association-pretext").addClass("hidden"); 504 FCLauth.isLoggedInWithResponse().then(function (data) { 505 if (data.loggedIn) { 506 $('.js-my-coop-spinner').show(); 507 utilities.getMyCoops().then(function (data) { 508 let associations = data; 509 let memberCardHtml = ""; 510 if (associations.length > 0) { 511 associations.forEach(function (associationId) { 512 let currentRetail = allRetails.find(r => r.id === associationId); 513 if (currentRetail !== undefined) { 514 memberCardHtml += utilities.createMemberCardCircle({ 515 javascript: "javascript:updateLocalCoop('" + currentRetail.shortname + "', '" + currentRetail.name + "', '" + associationId + "')", 516 name: currentRetail.name 517 }); 518 } 519 }); 520 521 $(".js-my-coops").html(memberCardHtml); 522 $('.js-my-coop-spinner').hide(); 523 $(".js-my-coops-section").removeClass("hidden"); 524 } else { 525 $('.js-my-coop-spinner').hide(); 526 $(".js-my-coops-section").addClass("hidden"); 527 } 528 }).catch(function (error) { 529 $('.js-my-coop-spinner').hide(); 530 $(".js-my-coops-section").removeClass("hidden"); 531 }); 532 } else { 533 $('.js-my-coop-spinner').hide(); 534 $(".js-my-coops-section").addClass("hidden"); 535 } 536 }); 537 } else { 538 loadFindYourCoop(); 539 } 540 } else { 541 $('.js-my-coop-spinner').hide(); 542 $(".js-my-coops-section").addClass("hidden"); 543 $(".js-association-subtext").addClass("hidden"); 544 $(".js-association-pretext").addClass("hidden"); 545 $(".js-association-search-title").addClass("hidden"); 546 $(".js-association-modal-title").text("Choose Association"); 547 findRetails(); 548 } 549 }); 550 551 function loadFindYourCoop() { 552 let analyticsObject = { 553 'event': 'select_content', 554 'content_type': "Modal", 555 'item_id': "Find Your Co-op", 556 "appAnalyticsName": "Find_Your_Coop" 557 } 558 559 analytics.sendEvent(analyticsObject); 560 561 $(".js-association-modal-title").text("Find Your Co-op"); 562 $(".js-association-pretext").removeClass("hidden"); 563 FCLauth.isLoggedInWithResponse().then(function (data) { 564 if (data.loggedIn) { 565 $(".js-association-subtext").addClass("hidden"); 566 } else { 567 $(".js-association-subtext").html("Have an account? <button class='fcl-aubergine fcl-text-smd fcl-not-btn' onclick='FCLauth.signin()'>Sign In</button>"); 568 $(".js-association-subtext").removeClass("hidden"); 569 } 570 }); 571 } 572 573 $('#associationModal').on('hidden.bs.modal', function () { 574 emptyRetailHtml($('.js-retail-list')); 575 $('.js-search-term').val(""); 576 requestTerm = ""; 577 }); 578 579 $('.js-search-term').on('keyup', debounce(function(){ 580 requestTerm = $('.js-search-term').val(); 581 return findRetails(); 582 }, 400) 583 ); 584 585 function membership() { 586 document.getElementById("becomeMemberButton").click(); 587 } 588 589 function emptyRetailHtml(retailList) { 590 retailList.empty(); 591 retailList.hide(); 592 } 593 594 function findRetails() { 595 var retailList = $('.js-retail-list'); 596 597 if (requestTerm === "") { 598 $(".js-association-subtitle").text("Associations"); 599 } else { 600 $(".js-association-subtitle").text("Results"); 601 } 602 603 let currentPage = window.location.pathname; 604 if (currentPage === "/local") { 605 $(".js-association-subtitle").hide(); 606 } else { 607 $(".js-association-subtitle").show(); 608 } 609 610 emptyRetailHtml(retailList); 611 filteredRetails = []; 612 $.map(allRetails, function (obj, key) { 613 if (!obj){ 614 return 615 } 616 var val = $.trim(requestTerm).replace(/ +/g, ' ').toLowerCase(); 617 var regex = /^[A-Za-z]\d[A-Za-z]/; 618 var match = regex.exec(val); 619 620 if (match) { 621 //remove everything except a-z, A-Z, or 0-9 622 var tmp = val.replace(/[^a-zA-Z0-9]/g, ''); 623 val = tmp; 624 } 625 val = val.toLowerCase(); 626 627 var matches = false;
628 var retailName = obj.name.replace(/\s+/g, ' ').toLowerCase(); 629 var cities = obj.cities.map(function (v) { 630 return v.replace(/\s+/g, ' ').toLowerCase(); 631 }); 632 633 var postalCodes = obj.postalCode.map(function (v) { 634 return v.replace(/\s+/g, ' ').toLowerCase(); 635 }); 636 637 var keywords = obj.keywords.map(function (v) { 638 return v.replace(/\s+/g, ' ').toLowerCase(); 639 }); 640 641 if (retailName.indexOf(val) !== -1) { 642 matches = true; 643 } 644 645 cities.forEach(function (element) { 646 if (element.indexOf(val) !== -1) { 647 matches = true; 648 } 649 }); 650 651 postalCodes.forEach(function (element) { 652 if (element.indexOf(val) !== -1) { 653 matches = true; 654 } 655 }); 656 657 keywords.forEach(function (element) { 658 if (element.indexOf(val) !== -1) { 659 matches = true; 660 } 661 }); 662 663 if (matches) { 664 filteredRetails.push(obj); 665 } 666 }); 667 668 if (filteredRetails.length > 0) { 669 retailList.append("<hr class='fcl-hr-account'>"); 670 } 671 672 filteredRetails.forEach(function (i) { 673 let cookiePath = FCLCookies.getCookie('path'); 674 let path = FCLCookies.getCookie('path'); 675 if (path === 'addMembership'){ 676 path = "'/membership/add-membership?retailID=" +i.id 677 } else if (path === 'buyMembership'){ 678 path = "'/enter-account-details?retailID=" +i.id 679 } else if (path === 'contactSupport') { 680 } else { 681 path = "'/error" 682 } 683 684 let innerHtmlChevron = "<div class='d-flex flex-column text-left fcl-aubergine'>" + 685 "<span class='fcl-text-sm fcl-fw-600'>" + i.name + "</span>" + 686 "<span class='fcl-text-xs fcl-fw-400'>" + i.cities.join(', ') + "</span>" + 687 "</div>" + 688 "<img src='/CoopCRSThemeStatic/themes/CoopCRSTheme/images/icons/Chevron.svg'>"; 689 690 let innerHtmlExclamation = "<div class='d-flex flex-column text-left fcl-aubergine'>" + 691 "<span class='fcl-text-sm fcl-fw-600'>" + i.name + "</span>" + 692 "<span class='fcl-text-xs fcl-fw-400'>" + i.cities.join(', ') + "</span>" + 693 "</div>" + 694 "<img src='/CoopCRSThemeStatic/themes/CoopCRSTheme/images/icons/Exclamation.svg' data-toggle='tooltip' title='Online Membership Not Available at " +i.name+ "'>"; 695 696 let row = ""; 697 if (window.location.pathname === '/local' && path === "'/error"){ 698 row += "<a class='d-flex justify-content-between fcl-text-decor-none'" + 699 "href=\"javascript:updateLocalCoop('" + i.shortname + "', '" + i.name + "', '" + i.id + "')\"" + 700 "'>" + 701 innerHtmlChevron + 702 "</a>"; 703 } else { 704 if (cookiePath !== undefined && cookiePath.indexOf('buyMembership') == 0) { 705 if (i.omf) { 706 row += "<a class='d-flex justify-content-between fcl-text-decor-none' href='javascript:selectAssociation(\"" + i.id + "\",\"" + i.name + "\",\"" + i.omf + "\")'>" + 707 innerHtmlChevron + 708 "</a>"; 709 } else { 710 row += "<a class='d-flex justify-content-between fcl-text-decor-none' href='javascript:selectAssociation(\"" + i.id + "\",\"" + i.name + "\",\"" + i.omf + "\")' data-toggle='tooltip' title='Online Membership Not Available at " + i.name + "'>" + 711 innerHtmlExclamation + 712 "</a>"; 713 } 714 } else if (cookiePath === 'contactSupport') { 715 row += "<a class='d-flex justify-content-between fcl-text-decor-none' href='javascript:contact.selectAssociation(\"" + i.id + "\" , \"" + i.name + "\")'>" + 716 innerHtmlChevron + 717 "</a>"; 718 } else { 719 row += "<a class='d-flex justify-content-between fcl-text-decor-none' href=" + 720 path + 721 "'>" + innerHtmlChevron +"</a>"; 722 } 723 } 724 row += "<hr class='fcl-hr-account'>"; 725 retailList.append(row); 726 }); 727 728 //append CCC reach-out 729 retailList.append("<div class='fcl-text-xs fcl-fw-400'>Don't see what you're looking for? Contact our Customer Care team <a href='/contact-us'>here</a>.</div>"); 730 731 retailList.show(); 732 } 733 734 function updateLocalCoop(shortname, name, id) { 735 sessionData.localCoop = { 736 "shortname" : shortname, 737 "name" : name, 738 "retailID" : id 739 } 740 741 let analyticsObject = { 742 'event': 'select_content', 743 'content_type': "Modal", 744 'item_id': "Change Association",
745 "appAnalyticsName": "Change_Association", 746 "retail_id" : id, 747 "retail_name" : name 748 } 749 analytics.sendEvent(analyticsObject); 750 FCLCookies.setCookie('localcoop', JSON.stringify(sessionData.localCoop)); 751 changeAssociation(); 752 } 753 754 function updateSelectedCoop(shortname, name, id) { 755 sessionData.selectedCoop = { 756 "shortname" : shortname, 757 "name" : name, 758 "retailID" : id 759 } 760 $("#retailDropdown").html(sessionData.selectedCoop.name) 761 $("#associationModal").modal('hide') 762 } 763 764 function createNameHtml(name) { 765 var result = ""; 766 var index = name.toLowerCase().indexOf("co-operative"); 767 var substringLength = 12; 768 if (index === -1) { 769 index = name.toLowerCase().indexOf("co-op"); 770 substringLength = 5; 771 } 772 773 if (index !== -1) { 774 var cooperativeEnd = index + substringLength; 775 result = "<span class='fcl-text-sm fcl-fw-600'>" + name.substring(0, index-1) + " " + "<span style='white-space: nowrap'>" + name.substring(index, cooperativeEnd) + "</span>" + " " + name.substring(cooperativeEnd+1, name.length) + "</span>" 776 } 777 778 return result; 779 } 780 781 function clearSearch(){ 782 emptyRetailHtml($('.js-retail-list')); 783 $('.js-search-term').val(""); 784 requestTerm = ""; 785 } 786 </script>
786 787 788 <!-- End Association Selector --> 789 790 <div class="wpthemeFrame"> 791 792 <header role="banner" tabindex="-1" aria-label="Main header"> 793 794 <!-- site toolbar --> 795 </header> 796 <!-- Custom NAV --> 797 798 799<div class="coop-header"> 800 801 <nav class="header-links" aria-label="Secondary Navigation"> 802 <div class="fcl-nav-container w-100 ml-auto justify-content-end align-items-center"> 803 <button class="nav-item fcl-top-nav-link js-gift-card cursor-pointer gtm-navlink" data-toggle="modal" data-target="#exampleModal" >Gift Card Balance</button> 804 <a class="nav-item fcl-top-nav-link gtm-navlink" href="/sustainability">Sustainability</a> 805 <a class="nav-item fcl-top-nav-link gtm-navlink" href="/careers">Careers</a> 806 <a class="nav-item fcl-top-nav-link gtm-navlink" href="/flyers">Flyers</a> 807 </div> 808 <!-- <div class="btn-group ml-auto dropleft"> 809 <button type="button" id="SignIn" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 810 Sign In 811 </button> 812 <div class="dropdown-menu"> 813 <button class="dropdown-item" id="loginPopup" onclick="signIn(this.id)">Sign in using Popup</button> 814 <button class="dropdown-item" id="loginRedirect" onclick="signIn(this.id)">Sign in using Redirect</button> 815 </div> 816 </div> --> 817 </nav> 818 819 <!-- Modal--> 820 <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-label="Gift Card Balance Checker" aria-hidden="true"> 821 <div class="modal-dialog" role="document"> 822 <div class="modal-content"> 823 <div class="modal-header"> 824 825 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 826 <span aria-hidden="true">×</span> 827 </button> 828 </div> 829 <div class="modal-body"> 830 <div class="container-fluid"> 831 <div class="row"> 832 <img class="giftCard-img" src="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/Coop/GiftCard.png" alt=""/> 833 <p class="giftCard-p">Enter 19 digit code found on the back of your card. </p> 834 <div class="input-group mb-3"> 835 <input type="number" class="form-control" placeholder="" aria-label="" aria-describedby="basic-addon2" id="giftCardCode"> 836 <div class="input-group-append"> 837 <button type="button" class="btn btn-fcl" id="giftCardSubmit">Submit</button> 838 839 </div> 840 </div> 841 </div> 842 <!--QR CODE SCAN--> 843 <div class="d-none d-lg-flex align-items-center justify-content-center p-3"> 844 <div class="d-flex flex-row align-items-center"> 845 <img src="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/Coop/AppQrCode.png" alt="" style="width: 100px;"> 846 847 <div style="margin-left: 10px; display: flex; flex-direction: column; justify-content: center;"> 848 <p style="margin: 0; font-size: 14px;">Track balances on multiple gift cards at once using the Co-op app! Scan the QR code to download now.</p> 849 850 </div> 851 </div> 852 </div> 853 <!--END QR CODE SCAN--> 854 </div> 855 </div> 856 <div class="giftCard-redLine"> 857 </div> 858 <div style="background-color: #cc0000 !important;" class="" id="collapseExample"> 859 860 </div>
861 </div> 862 </div> 863 </div> 864 865 <!-- Modal--> 866 867 <nav class="fcl-nav navbar navbar-expand-lg justify-content-center fcl-nav-container js-sticky-nav" aria-label="Primary Navigation"> 868 <a class="navbar-brand fcl-brand abs d-flex w-8 mr-auto gtm-logolink" href="/home" > 869 <img alt="Home Page" class="brand-image" src="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/Coop/CoopShield.svg" /> 870 </a> 871 872 <div class="mobile-nav d-lg-none navbar-nav ml-auto justify-content-center"> 873 <button class="navbar-toggler js-toggler" type="button" data-toggle="collapse" 874 data-target="#hamburger" aria-controls="hamburger" 875 aria-expanded="false" aria-label="Menu"> 876 <img class="fcl-svg fcl-ham" src="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/Hamburger/Hamburger.svg" alt=""> 877 <img class="fcl-svg fcl-x" src="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/Hamburger/X.svg" alt=""> 878 </button> 879 </div> 880 <div class ="navbar-collapse collapse fcl-navbar-collapse" id="hamburger"> 881 <ul class="navbar-nav w-100 justify-content-center" id="mobileNav"> 882 883 884 <li class="nav-item"> 885 886 <a href="/about" 887 class="nav-link fcl-main-nav-link gtm-navlink" 888 > 889 About 890 </a> 891 892 </li> 893 894 895 896 <li class="nav-item"> 897 898 <a href="/shop" 899 class="active nav-link fcl-main-nav-link gtm-navlink" 900 > 901 Shop 902 </a> 903 904 </li> 905 906 907 908 <li class="nav-item"> 909 910 <a href="/membership" 911 class="nav-link fcl-main-nav-link gtm-navlink" 912 > 913 Membership 914 </a> 915 916 </li> 917 918 919 920 <li class="nav-item"> 921 922 <a href="/local" 923 class="nav-link fcl-main-nav-link gtm-navlink" 924 > 925 Local 926 </a> 927 928 </li> 929 930 931 932 <hr class="d-lg-none ham-line"> 933 <li class="d-lg-none nav-item"> 934 <a class= "nav-subnav-link nav-link gtm-navlink" href="/flyers" >Flyers</a> 935 </li> 936 <li class="d-lg-none nav-item"> 937 <a class= "nav-subnav-link nav-link gtm-navlink" href="/email/app" >App</a> 938 </li> 939 <li class="d-lg-none nav-item"> 940 <a class= "nav-subnav-link nav-link gtm-navlink" href="/careers" >Careers</a> 941 </li> 942 <li class="d-lg-none nav-item"> 943 <a class="nav-subnav-link nav-link js-gift-card cursor-pointer gtm-navlink" href="#" data-toggle="modal" data-target="#exampleModal">Gift Card Balance</a> 944 </li> 945 <li class="d-lg-none nav-item"> 946 <a class="nav-subnav-link nav-link cursor-pointer gtm-navlink" href="/sustainability">Sustainability</a> 947 </li> 948 <li class="d-lg-none nav-item"> 949 <a class="nav-subnav-link nav-link gtm-navlink" href="/locations">Find a Co-op</a> 950 </li> 951 <hr class="d-lg-none ham-line"> 952 <li class="d-lg-none nav-item"> 953 <button class="nav-subnav-link fcl-not-btn nav-link gtm-navlink js-path-link" onclick="$('#emailModal').modal('show')" style="display:none">Sign In</button> 954 <a href="/my-account" class="js-mobile-account-link nav-subnav-link nav-link gtm-navlink" style="display:none">My Account</a> 955 </li> 956 <li class="d-lg-none nav-item"> 957 <button class="nav-subnav-link fcl-not-btn nav-link gtm-navlink js-logout-link" onclick="FCLauth.signout();" style="display:none">Log Out</button> 958 </li> 959 </ul> 960 <ul class="nav navbar-nav ml-auto w-100 justify-content-end"> 961 <li class="nav-item nav-btn"> 962 <a class="btn-fcl nav-btn-fcl gtm-navlink" href="/locations">Find a Co-op</a> 963 </li> 964 <li class="nav-item nav-btn"> 965 <button class="btn-fcl nav-btn-fcl gtm-navlink js-path-link" type="button" onclick="$('#emailModal').modal('show')" style="display:none">Sign In</button> 966 <!-- If the id is changed, make sure to update the GTM variable that uses it --> 967 <a href="/my-account" id="accountLink" class="btn-fcl js-account-link nav-btn-fcl gtm-navlink" style="display:none">My Account</a> 968 </li> 969 </ul> 970
970<script> 971 async function updateNav(){ 972 FCLauth.isLoggedIn().then(async (data) => { 973 let user; 974 975 if (data){ 976 try { 977 user = JSON.parse(FCLauth.getUserFromCookie()).data; 978 } catch (error){ 979 await FCLauth.getToken(); 980 await FCLauth.updateUserCookie(); 981 user = JSON.parse(FCLauth.getUserFromCookie()).data; 982 }; 983 } 984 985 if (user){ 986 if (user.firstName !== 'NEW' && user.lastName !== 'ACCOUNT') { 987 $('.js-account-link').html(user.firstName + " " + user.lastName); 988 } 989 $('.js-path-link').hide(); 990 $('.js-logout-link').show(); 991 $('.js-account-link').show(); 992 $('.js-mobile-account-link').show(); 993 } else { 994 $('.js-account-link').hide(); 995 $('.js-mobile-account-link').hide(); 996 $('.js-path-link').show(); 997 $('.js-logout-link').hide(); 998 }; 999 }).catch(()=>{ 1000 FCLauth.signout() 1001 }) 1002 } 1003 1004 $(document).ready( async function(){ 1005 updateNav() 1006 }); 1007 </script>
1007 1008 </div> 1009 </nav> 1010</div> 1011<!--Member Modal --><!-- <div class="modal fade" id="becomeMember" tabindex="-1" role="dialog" aria-labelledby="becomeMemberLabel" aria-hidden="true"> 1012 <div class="modal-dialog" role="document"> 1013 <div class="modal-content"> 1014 <div class="modal-header"> 1015 <h2 class="modal-title memeberTitle" id="becomeMemberLabel">Become a Member</h2> 1016 <button class="close js-modal-member-close" type="button" data-dismiss="modal" aria-label="Close"> 1017 <span aria-hidden="true">×</span> 1018 </button> 1019 </div> 1020 <div class="modal-body memeberBody"> 1021 <div style=""> 1022 <div class="input-group mb-3"> 1023 <input class="form-control js-search-term" type="text" placeholder="Enter city or name of local Co-op" aria-label="" aria-describedby="basic-addon2"> 1024 <div class="input-group-append"> 1025 <button class="btn btn-fcl" id="memberSearch" type="button">Search</button> 1026 </div> 1027 </div> 1028 <p class="modal-p">Sign up for a Co-op membership online (if available) or visit your nearest location. </p> 1029 </div> 1030 </div> 1031 <div class="collapse memeber-collapse js-retail-list" id="member" style=""></div> 1032 <div class="giftCard-redLine"></div> 1033 </div> 1034 </div> 1035</div> --> 1036<!-- Member Modal -->
1037<script> 1038 var pageInfo = {} 1039 pageInfo.subPages = [ 1040 1041 { 1042 "title" : "Shop Overview", 1043 1044 "url" : "/shop", 1045 "active" : true, 1046 }, 1047 1048 1049 ]; 1050</script>
1050 1051
1052<script> 1053 $(".js-toggler").click(function(){ 1054 $(".js-fadeable").toggleClass("faded"); 1055 }); 1056</script>
vendor: 1 bytes, line 1056
1056
1057<script type="text/javascript"> 1058 $("#giftCardSubmit").click(function () { 1059 //$("#collapseExample").animate({ 1060 //height: 'toggle'; 1061 code = $('#giftCardCode').val(); 1062 1063 if (code.length < 19){ 1064 //$("#collapseExample").animate({ 1065 //height: 'toggle', 1066 $('#collapseExample').animate().html("<div class='card card-body giftCard'>"+ 1067 "<p id='giftWarning' class='giftWarning'>Please enter a valid gift card number</p>"+ 1068 "</div>"); 1069 } 1070 1071 else{ 1072 //$("#collapseExample").animate({ 1073 // height: 'toggle'; 1074 $.get("https://www.digitalservices.crs/crsPaymentAPI/moneris/gcbalance/"+code).done(function(data){ 1075 $('#collapseExample').animate().html("<div class='card card-body giftCard'>"+ 1076 "<p class='card-p'>Your balance is:</p>"+ 1077 "<div>"+ 1078 "<p class='balance-p'>"+ data.balance + "</p>"+ 1079 "</div>"+ 1080 "</div>"); 1081 1082 }); 1083 //}): 1084} 1085//}): 1086 }); 1087</script>
1087 1088
1089<script type="text/javascript"> 1090 $(document).ready(function () { 1091 $(document).click(function (event) { 1092 var clickover = $(event.target); 1093 var _opened = $(".navbar-collapse").hasClass("show"); 1094 if (_opened === true && !clickover.hasClass("navbar-toggler")) { 1095 $(".navbar-toggler").click(); 1096 } 1097 }); 1098 1099 var num = $(".js-sticky-nav").offset().top; 1100 $(window).bind('scroll', function() { 1101 if ($(window).scrollTop() > num) { 1102 $('.js-sticky-nav').addClass('fixed-top'); 1103 $('.js-sticky-nav').addClass('transition'); 1104 } else { 1105 $('.js-sticky-nav').removeClass('fixed-top'); 1106 } 1107 }); 1108 }); 1109</script>
1109<!-- end custom nav --> 1110 1111 <div class="wpthemeMainContent js-fadeable" role="main" tabindex="-1" id="main"> 1112 <div class="wpthemeInner"> 1113 <!-- asa markup contributions for pages --> 1114 1115<div class="asa.page asa-hidden" id="asa.page"> 1116 <span class="asa.page.id">Z6_5H8C1980M86M106CKT8NLQ30I2</span> 1117 1118 1119 1120</div> 1121 1122<div class="wpthemeClear"></div> 1123 1124<div class="wpthemeInner"> 1125 <div id="wpthemeStatusBarContainer" class="wpthemeStatusBarContainer"> 1126 1127 1128 <noscript> 1129 <div class="wpthemeMessage" role="alert" wairole="alert"> 1130 <img class="wpthemeMsgIcon wpthemeMsgIconError" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="Error" /> 1131 <span class="wpthemeAltText">Error:</span> 1132 <div class="wpthemeMessageBody">Javascript is disabled in this browser. This page requires Javascript. Modify your browser's settings to allow Javascript to execute. See your browser's documentation for specific instructions.</div> 1133 </div> 1134 </noscript> 1135 1136 </div> 1137</div> 1138</div> 1139 1140 <div class="outage-container-notification" style="display:none"></div> 1141 <div class="outage-container-html" style="display:none"></div> 1142 1143 1144 <!-- required - do not remove --> 1145 <div style="display:none" id="portletState">{}</div><div id="layoutContainers" class="wpthemeLayoutContainers wpthemeLayoutContainersHidden"> 1146 <div class="wpthemeInner"> 1147 <div class="hiddenWidgetsDiv"> 1148 <!-- widgets in this container are hidden in the UI by default --> 1149 <div class='component-container wpthemeFull ibmDndRow wpthemeCol12of12 wpthemeRow hiddenWidgetsContainer id-Z7_OE7HI061J5SR4CFHS7QK560QK1' name='ibmHiddenWidgets' ></div><div style="clear:both"></div> 1150</div> 1151<!-- this layout has one main container --> 1152<div class="wptheme1Col"> 1153 <div class='component-container wpthemeFull wpthemeLeft wpthemeCol ibmDndColumn wpthemeCol12of12 wpthemePrimary id-Z7_6SD30CCUF4I0966TQI5FBKVOB1' name='ibmMainContainer' ><div class='component-control id-Z7_NP0411C0MOLU106SGSE23K0GC7' ><span id="Z7_NP0411C0MOLU106SGSE23K0GC7"></span><section class="ibmPortalControl wpthemeControl wpthemeHidden a11yRegionTarget" role="region"> 1154 1155 1156 1157 <div class="asa.portlet asa-hidden" id="asa.portlet.Z7_NP0411C0MOLU106SGSE23K0GC7"> 1158 <span class="asa.portlet.id">Z7_NP0411C0MOLU106SGSE23K0GC7</span> 1159 1160 1161 1162 </div> 1163 1164<!-- start header markup --> 1165 <header class="wpthemeControlHeader" role="banner" aria-label="Skin header"> 1166 <div class="wpthemeInner"> 1167 <h2> 1168 <img class="dndHandle" draggable="true" ondragstart="wpModules.dnd.util.portletDragStart(event, this, this.parentNode, 30, 0);" 1169 ondragend="wpModules.dnd.util.portletDragEnd(event);" 1170 src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt=""/> 1171 <!-- lm-dynamic-title node marks location for dynamic title support -->
1172 <span class="lm-dynamic-title asa.portlet.title a11yRegionLabel"><span lang="en" dir="ltr">Web Content Viewer</span></span> 1173 </h2> 1174 <a aria-haspopup="true" aria-label="Display content menu" role="button" href="javascript:;" class="wpthemeIcon wpthemeMenuFocus contextMenuInSkinIcon" style="display:none" tabindex="0"> 1175 <span title="Display content menu"><img aria-label="Display content menu" alt="" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"></span> 1176 <span class="wpthemeAltText">Component Action Menu</span> 1177 <!-- start CAM template --> 1178 <span class="wpthemeMenu" data-positioning-handler="horizontallyCenteredBelow"> 1179 <div class="wpthemeMenuBorder"> 1180 <!-- define the menu item template inside the "ul" element. only "css-class", "description", and "title" are handled by the theme's sample javascript. --> 1181 <ul class="wpthemeMenuDropDown wpthemeTemplateMenu" role="menu"> 1182 <li class="${css-class}" role="menuitem" tabindex="-1"><span 1183 class="wpthemeMenuText">${title}</span></li> 1184 </ul> 1185 <div class="verticalMenuPointer pointer"></div> 1186 </div> <!-- Template for loading --> 1187 <div class="wpthemeMenuLoading wpthemeTemplateLoading">${loading}</div> 1188 <!-- Template for submenu --> 1189 <div class="wpthemeAnchorSubmenu wpthemeTemplateSubmenu"> 1190 <div class="wpthemeMenuBorder wpthemeMenuSubmenu"> 1191 <ul id="${submenu-id}" class="wpthemeMenuDropDown" 1192 role="menu"> 1193 <li role="menuitem" tabindex="-1"></li> 1194 </ul> 1195 </div> 1196 </div> 1197 </span> 1198 <!-- end CAM template --> 1199 </a> 1200 <a aria-haspopup="true" aria-label="Display portlet menu" role="button" href="javascript:;" class="wpthemeIcon wpthemeMenuFocus" tabindex="0" 1201 onclick="if (typeof wptheme != 'undefined') wptheme.contextMenu.init({ 'node': this, menuId: 'skinAction', jsonQuery: {'navID':ibmCfg.portalConfig.currentPageOID,'windowID':wptheme.getWindowIDFromSkin(this)}, params: {'alignment':'right'}});" 1202 onkeydown="javascript:if (typeof i$ != 'undefined' && typeof wptheme != 'undefined') {if (event.keyCode ==13 || event.keyCode ==32 || event.keyCode==38 || event.keyCode ==40) {wptheme.contextMenu.init(this, 'skinAction', {'navID':ibmCfg.portalConfig.currentPageOID,'windowID':wptheme.getWindowIDFromSkin(this)}); return false;}}"> 1203 <span title="Display portlet menu"><img aria-label="Display portlet menu" alt="" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"></span> 1204 <span class="wpthemeAltText">Actions</span> 1205 </a> 1206 </div> 1207 </header> 1208 1209 <div class="wpthemeControlBody wpthemeOverflowAuto wpthemeClear"> <!-- lm:control dynamic spot injects markup of layout control --> 1210 <!-- asa.overlay marks the node that the AsaOverlayWidget will be placed in --> 1211 <div style="position:relative; z-index: 1;"> 1212 <div class="analytics.overlay" ></div> 1213 </div> 1214 1215 1216 1217 1218 1219 1220 1221 1222 1223 1224 1225 1226 1227 1228 1229 1230 1231 1232 1233 1234 1235 1236 1237 1238 1239 1240 1241 1242 1243 1244 1245 1246 1247 1248 1249 1250 1251 1252 1253 1254 1255 1256 1257 1258 1259 1260 1261 1262 1263 1264 1265 1266 1267 1268 1269 1270 1271 1272 1273<div id="header-hero-component" > 1274 <div class="container hero-title-container"> 1275 <div class="row hero-row 1276 1277 justify-content-center 1278 "> 1279 <h1 class="fcl-hero-title 1280 1281 1282 align-self-end 1283 ">Shop</h1> 1284 </div> 1285 </div> 1286</div> 1287 1288<div class="fcl-hr-red"></div> 1289 1290 1291 1292<style> 1293 #header-hero-component{ 1294 background-image:url('/wcm/connect/www.co-op.crs26018/0f8eeb3c-c6f0-48bf-bca7-298e54412eb6/20150930GregHuszar6651+1.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_2IKA1G82MGSE20Q0KL2T4UJO54-0f8eeb3c-c6f0-48bf-bca7-298e54412eb6-oC9FnMa'); 1295 background-position: center; 1296 background-size: cover; 1297 height: 300px; 1298 } 1299 1300 @media(min-width: 768px){ 1301 #header-hero-component{ 1302 height: 400px; 1303 } 1304 } 1305 1306 @media(min-width: 992px){ 1307 #header-hero-component{ 1308 height: 548px; 1309 } 1310 } 1311</style> 1312 1313 1314 1315 1316 1317 1318 1319 1320 1321 1322 1323 1324 1325 1326 1327 1328 1329 1330 1331 1332<div class="wpthemeClear"></div> 1333 </div> 1334</section>�</div><div class='component-control id-Z7_NP0411C0MOLU106SGSE23K0GK7' ><span id="Z7_NP0411C0MOLU106SGSE23K0GK7"></span><section class="ibmPortalControl wpthemeControl wpthemeHidden a11yRegionTarget" role="region"> 1335 1336 1337 1338 <div class="asa.portlet asa-hidden" id="asa.portlet.Z7_NP0411C0MOLU106SGSE23K0GK7"> 1339 <span class="asa.portlet.id">Z7_NP0411C0MOLU106SGSE23K0GK7</span> 1340 1341 1342 1343 </div> 1344 1345<!-- start header markup --> 1346 <header class="wpthemeControlHeader" role="banner" aria-label="Skin header"> 1347 <div class="wpthemeInner"> 1348 <h2> 1349 <img class="dndHandle" draggable="true" ondragstart="wpModules.dnd.util.portletDragStart(event, this, this.parentNode, 30, 0);" 1350 ondragend="wpModules.dnd.util.portletDragEnd(event);" 1351 src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt=""/> 1352 <!-- lm-dynamic-title node marks location for dynamic title support -->
1353 <span class="lm-dynamic-title asa.portlet.title a11yRegionLabel"><span lang="en" dir="ltr">Web Content Viewer</span></span> 1354 </h2> 1355 <a aria-haspopup="true" aria-label="Display content menu" role="button" href="javascript:;" class="wpthemeIcon wpthemeMenuFocus contextMenuInSkinIcon" style="display:none" tabindex="0"> 1356 <span title="Display content menu"><img aria-label="Display content menu" alt="" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"></span> 1357 <span class="wpthemeAltText">Component Action Menu</span> 1358 <!-- start CAM template --> 1359 <span class="wpthemeMenu" data-positioning-handler="horizontallyCenteredBelow"> 1360 <div class="wpthemeMenuBorder"> 1361 <!-- define the menu item template inside the "ul" element. only "css-class", "description", and "title" are handled by the theme's sample javascript. --> 1362 <ul class="wpthemeMenuDropDown wpthemeTemplateMenu" role="menu"> 1363 <li class="${css-class}" role="menuitem" tabindex="-1"><span 1364 class="wpthemeMenuText">${title}</span></li> 1365 </ul> 1366 <div class="verticalMenuPointer pointer"></div> 1367 </div> <!-- Template for loading --> 1368 <div class="wpthemeMenuLoading wpthemeTemplateLoading">${loading}</div> 1369 <!-- Template for submenu --> 1370 <div class="wpthemeAnchorSubmenu wpthemeTemplateSubmenu"> 1371 <div class="wpthemeMenuBorder wpthemeMenuSubmenu"> 1372 <ul id="${submenu-id}" class="wpthemeMenuDropDown" 1373 role="menu"> 1374 <li role="menuitem" tabindex="-1"></li> 1375 </ul> 1376 </div> 1377 </div> 1378 </span> 1379 <!-- end CAM template --> 1380 </a> 1381 <a aria-haspopup="true" aria-label="Display portlet menu" role="button" href="javascript:;" class="wpthemeIcon wpthemeMenuFocus" tabindex="0" 1382 onclick="if (typeof wptheme != 'undefined') wptheme.contextMenu.init({ 'node': this, menuId: 'skinAction', jsonQuery: {'navID':ibmCfg.portalConfig.currentPageOID,'windowID':wptheme.getWindowIDFromSkin(this)}, params: {'alignment':'right'}});" 1383 onkeydown="javascript:if (typeof i$ != 'undefined' && typeof wptheme != 'undefined') {if (event.keyCode ==13 || event.keyCode ==32 || event.keyCode==38 || event.keyCode ==40) {wptheme.contextMenu.init(this, 'skinAction', {'navID':ibmCfg.portalConfig.currentPageOID,'windowID':wptheme.getWindowIDFromSkin(this)}); return false;}}"> 1384 <span title="Display portlet menu"><img aria-label="Display portlet menu" alt="" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"></span> 1385 <span class="wpthemeAltText">Actions</span> 1386 </a> 1387 </div> 1388 </header> 1389 1390 <div class="wpthemeControlBody wpthemeOverflowAuto wpthemeClear"> <!-- lm:control dynamic spot injects markup of layout control --> 1391 <!-- asa.overlay marks the node that the AsaOverlayWidget will be placed in --> 1392 <div style="position:relative; z-index: 1;"> 1393 <div class="analytics.overlay" ></div> 1394 </div> 1395 1396 1397 1398 1399 1400 1401 1402 1403 1404 1405 1406 1407 1408 1409 1410 1411 1412 1413 1414 1415 1416 1417 1418 1419 1420 1421 1422 1423 1424 1425 1426 1427 1428 1429 1430 1431 1432 1433 1434 1435 1436 1437 1438 1439 1440 1441 1442 1443 1444 1445 1446 1447 1448 1449 1450 1451 1452 1453 1454 1455 1456 1457 1458 1459 <div class="flyer-wrapper"> 1460 <div class="container fcl-container-component5 pt-5 pb-5"> 1461 <div class=""> 1462 <div class="" style="display: block; margin-left: auto; margin-right: auto;"> 1463 <div class="col-sm-12 justify-content-left pb-5 pl-0"> 1464 <div class=""><h2 class="title">Flyers</h2></div> 1465 </div> 1466 1467 <div class="mx-auto"> 1468 <div class=""> 1469 <div class="row"> 1470 <div class="col-sm-12 col-lg-6"> 1471 <div class="row"> 1472 <div class="col-sm-12 mb-3"> 1473 <a href="https://www.food.crs/more/foodflyers" title="Check Food Flyers" target="_self" class="btn-fcl-food"> 1474 <img class="pl-2" src="/wcm/connect/www.co-op.crs26018/0b757931-da9f-4a7d-8cf3-d78982b8d997/Icon.png?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_2IKA1G82MGSE20Q0KL2T4UJO54-0b757931-da9f-4a7d-8cf3-d78982b8d997-os5i5xh" alt="" title="">
1475 <span>Food</span> 1476 </a> 1477 </div> 1478 <div class="col-sm-12 mb-3"> 1479 <a href="https://www.fuel.crs/more/fuelflyers" title="Check Fuel Flyers" target="_self" class="btn-fcl-fuel"> 1480 <img class="pl-2" src="/wcm/connect/www.co-op.crs26018/1cf4ec51-9f44-49ee-bb1c-7bf192c85926/Icon.png?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_2IKA1G82MGSE20Q0KL2T4UJO54-1cf4ec51-9f44-49ee-bb1c-7bf192c85926-os5ihCE" alt="" title=""> 1481 <span>Fuel</span> 1482 </a> 1483 </div> 1484 </div> 1485 </div> 1486 1487 <div class="col-sm-12 col-lg-6"> 1488 <div class="row"> 1489 <div class="col-sm-12 mb-3"> 1490 <a href="https://www.home.crs/more/homeflyers" title="Check Home Flyers" target="_self" class="btn-fcl-home"> 1491 <img class="pl-2" src="/wcm/connect/www.co-op.crs26018/12ee1547-5d7f-45b5-bb40-d3d1f6971d7d/Icon.png?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_2IKA1G82MGSE20Q0KL2T4UJO54-12ee1547-5d7f-45b5-bb40-d3d1f6971d7d-os5ib35" alt="" title=""> 1492 <span>Home</span> 1493 </a> 1494 </div> 1495 <div class="col-sm-12 mb-3"> 1496 <a href="https://www.agro.crs/more/agflyers" title="Check Agro Flyers" target="_self" class="btn-fcl-agro"> 1497 <img class="pl-2" src="/wcm/connect/www.co-op.crs26018/1d06de76-d8f8-4d08-9d83-408ae274e36e/Icon.png?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_2IKA1G82MGSE20Q0KL2T4UJO54-1d06de76-d8f8-4d08-9d83-408ae274e36e-os5hZgx" alt="" title=""> 1498 <span>Agro</span> 1499 </a> 1500 </div> 1501 </div> 1502 </div> 1503 </div> 1504 </div> 1505 </div> 1506 </div> 1507 </div> 1508 </div> 1509 </div> 1510 1511 <style type="text/css"> 1512 .title { 1513 width: 116px; 1514 height: 43px; 1515 font-family: 'Open Sans'; 1516 font-style: normal; 1517 font-weight: 800; 1518 font-size: 40px; 1519 line-height: 108%; 1520 //letter-spacing: -0.04em; 1521 color: #CC0000; 1522 } 1523 1524 .btn-fcl-food, 1525 .btn-fcl-fuel, 1526 .btn-fcl-home, 1527 .btn-fcl-agro { 1528 display: flex; 1529 justify-content: flex-start; 1530 align-items: center; 1531 padding: 8px 16px; 1532 max-width: 100%; 1533 height: 100px; 1534 background-color: #CC0000; 1535 border-radius: 8px; 1536 text-decoration: none; 1537 color: #FFFFFF; 1538 font-family: 'Open Sans'; 1539 font-style: normal; 1540 font-weight: 800; 1541 font-size: 40px; 1542 //letter-spacing: -0.04em; 1543 transition: background-color 0.3s ease; 1544 } 1545 1546 .btn-fcl-food:hover, 1547 .btn-fcl-fuel:hover, 1548 .btn-fcl-home:hover, 1549 .btn-fcl-agro:hover { 1550 color: #FFFFFF; 1551 text-decoration: none; 1552 color: #FFFFFF; 1553 } 1554 1555 .btn-fcl-food:active, 1556 .btn-fcl-fuel:active, 1557 .btn-fcl-home:active, 1558 .btn-fcl-agro:active { 1559 text-decoration: none; 1560 color: #FFFFFF; 1561 } 1562 1563 .btn-fcl-food:visited, 1564 .btn-fcl-fuel:visited, 1565 .btn-fcl-home:visited, 1566 .btn-fcl-agro:visited { 1567 text-decoration: none; 1568 color: #FFFFFF; 1569 } 1570 .btn-fcl-food:link, 1571 .btn-fcl-fuel:link, 1572 .btn-fcl-home:link, 1573 .btn-fcl-agro:link { 1574 color: #FFFFFF; 1575 text-decoration: none; 1576 color: #FFFFFF; 1577 } 1578 .btn-fcl-food img, 1579 .btn-fcl-fuel img, 1580 .btn-fcl-home img, 1581 .btn-fcl-agro img { 1582 margin-right: 17px; 1583 } 1584 .btn-fcl-food{ 1585 background: #CC0000; 1586 } 1587 .btn-fcl-home { 1588 background: #38A5DD; 1589 } 1590 1591 .btn-fcl-fuel { 1592 background: #D88000; 1593 } 1594 1595 .btn-fcl-agro { 1596 background: #8DC63F; 1597 } 1598 1599 1600 1601 /* Adjust the font size for smaller screens */ 1602 @media (max-width: 767px) { 1603 1604 .btn-fcl-food, 1605 .btn-fcl-fuel, 1606 .btn-fcl-home, 1607 .btn-fcl-agro { 1608 height: 80px; 1609 font-size: 24px; 1610 } 1611 } 1612 </style> 1613 1614 1615 1616 1617 1618 1619 1620 1621 1622 1623 1624 1625 1626 1627 1628 1629 1630 1631 1632 1633 1634 1635 1636 1637<div class="wpthemeClear"></div> 1638 </div> 1639</section>�</div><div class='component-control id-Z7_NP0411C0MOVQ306CPOE0KK2006' ><span id="Z7_NP0411C0MOVQ306CPOE0KK2006"></span><section class="ibmPortalControl wpthemeControl wpthemeHidden a11yRegionTarget" role="region"> 1640 1641 1642 1643 <div class="asa.portlet asa-hidden" id="asa.portlet.Z7_NP0411C0MOVQ306CPOE0KK2006"> 1644 <span class="asa.portlet.id">Z7_NP0411C0MOVQ306CPOE0KK2006</span> 1645 1646 1647 1648 </div> 1649 1650<!-- start header markup --> 1651 <header class="wpthemeControlHeader" role="banner" aria-label="Skin header"> 1652 <div class="wpthemeInner"> 1653 <h2> 1654 <img class="dndHandle" draggable="true" ondragstart="wpModules.dnd.util.portletDragStart(event, this, this.parentNode, 30, 0);" 1655 ondragend="wpModules.dnd.util.portletDragEnd(event);" 1656 src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt=""/> 1657 <!-- lm-dynamic-title node marks location for dynamic title support -->
1658 <span class="lm-dynamic-title asa.portlet.title a11yRegionLabel"><span lang="en" dir="ltr">Web Content Viewer</span></span> 1659 </h2> 1660 <a aria-haspopup="true" aria-label="Display content menu" role="button" href="javascript:;" class="wpthemeIcon wpthemeMenuFocus contextMenuInSkinIcon" style="display:none" tabindex="0"> 1661 <span title="Display content menu"><img aria-label="Display content menu" alt="" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"></span> 1662 <span class="wpthemeAltText">Component Action Menu</span> 1663 <!-- start CAM template --> 1664 <span class="wpthemeMenu" data-positioning-handler="horizontallyCenteredBelow"> 1665 <div class="wpthemeMenuBorder"> 1666 <!-- define the menu item template inside the "ul" element. only "css-class", "description", and "title" are handled by the theme's sample javascript. --> 1667 <ul class="wpthemeMenuDropDown wpthemeTemplateMenu" role="menu"> 1668 <li class="${css-class}" role="menuitem" tabindex="-1"><span 1669 class="wpthemeMenuText">${title}</span></li> 1670 </ul> 1671 <div class="verticalMenuPointer pointer"></div> 1672 </div> <!-- Template for loading --> 1673 <div class="wpthemeMenuLoading wpthemeTemplateLoading">${loading}</div> 1674 <!-- Template for submenu --> 1675 <div class="wpthemeAnchorSubmenu wpthemeTemplateSubmenu"> 1676 <div class="wpthemeMenuBorder wpthemeMenuSubmenu"> 1677 <ul id="${submenu-id}" class="wpthemeMenuDropDown" 1678 role="menu"> 1679 <li role="menuitem" tabindex="-1"></li> 1680 </ul> 1681 </div> 1682 </div> 1683 </span> 1684 <!-- end CAM template --> 1685 </a> 1686 <a aria-haspopup="true" aria-label="Display portlet menu" role="button" href="javascript:;" class="wpthemeIcon wpthemeMenuFocus" tabindex="0" 1687 onclick="if (typeof wptheme != 'undefined') wptheme.contextMenu.init({ 'node': this, menuId: 'skinAction', jsonQuery: {'navID':ibmCfg.portalConfig.currentPageOID,'windowID':wptheme.getWindowIDFromSkin(this)}, params: {'alignment':'right'}});" 1688 onkeydown="javascript:if (typeof i$ != 'undefined' && typeof wptheme != 'undefined') {if (event.keyCode ==13 || event.keyCode ==32 || event.keyCode==38 || event.keyCode ==40) {wptheme.contextMenu.init(this, 'skinAction', {'navID':ibmCfg.portalConfig.currentPageOID,'windowID':wptheme.getWindowIDFromSkin(this)}); return false;}}"> 1689 <span title="Display portlet menu"><img aria-label="Display portlet menu" alt="" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"></span> 1690 <span class="wpthemeAltText">Actions</span> 1691 </a> 1692 </div> 1693 </header> 1694 1695 <div class="wpthemeControlBody wpthemeOverflowAuto wpthemeClear"> <!-- lm:control dynamic spot injects markup of layout control --> 1696 <!-- asa.overlay marks the node that the AsaOverlayWidget will be placed in --> 1697 <div style="position:relative; z-index: 1;"> 1698 <div class="analytics.overlay" ></div> 1699 </div> 1700 1701 1702 1703 1704 1705 1706 1707 1708 1709 1710 1711 1712 1713 1714 1715 1716 1717 1718 1719 1720 1721 1722 1723 1724 1725 1726 1727 1728 1729 1730 1731 1732 1733 1734 1735 1736 1737 1738 1739 1740 1741 1742 1743 1744 1745 1746 1747 1748 1749 1750 1751 1752 1753 1754 1755 1756 1757 1758 1759 1760 1761 1762 1763 1764 <div class="online-services-spinner pt-3 pb-4"> 1765 <div class="spinner-container"> 1766 <div class="spinner"></div> 1767 </div> 1768</div> 1769<div class="online-services pt-5 pb-5"> 1770 <div class="container"> 1771 <div class="row"> 1772 <h2 class="col-sm-12 justify-content-left online-services-title">Online Services</h2> 1773 <div class="col-sm-12 justify-content-left pt-2 pb-3 title-caption"></div> 1774 <div class="container pt-3 pb-1"> 1775 <div class="row online-services-grid"> 1776 <!-- Services Cards --> 1777 </div> 1778 </div> 1779 </div> 1780 </div> 1781</div> 1782 1783<!-- Modal --> 1784<div class="modal fade online-services-modal" tabindex="-1" role="dialog" aria-labelledby="service-modal-title" aria-hidden="true"> 1785 <div class="modal-dialog" role="document"> 1786 <div class="modal-content fcl-modal-content"> 1787 <div class="modal-header"> 1788 <h2 class="fcl-modal-title service-modal-title" id="service-modal-title">Service Type</h2> 1789 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
1790 <span aria-hidden="true">×</span> 1791 </button> 1792 </div> 1793 <div class="modal-body"> 1794 <img class="online-service-widget" src="" alt="" title=""> 1795 <p class="fcl-modal-desc service-modal-desc mt-4 mb-4">Description</p> 1796 <hr class="fcl-hr-account"> 1797 <div class="modal-section modal-features"> 1798 <!-- Features --> 1799 </div> 1800 <hr class="fcl-hr-account"> 1801 <div class="modal-section modal-my-coops"> 1802 <h3 class="fcl-sub-heading">My Co-ops</h3> 1803 <div class="locations-container"> 1804 <!-- Locations --> 1805 </div> 1806 <div class="row"> 1807 <div class="fcl-text-sm fcl-fw-600 col-lg-12 ml-auto mt-2 mb-2 see-all-locations-link"> 1808 <a href="/locations">See All Locations</a> 1809 </div> 1810 </div> 1811 </div> 1812 <hr class="fcl-hr-account"> 1813 <div class="modal-section modal-preview"> 1814 <h3 class="fcl-sub-heading">Preview</h3> 1815 <div id="carouselControls" class="carousel slide" data-ride="carousel" data-interval="false"> 1816 <div class="carousel-inner"> 1817 <!-- App Preview Images --> 1818 </div> 1819 <a class="carousel-control-prev" href="#carouselControls" role="button" data-slide="prev"> 1820 <span class="carousel-control-prev-icon" aria-hidden="true"></span> 1821 <span class="sr-only">Previous</span> 1822 </a> 1823 <a class="carousel-control-next" href="#carouselControls" role="button" data-slide="next"> 1824 <span class="carousel-control-next-icon" aria-hidden="true"></span> 1825 <span class="sr-only">Next</span> 1826 </a> 1827 </div> 1828 </div> 1829 <hr class="fcl-hr-account modal-download-app-border"> 1830 <div class="modal-section modal-download-app"> 1831 <!-- Download App Buttons --> 1832 </div> 1833 </div> 1834 <div class="modal-footer"> 1835 <!-- Footer Button --> 1836 </div> 1837 </div> 1838 </div> 1839</div> 1840
1841<script> 1842 $(document).ready(function() { 1843 $('.online-services').hide(); 1844 $('.online-services-spinner').hide(); 1845 1846 $('.carousel').carousel({ 1847 interval: false 1848 }); 1849 1850 if(window.location.pathname === '/shop') { 1851 initializeOnlineServices(-1); 1852 } 1853 }) 1854 1855 var myCoopRetails = {}; 1856 var servicesSet = new Set(); 1857 1858 function initializeOnlineServices(retailID) { 1859 $('.online-services').hide(); 1860 $('.online-services-spinner').hide(); 1861 FCLCookies.setCookie('path', undefined) 1862 1863 servicesSet.clear(); 1864 myCoopRetails = {}; 1865 1866 if(retailID === -1) { 1867 $('.title-caption').text("Learn more about services offered online."); 1868 initializeServicesSetShop(); 1869 } else { 1870 const retailName = sessionData.localCoop.name; 1871 $('.title-caption').text("Learn more about services offered at " + retailName + "."); 1872 initializeServicesSetLocal(retailID); 1873 } 1874 } 1875 1876 function initializeServicesSetShop() { 1877 const servicesJSON = JSON.parse(getOnlineServicesDesc()); 1878 1879 for(let i in servicesJSON.services) { 1880 servicesSet.add(servicesJSON.services[i].serviceType); 1881 } 1882 1883 if(servicesSet.size === 0) { 1884 $('.online-services').hide(); 1885 $('.online-services-spinner').hide(); 1886 } else { 1887 FCLauth.isLoggedIn().then(isLoggedIn => { 1888 $('.online-services-spinner').show(); 1889 1890 if(isLoggedIn === true) { 1891 utilities.getMyCoops().then(function (data) { 1892 let associations = data; 1893 if(associations.length > 0) { 1894 let initializeMyCoopsRetailsPromises = []; 1895 associations.forEach(function(associationId) { 1896 initializeMyCoopsRetailsPromises.push(initializeMyCoopsRetails(associationId)); 1897 }); 1898 1899 Promise.all(initializeMyCoopsRetailsPromises).then((result) => { 1900 initializeOnlineServicesCards(servicesSet); 1901 }); 1902 } else { 1903 initializeOnlineServicesCards(servicesSet); 1904 } 1905 }); 1906 } else { 1907 initializeOnlineServicesCards(servicesSet); 1908 } 1909 }).catch(error => { 1910 $('.online-services').hide(); 1911 $('.online-services-spinner').hide(); 1912 }); 1913 } 1914 } 1915 1916 function initializeServicesSetLocal(retailID) { 1917 HTTPHelper.callApi('GET','/coopcrsapi/locations?retailID=' + retailID).then(request => { 1918 for(var i = 0; i < request.data.locations.length; i++) { 1919 if(Array.isArray(request.data.locations[i].services)) { 1920 for(var j = 0; j < request.data.locations[i].services.length; j++) { 1921 if (request.data.locations[i].services[j].serviceOnline === true) { 1922 servicesSet.add(request.data.locations[i].services[j].serviceType); 1923 } 1924 } 1925 } else { 1926 if (request.data.locations[i].services.serviceOnline === true) { 1927 servicesSet.add(request.data.locations[i].services.serviceType); 1928 } 1929 } 1930 } 1931 1932 if(servicesSet.size === 0) { 1933 $('.online-services').hide(); 1934 $('.online-services-spinner').hide(); 1935 } else { 1936 FCLauth.isLoggedIn().then(isLoggedIn => { 1937 $('.online-services-spinner').show(); 1938 1939 if(isLoggedIn === true) { 1940 utilities.getMyCoops().then(function (data) { 1941 let associations = data; 1942 if(associations.length > 0) { 1943 let initializeMyCoopsRetailsPromises = []; 1944 associations.forEach(function(associationId) { 1945 initializeMyCoopsRetailsPromises.push(initializeMyCoopsRetails(associationId)); 1946 }); 1947 1948 Promise.all(initializeMyCoopsRetailsPromises).then((result) => { 1949 initializeOnlineServicesCards(servicesSet); 1950 }); 1951 } else { 1952 initializeMyCoopsRetails(retailID).then((result) => { 1953 initializeOnlineServicesCards(servicesSet); 1954 }); 1955 } 1956 }); 1957 } else { 1958 initializeMyCoopsRetails(retailID).then((result) => { 1959 initializeOnlineServicesCards(servicesSet); 1960 }); 1961 } 1962 }).catch(error => { 1963 $('.online-services').hide(); 1964 $('.online-services-spinner').hide(); 1965 }); 1966 } 1967 }).catch(error => { 1968 $('.online-services').hide(); 1969 $('.online-services-spinner').hide(); 1970 }); 1971 } 1972 1973 function initializeMyCoopsRetails(retailID) { 1974 return HTTPHelper.callApi('GET','/coopcrsapi/locations?retailID=' + retailID).then(request => { 1975 var retailOnlineServices = {}; 1976 let currentRetail = allRetails.find(retail => retail.id == retailID); 1977 1978 for(var i = 0; i < request.data.locations.length; i++) { 1979 if(Array.isArray(request.data.locations[i].services)) { 1980 for(var j = 0; j < request.data.locations[i].services.length; j++) { 1981 if (request.data.locations[i].services[j].serviceOnline === true) { 1982 if(request.data.locations[i].services[j].serviceType in retailOnlineServices) { 1983 retailOnlineServices[request.data.locations[i].services[j].serviceType].add(request.data.locations[i].name); 1984 } else { 1985 retailOnlineServices[request.data.locations[i].services[j].serviceType] = new Set(); 1986 retailOnlineServices[request.data.locations[i].services[j].serviceType].add(request.data.locations[i].name); 1987 } 1988 } 1989 } 1990 } else { 1991 if (request.data.locations[i].services.serviceOnline === true) { 1992 if(request.data.locations[i].services.serviceType in retailOnlineServices) { 1993 retailOnlineServices[request.data.locations[i].services.serviceType].add(request.data.locations[i].name); 1994 } else { 1995 retailOnlineServices[request.data.locations[i].services.serviceType] = new Set(); 1996 retailOnlineServices[request.data.locations[i].services.serviceType].add(request.data.locations[i].name); 1997 } 1998 } 1999 } 2000 } 2001 2002 myCoopRetails[currentRetail.name] = retailOnlineServices; 2003 }).catch(error => { 2004 $('.online-services').hide(); 2005 $('.online-services-spinner').hide(); 2006 }); 2007 } 2008 2009 function initializeOnlineServicesCards(servicesSet) { 2010 $(".online-services-grid").empty(); 2011 const servicesJSON = JSON.parse(getOnlineServicesDesc()); 2012 var cardTitle, cardDescription, cardImageURL; 2013 2014 servicesSet.forEach(function(service) { 2015 for(const serviceType in servicesJSON.services) { 2016 if(service === servicesJSON.services[serviceType].serviceType){ 2017 const cardHTML = '<div class="col-sm-12 col-lg-4 online-services-container">' + 2018 '<div class="online-service-card mx-auto">' + 2019 '<div class="fcl-internal-card">' + 2020 '<img src="' + servicesJSON.services[serviceType].imageURL + '" alt="" class="card-img-top service-card-image online-service-img" title="">' + 2021 '<a class="cursor-pointer" data-toggle="modal" data-target=".online-services-modal" data-title="' + servicesJSON.services[serviceType].serviceType + '">' + 2022 '<div class="online-service-bottom">' + 2023 '<div class="online-service-card-body row">' + 2024 '<div class="col-sm-12 d-flex align-items-center online-service-card-desc">' + 2025 '<div class="w-100">' + 2026 '<div class="online-service-card-title">' + servicesJSON.services[serviceType].modalTitle + '</div>' + 2027 '<p class="online-service-card-text">' + servicesJSON.services[serviceType].cardDescription + '</p>' + 2028 '</div>' + 2029 '</div>' + 2030 '<div class="col-sm-12 justify-content-center d-flex align-items-center">' + 2031 `<button class="btn-fcl fcl-pill-lg online-service-card-btn btn btn-primary" data-toggle="modal" data-target=".online-services-modal" title="${servicesJSON.services[serviceType].serviceCTA}" data-title="${servicesJSON.services[serviceType].serviceType}">Find Out More</button>` + 2032 '</div>' + 2033 '</div>' + 2034 '</div>' + 2035 '</a>'+ 2036 '</div>' + 2037 '</div>' + 2038 '</div>'; 2039 2040 $(".online-services-grid").append(cardHTML); 2041 } 2042 } 2043 }); 2044 2045 $('.online-services-spinner').hide(); 2046 $('.online-services').show(); 2047 } 2048 2049 $('.online-services-modal').on('hide.bs.modal', function () { 2050 $('.online-services-modal .modal-body').scrollTop(0); 2051 }); 2052 2053 $('.online-services-modal').on('show.bs.modal', function (event) { 2054 const servicesJSON = JSON.parse(getOnlineServicesDesc()); 2055 var button = $(event.relatedTarget) // Button that triggered the modal 2056 var modalTitle = button.data('title') // Extract info from data-* attributes 2057 2058 $(".modal-features").empty(); 2059 2060 for(let i in servicesJSON.services) { 2061 if(servicesJSON.services[i].serviceType === modalTitle) { 2062 var modal = $(this); 2063 2064 let analyticsObject = { 2065 'event': 'select_content', 2066 "content_type": "Modal", 2067 "item_id": "Online Services" 2068 }; 2069 2070 analytics.sendEventWithAppName(analyticsObject, servicesJSON.services[i].serviceType); 2071 2072 modal.find('.service-modal-title').text(servicesJSON.services[i].modalTitle); 2073 modal.find('.service-modal-desc').text(servicesJSON.services[i].modalDe
2073scription); 2074 $(".online-service-widget").attr("src", servicesJSON.services[i].widgetIconURL); 2075 2076 // Initialize Features section 2077 let numRows = Math.ceil(servicesJSON.services[i].features.length / 2); 2078 var featuresHTML = '<h3 class="fcl-sub-heading">Features</h3>'; 2079 $(".modal-features").append(featuresHTML); 2080 2081 for(var j = 0; j < (numRows * 2); j += 2) { 2082 featuresHTML = '<div class="row feature">' + 2083 '<div class="col-md-6 ml-auto mb-4">' + 2084 '<img src="' + servicesJSON.services[i].features[j].iconURL + '" alt="" title="">' + 2085 '<div class="fcl-text-sm">' + servicesJSON.services[i].features[j].feature + '</div>' + 2086 '</div>'; 2087 2088 if(servicesJSON.services[i].features[j + 1] != null) { 2089 featuresHTML += '<div class="col-md-6 ml-auto mb-4">' + 2090 '<img src="' + servicesJSON.services[i].features[j + 1].iconURL + '" alt="" title="">' + 2091 '<div class="fcl-text-sm">' + servicesJSON.services[i].features[j + 1].feature + '</div>' + 2092 '</div>' + 2093 '</div>'; 2094 } else { 2095 featuresHTML += '<div class="col-md-6 ml-auto mb-4">' + 2096 '</div>' + 2097 '</div>'; 2098 } 2099 2100 $(".modal-features").append(featuresHTML); 2101 } 2102 2103 // Initialize My Co-ops section 2104 $('.locations-container').empty(); 2105 if (Object.keys(myCoopRetails).length === 0) { 2106 var myCoopsHTML = '<div>' + 2107 '<div class="row">' + 2108 '<div class="fcl-text-xs col-md-12 ml-auto mt-2 mb-4">Please sign in or add membership to see available locations.</div>'; 2109 '</div>' + 2110 '</div>'; 2111 $('.locations-container').append(myCoopsHTML); 2112 } else { 2113 Object.keys(myCoopRetails).sort().forEach(function(retailName) { 2114 var myCoopsHTML = '<div>' + 2115 '<div class="row">' + 2116 '<div class="fcl-text-smd col-md-5 ml-auto mt-2 mb-2">' + retailName.replace("-", "‑") + '</div>' + 2117 '<div class="fcl-text-sm col-md-7 ml-auto mt-2 mb-2">'; 2118 2119 const servicesLocations = myCoopRetails[retailName][servicesJSON.services[i].serviceType]; 2120 if(servicesLocations !== undefined) { 2121 servicesLocations.forEach(function(location) { 2122 myCoopsHTML += '<div class="row mt-1 mb-3 pl-4 pr-4">' + location + '</div>'; 2123 }); 2124 } else { 2125 myCoopsHTML += '<div class="row mt-1 mb-3 pl-4 pr-4">' + "Not Available" + '</div>'; 2126 } 2127 myCoopsHTML += '</div></div>'; 2128 $('.locations-container').append(myCoopsHTML); 2129 }); 2130 } 2131 2132 // Initialize Preview section 2133 $('.carousel-inner').empty(); 2134 for(let j in servicesJSON.services[i].previewImages) { 2135 const previewImageHTML = '<div class="carousel-item item">' + 2136 '<img src="' + servicesJSON.services[i].previewImages[j].imageURL + '" alt="" title="" class="preview-img">' + 2137 '</div>'; 2138 $('.carousel-inner').append(previewImageHTML); 2139 } 2140 $(".carousel-inner div:first").addClass("active"); 2141 2142 // Initialize Download App section 2143 $('.modal-download-app').empty(); 2144 if(servicesJSON.services[i].hasOwnProperty("appURL")) { 2145 $('.modal-download-app-border').show(); 2146 var appDownloadHTML = '<h3 class="fcl-sub-heading">Download the ' + servicesJSON.services[i].modalTitle + ' App</h3><div class="">'; 2147 if(servicesJSON.services[i].appURL.hasOwnProperty("appleLink")) { 2148 appDownloadHTML += '<a href="' + servicesJSON.services[i].appURL.appleLink + '" title="" target="_blank" onclick="gtag("event:, "click", {"event_category": "more info","event_label": "redirect: app store"} style="margin-right: 1rem;")"><img src="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/btn.apple.png" alt="" title=""></a>'; 2149 } 2150 if(servicesJSON.services[i].appURL.hasOwnProperty("googleLink")) { 2151 appDownloadHTML += '<a href="' + servicesJSON.services[i].appURL.googleLink + '" title="" target="_blank" onclick="gtag("event", "click", {"event_category": "more info","event_label": "redirect: google play"})"><img class="fcl-google-play-icon" src="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/btn.google.png" alt="" title=""></a>'; 2152 } 2153 appDownloadHTML += '</div>'; 2154 $('.modal-download-app').append(appDownloadHTML); 2155 } else { 2156 $('.modal-download-app-border').hide(); 2157 } 2158 2159 // Initialize footer Button 2160 $('.online-services-modal .modal-footer').empty(); 2161 if(servicesJSON.services[i].hasOwnProperty("websiteURL")) { 2162 $('.online-services-modal .modal-footer').append('<a target="_blank" class="btn btn-fcl" href="' + servicesJSON.services[i].websiteURL + '">View Website</a>'); 2163 } else { 2164 $('.online-services-modal .modal-footer').append('<button type="button" class="btn btn-fcl btn-service-done" data-dismiss="modal">Done</button>'); 2165 } 2166 break; 2167 } 2168 } 2169 }); 2170 2171 // 2172 // ADD NEW ONLINE SERVICE TO services JSON 2173 // 2174 function getOnlineServicesDesc() { 2175 const services = `{ 2176 "services": [ 2177 { 2178 "serviceType": "Food Store", 2179 "serviceCTA" : "Learn More About Online Shopping", 2180 "modalTitle": "Online Grocery Shopping", 2181 "cardDescription": "Shop and order groceries online", 2182 "imageURL": "/CoopCRSThemeStatic/themes/CoopCRSTheme/images/Coop/groceries.jpg", 2183 "widgetIconURL": "/CoopCRSThemeStatic/themes/CoopCRSTheme/images/Coop/groceriesApp.png", 2184 "modalDescription": "Grocery shop from anywhere with Co-op! Our Personal Shopping Team does the work for you, selecting the highest quality products for your order. Pick up and delivery options available at select locations.", 2185 "features": [ 2186 { 2187 "iconURL": "/CoopCRSThemeStatic/themes/CoopCRSTheme/images/icons/Car.svg", 2188 "feature": "Choose between pickup or delivery for your online shopping experience" 2189 }, 2190 { 2191 "iconURL": "/CoopCRSThemeStatic/themes/CoopCRSTheme/images/icons/Cart.svg", 2192 "feature": "Fill your online cart by browsing sale items, shopping by departments or using the search bar" 2193 }, 2194 { 2195 "iconURL": "/CoopCRSThemeStatic/themes/CoopCRSTheme/images/icons/Search.svg", 2196 "feature": "Filter or sort products by brand, price, popularity, food sensitives and more" 2197 }, 2198 { 2199 "iconURL": "/CoopCRSThemeStatic/themes/CoopCRSTheme/images/icons/Wallet.svg", 2200 "feature": "Make shopping easy by reviewing and reordering past purchases" 2201 } 2202 ], 2203 "previewImages": [ 2204 { 2205 "imageURL": "/CoopCRSThemeStatic/themes/CoopCRSTheme/images/Coop/appPreview/grocery/1.jpg" 2206 }, 2207 { 2208 "imageURL": "/CoopCRSThemeStatic/themes/CoopCRSTheme/images/Coop/appPreview/grocery/2.jpg" 2209 }, 2210 { 2211 "imageURL": "/CoopCRSThemeStatic/themes/CoopCRSTheme/images/Coop/appPreview/grocery/3.jpg" 2212 }, 2213 { 2214 "imageURL": "/CoopCRSThemeStatic/themes/CoopCRSTheme/images/Coop/appPreview/grocery/4.jpg" 2215 }, 2216 { 2217 "imageURL": "/CoopCRSThemeStatic/themes/CoopCRSTheme/images/Coop/appPreview/grocery/5.jpg" 2218 } 2219 ], 2220 "websiteURL": "https://www.shop.crs/" 2221 }, 2222 { 2223 "serviceType": "Car Wash", 2224 "serviceCTA" : "Learn More About Car Wash", 2225 "modalTitle": "Co-op Car Wash", 2226 "cardDescription": "Get your vehicle spotless and ready for the road", 2227 "imageURL": "/CoopCRSThemeStatic/themes/CoopCRSTheme/images/Coop/carwash.jpg", 2228 "widgetIconURL": "/CoopCRSThemeStatic/themes/CoopCRSTheme/images/Coop/carwashApp.png", 2229 "modalDescription": "Driving past a Co-op Gas Bar and realizing your vehicle could be cleaner? Just tap the app to buy a car wash! It's convenient, contactless, and best of all, you never have to leave your vehicle.", 2230 "features": [ 2231 { 2232 "iconURL": "/CoopCRSThemeStatic/themes/CoopCRSTheme/images/icons/CreditCard.svg", 2233 "feature": "Purchase single washes or subscribe to monthly passes" 2234 }, 2235 { 2236 "iconURL": "/CoopCRSThemeStatic/themes/CoopCRSTheme/images/icons/CarWash.svg", 2237 "feature": "Collect loyalty points on every wash to earn free washes" 2238 } 2239 ], 2240 "previewImages": [ 2241 { 2242 "imageURL": "/CoopCRSThemeStatic/themes/CoopCRSTheme/images/Coop/appPreview/carwash/1.jpg" 2243 }, 2244 { 2245 "imageURL": "/CoopCRSThemeStatic/themes/CoopCRSTheme/images/Coop/appPreview/carwash/2.jpg" 2246 }, 2247 { 2248 "imageURL": "/CoopCRSThemeStatic/themes/CoopCRSTheme/images/Coop/appPreview/carwash/3.jpg" 2249 }, 2250 { 2251 "imageURL": "/CoopCRSThemeStatic/themes/CoopCRSTheme/images/Coop/appPreview/carwash/4.jpg" 2252 } 2253 ], 2254 "appURL": { 2255 "appleLink": "https://apps.apple.com/us/app/co-op-car-wash/id1484807500", 2256 "googleLink": "https://play.google.com/store/apps/details?id=com.fcl.mos&hl=en_IE" 2257 } 2258 }, 2259 { 2260 "serviceType": "Pharmacy", 2261 "serviceCTA" : "Learn More About Pharmacy", 2262 "modalTitle": "Pharmacy", 2263 "cardDescription": "Manage and order prescriptions quickly", 2264 "imageURL": "/CoopCRSThemeStatic/themes/CoopCRSTheme/images/Coop/pharmacy.jpg", 2265 "widgetIconURL": "/CoopCRSThemeStatic/themes/CoopCRSTheme/images/Coop/pharmacyApp.png", 2266 "modalDescription": "The Co-op Pharmacy app puts convenience at your fingertips with secure, confidential access to your prescription profile. Managing your prescriptions has never been easier.", 2267 "features": [ 2268 { 2269 "iconURL": "/CoopCRSThemeStatic/themes/CoopCRSTheme/images/icons/Pill.svg", 2270 "feature": "Refill your prescriptions quickly and easily from just about anywhere" 2271 }, 2272 { 2273 "iconURL": "/CoopCRSThemeStatic/themes/CoopCRSTheme/images/icons/Clock.svg", 2274 "feature": "Receive pickhup reminders the moment your prescriptions are ready" 2275 }, 2276 { 2277 "iconURL": "/CoopCRSThemeStatic/themes/CoopCRSTheme/images/icons/List.svg",
2278 "feature": "Easily track your full list of medications with the Patient Login function" 2279 }, 2280 { 2281 "iconURL": "/CoopCRSThemeStatic/themes/CoopCRSTheme/images/icons/Bell.svg", 2282 "feature": "Receive refill reminders to alert you in advance of each prescription running out" 2283 } 2284 ], 2285 "previewImages": [ 2286 { 2287 "imageURL": "/CoopCRSThemeStatic/themes/CoopCRSTheme/images/Coop/appPreview/pharmacy/1.jpg" 2288 }, 2289 { 2290 "imageURL": "/CoopCRSThemeStatic/themes/CoopCRSTheme/images/Coop/appPreview/pharmacy/2.jpg" 2291 }, 2292 { 2293 "imageURL": "/CoopCRSThemeStatic/themes/CoopCRSTheme/images/Coop/appPreview/pharmacy/3.jpg" 2294 }, 2295 { 2296 "imageURL": "/CoopCRSThemeStatic/themes/CoopCRSTheme/images/Coop/appPreview/pharmacy/4.jpg" 2297 } 2298 ], 2299 "appURL": { 2300 "appleLink": "https://apps.apple.com/ca/app/co-op-pharmacy/id1571568073", 2301 "googleLink": "https://play.google.com/store/apps/details?id=com.cooppharmacy.client" 2302 } 2303 }, 2304 { 2305 "serviceType": "Home Centre", 2306 "serviceCTA" : "Learn More About Home and Building", 2307 "modalTitle": "Home & Building", 2308 "cardDescription": "Browse products and materials", 2309 "imageURL": "/CoopCRSThemeStatic/themes/CoopCRSTheme/images/Coop/habs.jpg", 2310 "widgetIconURL": "/CoopCRSThemeStatic/themes/CoopCRSTheme/images/Coop/habsApp.png", 2311 "modalDescription": "From small renos to major construction, Co-op has what you need to complete your project. View more than 20,000 items online.", 2312 "features": [ 2313 { 2314 "iconURL": "/CoopCRSThemeStatic/themes/CoopCRSTheme/images/icons/Book.svg", 2315 "feature": "Browse the catalogue with one of our featured categories, by flyer items or by using the search bar" 2316 }, 2317 { 2318 "iconURL": "/CoopCRSThemeStatic/themes/CoopCRSTheme/images/icons/Cart.svg", 2319 "feature": "Add items to your cart and the store will confirm availability" 2320 }, 2321 { 2322 "iconURL": "/CoopCRSThemeStatic/themes/CoopCRSTheme/images/icons/Car.svg", 2323 "feature": "Pickhup and pay for your order at your local selected Co-op" 2324 } 2325 ], 2326 "previewImages": [ 2327 { 2328 "imageURL": "/CoopCRSThemeStatic/themes/CoopCRSTheme/images/Coop/appPreview/homebuilding/1.jpg" 2329 }, 2330 { 2331 "imageURL": "/CoopCRSThemeStatic/themes/CoopCRSTheme/images/Coop/appPreview/homebuilding/2.jpg" 2332 }, 2333 { 2334 "imageURL": "/CoopCRSThemeStatic/themes/CoopCRSTheme/images/Coop/appPreview/homebuilding/3.jpg" 2335 }, 2336 { 2337 "imageURL": "/CoopCRSThemeStatic/themes/CoopCRSTheme/images/Coop/appPreview/homebuilding/4.jpg" 2338 } 2339 ], 2340 "websiteURL": "https://www.build.crs/" 2341 } 2342 ] 2343 }`; 2344 2345 return services; 2346 } 2347</script>
2347 2348 2349<style> 2350 .cursor-pointer { 2351 cursor: pointer; 2352 } 2353 2354 .online-services, 2355 .online-services-spinner { 2356 background-color: #f5f5f6; 2357 } 2358 2359 .online-services-container { 2360 margin-top: 15px; 2361 margin-bottom: 15px; 2362 } 2363 2364 .online-services-title { 2365 font-family: 'Open Sans'; 2366 font-style: normal; 2367 font-weight: 800; 2368 font-size: 40px; 2369 line-height: 108%; 2370 color: #CC0000; 2371 } 2372 2373 .online-service-card { 2374 display: flex; 2375 flex-direction: column; 2376 align-items: flex-start; 2377 padding: 0px; 2378 background: #ECF0F4; 2379 border-radius: 15px; 2380 } 2381 2382 .online-service-img { 2383 border-top-left-radius: 15px !important; 2384 border-top-right-radius: 15px !important; 2385 height: 345px; 2386 object-fit: cover; 2387 } 2388 2389 .online-service-card-body { 2390 padding: 0.5rem 1.25rem; 2391 min-height: 160px !important; 2392 } 2393 2394 .online-service-card-desc { 2395 padding-top: 10px; 2396 } 2397 2398 .online-service-card-title { 2399 font-family: 'Open Sans'; 2400 font-style: normal; 2401 font-weight: 800; 2402 font-size: 24px; 2403 line-height: 108%; 2404 text-align: center; 2405 letter-spacing: -0.04em; 2406 color: #CC0000; 2407 } 2408 2409 .online-service-card-text { 2410 font-family: 'Open Sans'; 2411 font-style: normal; 2412 font-weight: 400; 2413 font-size: 14px; 2414 line-height: 19px; 2415 text-align: center; 2416 color: #4B4B4B; 2417 } 2418 2419 .online-service-card .fcl-internal-card { 2420 background-color: #ecf0f4 !important; 2421 border-radius: 15px !important; 2422 box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.2); 2423 } 2424 2425 .online-service-bottom:hover { 2426 2427 border-radius: 15px; 2428 } 2429 2430 /* .online-service-card .fcl-internal-card:hover { 2431 border-bottom: 4px solid #cc0000; 2432 box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.2); 2433 } */ 2434 2435 .online-service-card-btn { 2436 margin-top: 0px; 2437 box-shadow: none; 2438 } 2439 2440 .feature img { 2441 margin-top: 10; 2442 margin-bottom: 20px; 2443 height: 24px; 2444 } 2445 2446 @media (max-width: 1199px) and (min-width: 992px) { 2447 .online-service-card-title { 2448 font-size: 21px; 2449 } 2450 2451 .online-service-img { 2452 height: 280.86px; 2453 } 2454 } 2455 2456 @media (max-width: 992px) { 2457 .online-service-card { 2458 width: 355px; 2459 } 2460 } 2461 2462 @media (max-width: 405px) { 2463 .online-service-card { 2464 width: 100%; 2465 } 2466 2467 .online-service-card-body { 2468 padding: .75rem; 2469 } 2470 } 2471 2472 @media (max-width: 350px) { 2473 .online-service-card-body.row { 2474 display: inline-block; 2475 } 2476 2477 .online-service-card-body .col-8, 2478 .online-service-card-body .col-4 { 2479 max-width: none; 2480 } 2481 2482 .online-service-card-body .col-4 { 2483 justify-content: start !important; 2484 } 2485 2486 .online-service-card-body .online-service-card-btn { 2487 margin-right: 0 !important; 2488 } 2489 } 2490 2491 .online-services-modal .modal-header { 2492 border-bottom: none; 2493 } 2494 2495 .online-services-modal .modal-footer { 2496 border-top: none; 2497 } 2498 2499 .online-services-modal .modal-dialog { 2500 overflow-y: initial !important 2501 } 2502 2503 .online-services-modal .modal-body { 2504 max-height: 77vh; 2505 overflow-y: auto; 2506 } 2507 2508 @media (max-width: 576px) { 2509 .online-services-modal .modal-body { 2510 max-height: calc(100vh - 200px); 2511 } 2512 } 2513 2514 .modal-body::-webkit-scrollbar {
2515 -webkit-appearance: none; 2516 width: 8px; 2517 } 2518 2519 .modal-body::-webkit-scrollbar-track { 2520 background-color: #F0F0F0; 2521 } 2522 2523 .modal-body::-webkit-scrollbar-thumb { 2524 border-radius: 4px; 2525 background-color: rgb(209, 209, 209); 2526 box-shadow: 0 0 1px rgba(255, 255, 255, .5); 2527 } 2528 2529 .see-all-locations-link:active, .see-all-locations-link:focus{ 2530 color: #cc0000ad; 2531 } 2532 2533 .preview-row { 2534 -webkit-overflow-scrolling: touch !important; 2535 display: flex; 2536 flex-wrap: nowrap; 2537 overflow-x: auto; 2538 } 2539 2540 .preview-row::-webkit-scrollbar { 2541 -webkit-appearance: none; 2542 height: 8px; 2543 } 2544 2545 .preview-row::-webkit-scrollbar-track { 2546 background-color: #F0F0F0; 2547 } 2548 2549 .preview-row::-webkit-scrollbar-thumb { 2550 border-radius: 4px; 2551 background-color: rgb(209, 209, 209); 2552 box-shadow: 0 0 1px rgba(255, 255, 255, .5); 2553 } 2554 2555 .preview-row .preview-img { 2556 flex: 0 0 auto; 2557 } 2558 2559 .carousel-inner img { 2560 margin: auto; 2561 } 2562 2563 .modal-preview img { 2564 padding: 1rem; 2565 max-height: 565px; 2566 } 2567 2568 @media (max-width: 405px) {
2569 .modal-preview img { 2570 max-width: 85%; 2571 } 2572 } 2573 2574 .carousel-item-next, .carousel-item-prev, .carousel-item.active { 2575 display: flex !important; 2576 } 2577 2578 span.carousel-control-next-icon, span.carousel-control-next-icon:hover { 2579 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23cc0000' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e") !important; 2580 } 2581 2582 span.carousel-control-prev-icon, span.carousel-control-prev-icon:hover { 2583 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23cc0000' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e") !important; 2584 } 2585 2586 .carousel-control-next, .carousel-control-prev, 2587 .carousel-control-next:hover, .carousel-control-prev:hover 2588 .carousel-control-next:focus, .carousel-control-prev:focus { 2589 opacity: 1 !important; 2590 } 2591 2592 .btn-service-done { 2593 color: #231F20 !important; 2594 background-color: #ECF0F4; 2595 } 2596 2597 .btn-service-done:hover { 2598 box-shadow: none; 2599 background-color: #dadada; 2600 text-decoration: none; 2601 } 2602</style> 2603 2604 2605 2606 2607 2608 2609 2610 2611 2612 2613 2614 2615 2616 2617 2618 2619 2620 2621 2622 2623 2624 2625 2626 2627<div class="wpthemeClear"></div> 2628 </div> 2629</section>�</div><div class='component-control id-Z7_NP0411C0M0JA7062VK2BL60GV0' ><span id="Z7_NP0411C0M0JA7062VK2BL60GV0"></span><section class="ibmPortalControl wpthemeControl wpthemeHidden a11yRegionTarget" role="region"> 2630 2631 2632 2633 <div class="asa.portlet asa-hidden" id="asa.portlet.Z7_NP0411C0M0JA7062VK2BL60GV0"> 2634 <span class="asa.portlet.id">Z7_NP0411C0M0JA7062VK2BL60GV0</span> 2635 2636 2637 2638 </div> 2639 2640<!-- start header markup --> 2641 <header class="wpthemeControlHeader" role="banner" aria-label="Skin header"> 2642 <div class="wpthemeInner"> 2643 <h2> 2644 <img class="dndHandle" draggable="true" ondragstart="wpModules.dnd.util.portletDragStart(event, this, this.parentNode, 30, 0);" 2645 ondragend="wpModules.dnd.util.portletDragEnd(event);" 2646 src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt=""/> 2647 <!-- lm-dynamic-title node marks location for dynamic title support -->
2648 <span class="lm-dynamic-title asa.portlet.title a11yRegionLabel"><span lang="en" dir="ltr">Web Content Viewer</span></span> 2649 </h2> 2650 <a aria-haspopup="true" aria-label="Display content menu" role="button" href="javascript:;" class="wpthemeIcon wpthemeMenuFocus contextMenuInSkinIcon" style="display:none" tabindex="0"> 2651 <span title="Display content menu"><img aria-label="Display content menu" alt="" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"></span> 2652 <span class="wpthemeAltText">Component Action Menu</span> 2653 <!-- start CAM template --> 2654 <span class="wpthemeMenu" data-positioning-handler="horizontallyCenteredBelow"> 2655 <div class="wpthemeMenuBorder"> 2656 <!-- define the menu item template inside the "ul" element. only "css-class", "description", and "title" are handled by the theme's sample javascript. --> 2657 <ul class="wpthemeMenuDropDown wpthemeTemplateMenu" role="menu"> 2658 <li class="${css-class}" role="menuitem" tabindex="-1"><span 2659 class="wpthemeMenuText">${title}</span></li> 2660 </ul> 2661 <div class="verticalMenuPointer pointer"></div> 2662 </div> <!-- Template for loading --> 2663 <div class="wpthemeMenuLoading wpthemeTemplateLoading">${loading}</div> 2664 <!-- Template for submenu --> 2665 <div class="wpthemeAnchorSubmenu wpthemeTemplateSubmenu"> 2666 <div class="wpthemeMenuBorder wpthemeMenuSubmenu"> 2667 <ul id="${submenu-id}" class="wpthemeMenuDropDown" 2668 role="menu"> 2669 <li role="menuitem" tabindex="-1"></li> 2670 </ul> 2671 </div> 2672 </div> 2673 </span> 2674 <!-- end CAM template --> 2675 </a> 2676 <a aria-haspopup="true" aria-label="Display portlet menu" role="button" href="javascript:;" class="wpthemeIcon wpthemeMenuFocus" tabindex="0" 2677 onclick="if (typeof wptheme != 'undefined') wptheme.contextMenu.init({ 'node': this, menuId: 'skinAction', jsonQuery: {'navID':ibmCfg.portalConfig.currentPageOID,'windowID':wptheme.getWindowIDFromSkin(this)}, params: {'alignment':'right'}});" 2678 onkeydown="javascript:if (typeof i$ != 'undefined' && typeof wptheme != 'undefined') {if (event.keyCode ==13 || event.keyCode ==32 || event.keyCode==38 || event.keyCode ==40) {wptheme.contextMenu.init(this, 'skinAction', {'navID':ibmCfg.portalConfig.currentPageOID,'windowID':wptheme.getWindowIDFromSkin(this)}); return false;}}"> 2679 <span title="Display portlet menu"><img aria-label="Display portlet menu" alt="" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"></span> 2680 <span class="wpthemeAltText">Actions</span> 2681 </a> 2682 </div> 2683 </header> 2684 2685 <div class="wpthemeControlBody wpthemeOverflowAuto wpthemeClear"> <!-- lm:control dynamic spot injects markup of layout control --> 2686 <!-- asa.overlay marks the node that the AsaOverlayWidget will be placed in --> 2687 <div style="position:relative; z-index: 1;"> 2688 <div class="analytics.overlay" ></div> 2689 </div> 2690 2691 2692 2693 2694 2695 2696 2697 2698 2699 2700 2701 2702 2703 2704 2705 2706 2707 2708 2709 2710 2711 2712 2713 2714 2715 2716 2717 2718 2719 2720 2721 2722 2723 2724 2725 2726 2727 2728 2729 2730 2731 2732 2733 2734 2735 2736 2737 2738 2739 2740 2741 2742 2743 2744 2745 2746 2747 2748 2749<div id="gift-card-balance-5050"> 2750 <div class="container fcl-container-component"> 2751 <div class="row"> 2752 2753 2754 2755 <div class="col-md-6 image-container order-1 order-md-1"> 2756 <img class="fcl-image" src="/wcm/connect/www.co-op.crs26018/f6b48a03-9462-4ceb-8139-cbfb33e78a2e/Image.png?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_2IKA1G82MGSE20Q0KL2T4UJO54-f6b48a03-9462-4ceb-8139-cbfb33e78a2e-oC9FnSC" alt=""> 2757 </div> 2758 2759 2760 <div class="col-md-6 text-container order-2 order-md-2"> 2761 <div class=""> 2762 2763 <h2 class=" 2764 2765 css-gift-card-balance-5050-border-top-color 2766 2767 2768 2769 2770 2771 2772 2773 2774 fcl-h3 red 2775 2776 2777 2778 2779 2780 2781 2782 2783 "> <span>Gift Card Balance</span> 2784 </h2> 2785 2786 <div class="inline-section 2787 2788 "><p dir="ltr" style="color:black">Not sure how much is left on your gift card? Check the balance with the 19-digit code on the back of the card.</p> 2789</div> 2790 2791 <div class=" 2792 2793 2794 2795 red line-to-right button 2796 2797 2798 2799 2800 2801 2802 2803 2804 "> 2805 <a class="btn-fcl z-index-15" href="javascript:$(".js-gift-card").click()">Check Balance</a> 2806 </div> 2807 2808 </div> 2809 </div> 2810 2811 </div> 2812 </div> 2813</div> 2814<style> 2815#gift-card-balance-5050{ 2816background-color: #B2DDCF; 2817 2818} 2819 2820 2821.css-gift-card-balance-5050-border-top-color { 2822border-top: 2px solid #cc0000; 2823padding-top: 20px; 2824} 2825 2826@media(min-width: 992px){ 2827.css-gift-card-balance-5050-border-top-color { 2828border-top: 2px solid #cc0000; 2829} 2830} 2831 2832 2833 2834</style> 2835 2836 2837 2838 2839 2840 2841 2842 2843 2844 2845 2846 2847 2848 2849 2850 2851 2852 2853 2854 2855<div class="wpthemeClear"></div> 2856 </div> 2857</section>�</div><div class='component-control id-Z7_NP0411C0MOLU106SGSE23K0GA2' ><span id="Z7_NP0411C0MOLU106SGSE23K0GA2"></span><section class="ibmPortalControl wpthemeControl wpthemeHidden a11yRegionTarget" role="region"> 2858 2859 2860 2861 <div class="asa.portlet asa-hidden" id="asa.portlet.Z7_NP0411C0MOLU106SGSE23K0GA2"> 2862 <span class="asa.portlet.id">
2862Z7_NP0411C0MOLU106SGSE23K0GA2</span> 2863 2864 2865 2866 </div> 2867 2868<!-- start header markup --> 2869 <header class="wpthemeControlHeader" role="banner" aria-label="Skin header"> 2870 <div class="wpthemeInner"> 2871 <h2> 2872 <img class="dndHandle" draggable="true" ondragstart="wpModules.dnd.util.portletDragStart(event, this, this.parentNode, 30, 0);" 2873 ondragend="wpModules.dnd.util.portletDragEnd(event);" 2874 src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt=""/> 2875 <!-- lm-dynamic-title node marks location for dynamic title support --> 2876 <span class="lm-dynamic-title asa.portlet.title a11yRegionLabel"><span lang="en" dir="ltr">Web Content Viewer</span></span> 2877 </h2> 2878 <a aria-haspopup="true" aria-label="Display content menu" role="button" href="javascript:;" class="wpthemeIcon wpthemeMenuFocus contextMenuInSkinIcon" style="display:none" tabindex="0"> 2879 <span title="Display content menu"><img aria-label="Display content menu" alt="" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"></span> 2880 <span class="wpthemeAltText">Component Action Menu</span> 2881 <!-- start CAM template --> 2882 <span class="wpthemeMenu" data-positioning-handler="horizontallyCenteredBelow"> 2883 <div class="wpthemeMenuBorder"> 2884 <!-- define the menu item template inside the "ul" element. only "css-class", "description", and "title" are handled by the theme's sample javascript. --> 2885 <ul class="wpthemeMenuDropDown wpthemeTemplateMenu" role="menu"> 2886 <li class="${css-class}" role="menuitem" tabindex="-1"><span 2887 class="wpthemeMenuText">${title}</span></li> 2888 </ul> 2889 <div class="verticalMenuPointer pointer"></div> 2890 </div> <!-- Template for loading --> 2891 <div class="wpthemeMenuLoading wpthemeTemplateLoading">${loading}</div> 2892 <!-- Template for submenu --> 2893 <div class="wpthemeAnchorSubmenu wpthemeTemplateSubmenu"> 2894 <div class="wpthemeMenuBorder wpthemeMenuSubmenu"> 2895 <ul id="${submenu-id}" class="wpthemeMenuDropDown" 2896 role="menu"> 2897 <li role="menuitem" tabindex="-1"></li> 2898 </ul> 2899 </div> 2900 </div> 2901 </span> 2902 <!-- end CAM template --> 2903 </a> 2904 <a aria-haspopup="true" aria-label="Display portlet menu" role="button" href="javascript:;" class="wpthemeIcon wpthemeMenuFocus" tabindex="0" 2905 onclick="if (typeof wptheme != 'undefined') wptheme.contextMenu.init({ 'node': this, menuId: 'skinAction', jsonQuery: {'navID':ibmCfg.portalConfig.currentPageOID,'windowID':wptheme.getWindowIDFromSkin(this)}, params: {'alignment':'right'}});" 2906 onkeydown="javascript:if (typeof i$ != 'undefined' && typeof wptheme != 'undefined') {if (event.keyCode ==13 || event.keyCode ==32 || event.keyCode==38 || event.keyCode ==40) {wptheme.contextMenu.init(this, 'skinAction', {'navID':ibmCfg.portalConfig.currentPageOID,'windowID':wptheme.getWindowIDFromSkin(this)}); return false;}}"> 2907 <span title="Display portlet menu"><img aria-label="Display portlet menu" alt="" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"></span> 2908 <span class="wpthemeAltText">Actions</span> 2909 </a> 2910 </div> 2911 </header> 2912 2913 <div class="wpthemeControlBody wpthemeOverflowAuto wpthemeClear"> <!-- lm:control dynamic spot injects markup of layout control --> 2914 <!-- asa.overlay marks the node that the AsaOverlayWidget will be placed in --> 2915 <div style="position:relative; z-index: 1;"> 2916 <div class="analytics.overlay" ></div> 2917 </div> 2918 2919 2920 2921 2922 2923 2924 2925 2926 2927 2928 2929 2930 2931 2932 2933 2934 2935 2936 2937 2938 2939 2940 2941 2942 2943 2944 2945 2946 2947 2948 2949 2950 2951 2952 2953 2954 2955 2956 2957 2958 2959 2960 2961 2962 2963 2964 2965 2966 2967 2968 2969 2970 2971 2972 2973 2974 2975 2976 2977<div id="other-services-5050"> 2978 <div class="container fcl-container-component"> 2979 <div class="row"> 2980 2981 <div class="col-md-6 text-container order-2 order-md-1"> 2982 <div class=""> 2983 2984 <h2 class=" 2985 css-other-services-5050-border-top-color 2986 2987 2988 2989 2990 2991 2992 2993 2994 fcl-h3 red 2995 2996 2997 2998 2999 3000 3001 3002 "> <span>Other Services</span> 3003 </h2> 3004 3005 <div class="inline-section 3006 css-other-services-5050-border-bottom-color 3007 "><div class="d-block pt-2"> 3008 <div> 3009 <a href="https://www.co-opagzone.crs/" class="service-link d-flex pt-3"> 3010 <img class="pr-3" src="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/icons/Agro.svg" /> 3011 <div class="d-block fcl-aubergine"> 3012 <div class="fcl-text-smd">AgZone FIELD</div> 3013 <div class="fcl-text-xs">Collect, share and interpret the data you need.</div> 3014 </div> 3015 <img class="ml-auto" src="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/icons/Right.svg" /> 3016 </a> 3017 </div> 3018 <div> 3019 <a href="https://www.fuel.crs/commercial/detail/largest-cardlock-network-in-wester
3019n-canada" class="service-link d-flex pt-3"> 3020 <img class="pr-3" src="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/icons/Cardlock.svg" /> 3021 <div class="d-block fcl-aubergine"> 3022 <div class="fcl-text-smd">Cardlock Resources</div> 3023 <div class="fcl-text-xs">Convenient, all-hours access to fuel your vehicle.</div> 3024 </div> 3025 <img class="ml-auto" src="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/icons/Right.svg" /> 3026 </a> 3027 </div> 3028 <div> 3029 <a href="https://forms.co-op.crs/forms/anon/org/app/a172b0ff-fba4-4dae-8356-5773454bfcbb/launch/index.html?form=F_Form1" class="service-link d-flex pt-3"> 3030 <img class="pr-3" src="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/icons/BulkFuel.svg" /> 3031 <div class="d-block fcl-aubergine"> 3032 <div class="fcl-text-smd">Bulk Fuel Orders</div> 3033 <div class="fcl-text-xs">Start your next commercial fuel order. </div> 3034 </div> 3035 <img class="ml-auto" src="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/icons/Right.svg" /> 3036 </a> 3037 </div> 3038 <div> 3039 <a href="https://forms.co-op.crs/forms/anon/org/app/75d40237-cd3f-4dfc-88c0-a7724057788c/launch/index.html?form=F_Form1" class="service-link d-flex pt-3"> 3040 <img class="pr-3" src="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/icons/Propane.svg" /> 3041 <div class="d-block fcl-aubergine"> 3042 <div class="fcl-text-smd">Bulk Propane Orders</div> 3043 <div class="fcl-text-xs">Order propane directly to your operation. </div> 3044 </div> 3045 <img class="ml-auto" src="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/icons/Right.svg" /> 3046 </a> 3047 </div> 3048</div></div> 3049 3050 3051 </div> 3052 </div> 3053 3054 <div class="col-md-6 image-container order-1 order-md-2"> 3055 <img class="fcl-image" src="/wcm/connect/www.co-op.crs26018/d1679fca-7047-4286-aa1b-141d712fac78/Image+%281%29.png?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_2IKA1G82MGSE20Q0KL2T4UJO54-d1679fca-7047-4286-aa1b-141d712fac78-pAFQKWL" alt=""> 3056 </div> 3057 3058 3059 3060 3061 </div> 3062 </div> 3063</div> 3064<style> 3065#other-services-5050{ 3066background-color: #FFF; 3067 3068} 3069 3070 3071.css-other-services-5050-border-top-color { 3072border-top: 2px solid #cc0000; 3073padding-top: 20px; 3074} 3075 3076@media(min-width: 992px){ 3077.css-other-services-5050-border-top-color { 3078border-top: 2px solid #cc0000; 3079} 3080} 3081 3082 3083 3084.css-other-services-5050-border-bottom-color { 3085border-bottom: 2px solid #cc0000; 3086} 3087 3088@media(min-width: 992px){ 3089.css-other-services-5050-border-bottom-color { 3090border-bottom: 2px solid #cc0000; 3091padding-bottom: 20px; 3092} 3093} 3094 3095</style> 3096 3097 3098 3099 3100 3101 3102 3103 3104 3105 3106 3107 3108 3109 3110 3111 3112 3113 3114 3115 3116<div class="wpthemeClear"></div> 3117 </div> 3118</section>�</div><div class='component-control id-Z7_NP0411C0MOLU106SGSE23K0GC5' ><span id="Z7_NP0411C0MOLU106SGSE23K0GC5"></span><section class="ibmPortalControl wpthemeControl wpthemeHidden a11yRegionTarget" role="region"> 3119 3120 3121 3122 <div class="asa.portlet asa-hidden" id="asa.portlet.Z7_NP0411C0MOLU106SGSE23K0GC5"> 3123 <span class="asa.portlet.id">Z7_NP0411C0MOLU106SGSE23K0GC5</span> 3124 3125 3126 3127 </div> 3128 3129<!-- start header markup --> 3130 <header class="wpthemeControlHeader" role="banner" aria-label="Skin header"> 3131 <div class="wpthemeInner"> 3132 <h2> 3133 <img class="dndHandle" draggable="true" ondragstart="wpModules.dnd.util.portletDragStart(event, this, this.parentNode, 30, 0);" 3134 ondragend="wpModules.dnd.util.portletDragEnd(event);" 3135 src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt=""/> 3136 <!-- lm-dynamic-title node marks location for dynamic title support -->
3137 <span class="lm-dynamic-title asa.portlet.title a11yRegionLabel"><span lang="en" dir="ltr">Web Content Viewer</span></span> 3138 </h2> 3139 <a aria-haspopup="true" aria-label="Display content menu" role="button" href="javascript:;" class="wpthemeIcon wpthemeMenuFocus contextMenuInSkinIcon" style="display:none" tabindex="0"> 3140 <span title="Display content menu"><img aria-label="Display content menu" alt="" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"></span> 3141 <span class="wpthemeAltText">Component Action Menu</span> 3142 <!-- start CAM template --> 3143 <span class="wpthemeMenu" data-positioning-handler="horizontallyCenteredBelow"> 3144 <div class="wpthemeMenuBorder"> 3145 <!-- define the menu item template inside the "ul" element. only "css-class", "description", and "title" are handled by the theme's sample javascript. --> 3146 <ul class="wpthemeMenuDropDown wpthemeTemplateMenu" role="menu"> 3147 <li class="${css-class}" role="menuitem" tabindex="-1"><span 3148 class="wpthemeMenuText">${title}</span></li> 3149 </ul> 3150 <div class="verticalMenuPointer pointer"></div> 3151 </div> <!-- Template for loading --> 3152 <div class="wpthemeMenuLoading wpthemeTemplateLoading">${loading}</div> 3153 <!-- Template for submenu --> 3154 <div class="wpthemeAnchorSubmenu wpthemeTemplateSubmenu"> 3155 <div class="wpthemeMenuBorder wpthemeMenuSubmenu"> 3156 <ul id="${submenu-id}" class="wpthemeMenuDropDown" 3157 role="menu"> 3158 <li role="menuitem" tabindex="-1"></li> 3159 </ul> 3160 </div> 3161 </div> 3162 </span> 3163 <!-- end CAM template --> 3164 </a> 3165 <a aria-haspopup="true" aria-label="Display portlet menu" role="button" href="javascript:;" class="wpthemeIcon wpthemeMenuFocus" tabindex="0" 3166 onclick="if (typeof wptheme != 'undefined') wptheme.contextMenu.init({ 'node': this, menuId: 'skinAction', jsonQuery: {'navID':ibmCfg.portalConfig.currentPageOID,'windowID':wptheme.getWindowIDFromSkin(this)}, params: {'alignment':'right'}});" 3167 onkeydown="javascript:if (typeof i$ != 'undefined' && typeof wptheme != 'undefined') {if (event.keyCode ==13 || event.keyCode ==32 || event.keyCode==38 || event.keyCode ==40) {wptheme.contextMenu.init(this, 'skinAction', {'navID':ibmCfg.portalConfig.currentPageOID,'windowID':wptheme.getWindowIDFromSkin(this)}); return false;}}"> 3168 <span title="Display portlet menu"><img aria-label="Display portlet menu" alt="" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"></span> 3169 <span class="wpthemeAltText">Actions</span> 3170 </a> 3171 </div> 3172 </header> 3173 3174 <div class="wpthemeControlBody wpthemeOverflowAuto wpthemeClear"> <!-- lm:control dynamic spot injects markup of layout control --> 3175 <!-- asa.overlay marks the node that the AsaOverlayWidget will be placed in --> 3176 <div style="position:relative; z-index: 1;"> 3177 <div class="analytics.overlay" ></div> 3178 </div> 3179 3180 3181 3182 3183 3184 3185 3186 3187 3188 3189 3190 3191 3192 3193 3194 3195 3196 3197 3198 3199 3200 3201 3202 3203 3204 3205 3206 3207 3208 3209 3210 3211 3212 3213 3214 3215 3216 3217 3218 3219 3220 3221 3222 3223 3224 3225 3226 3227 3228 3229 3230 3231 3232 3233 3234 3235 3236 3237 3238 3239 3240 3241 3242 3243 <div id="coop-50-50-section mx-auto" style="background-color: #053844;"> 3244 <div class="container fcl-container-component pt-2"> 3245 <div class="row" style="margin-bottom: -30px;"> 3246 <div class="col-md-6 text-container order-1 pb-5"> 3247 <div class=""> 3248 <h2 class="css-coop-50-50-section_1-border-top-color fcl-h2 white app-title mb-4"> <span>Download 3249 the new Co-op App to Unlock Exclusive Coupons</span> 3250 </h2> 3251 <div class="appcta-inline-section download-app-component h-100"> 3252 <p dir="ltr"><span class="pb-2 mb-4" 3253 style="color:#ffffff; font-weight: 400; font-size: 20px;">Save when you shop at a Co-op 3254 Food Store or Home Centre with exclusive app-only coupons.</span></p> 3255 3256 <div class="app-icons-row"> 3257 <a href="https://apps.apple.com/us/app/co-op-crs-app/id573048102?ls=1" target="_blank" class=""> 3258 <img role="img" src="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/btn.apple.png" 3259 alt="Co-op App on the Apple App Store"> 3260 </a> 3261 <a href="https://play.google.com/store/apps/details?id=com.collegemobile.coop.locator" target="_blank" class="ml-3"> 3262 <img role="img" class="fcl-google-play-icon" src="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/btn.google.png" 3263 alt="Co-op App on the Google Play Store"> 3264 </a> 3265 </div> 3266 </div> 3267 </div> 3268 </div> 3269 <div class="col-md-6 d-md-block d-none image-container order-2 fcl-app-cta"> 3270 <img class="fcl-image phone" src="/wcm/connect/www.co-op.crs26018/0ddeefb1-3090-4964-8fb9-9521cb213709/phone.png?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_2IKA1G82MGSE20Q0KL2T4UJO54-0ddeefb1-3090-4964-8fb9-9521cb213709-orwXodp" alt=""> 3271 </div> 3272 </div> 3273 </div> 3274</div> 3275 3276<style> 3277 .fcl-app-cta { 3278 margin-bottom: -20px; 3279 } 3280 @media(min-width: 768px){ 3281 .fcl-app-cta { 3282 margin-bottom: -20px; 3283 margin-top: 88px; 3284 } 3285 } 3286 @media(min-width: 992px){ 3287 .fcl-app-cta { 3288 margin-bottom: 0px; 3289 } 3290 } 3291 3292 3293 .css-coop-50-50-section-border-top-color { 3294 border-top: 2px solid #fcc28e; 3295 padding-top: 20px; 3296 } 3297 3298 .app-title { 3299 font-family: 'Open Sans'; 3300 font-style: normal; 3301 font-weight: 800; 3302 font-size: 40px; 3303 line-height: 108%; 3304 //letter-spacing: -0.04em; 3305 color: #FFFFFF; 3306 3307 } 3308 3309 .appcta-inline-section { 3310 3311 max-width: 100%; 3312 height: 54px; 3313 font-family: 'Open Sans'; 3314 font-style: normal; 3315 font-weight: 400 !important; 3316 font-size: 20px !important; 3317 line-height: 27px; 3318 color: #F5F5F6; 3319 3320 3321 } 3322 3323 /* .phone { 3324 3325 width: 566px; 3326 height: 538px; 3327 3328 3329 } */ 3330 .phone { 3331 width: 100% 3332 } 3333 3334 @media(min-width: 992px) { 3335 .css-coop-50-50-section-border-top-color { 3336 border-top: 2px solid #fcc28e; 3337 } 3338 } 3339 3340 3341 3342 .css-coop-50-50-section-border-bottom-color { 3343 border-bottom: 2px solid #fcc28e; 3344 } 3345 3346 @media(min-width: 992px) { 3347 .css-coop-50-50-section-border-bottom-color { 3348 border-bottom: 2px solid #fcc28e; 3349 padding-bottom: 20px; 3350 } 3351 } 3352</style> 3353 3354 3355 3356 3357 3358 3359 3360 3361 3362 3363 3364 3365 3366 3367 3368 3369 3370 3371 3372 3373 3374 3375 3376 3377 3378<div class="wpthemeClear"></div> 3379 </div> 3380</section>�</div></div></div> 3381<div class="wpthemeClear"></div>
3382 </div> 3383 </div> 3384 3385 3386 </div> 3387 <!--end main content--> 3388 3389 3390 <!-- Footer --> 3391 3392 3393 3394 3395<footer class="fcl-footer js-fadeable"> 3396 <h2 class="sr-only">Footer</h2> 3397 <div class="fcl-hr-red-top"></div> 3398 <div class="container"> 3399 <div class="row fcl-footer-row"> 3400 <div class="link-container col-lg-3 d-none d-lg-flex d-xl-flex row"> 3401 <h3 class="fcl-footer-title col-9">More Co-op</h3> 3402 <ul class="coop-links col-4"> 3403 <li class="fcl-list-item coop-link"><a class="gtm-footer-link footer-link" href="https://www.food.crs" target="_blank">food.crs</a></li> 3404 <li class="fcl-list-item coop-link"><a class="gtm-footer-link footer-link" href="https://www.home.crs" target="_blank">home.crs</a></li> 3405 <li class="fcl-list-item coop-link"><a class="gtm-footer-link footer-link" href="https://www.fuel.crs" target="_blank">fuel.crs</a></li> 3406 <li class="fcl-list-item coop-link"><a class="gtm-footer-link footer-link" href="https://www.agro.crs" target="_blank">agro.crs</a></li> 3407 </ul> 3408 <ul class="coop-links col-5"> 3409 <li class="fcl-list-item coop-link"><a class="gtm-footer-link footer-link" href="https://www.co-op.crs/ask" target="_blank">Ask Co-op</a></li> 3410 <li class="fcl-list-item coop-link"><a class="gtm-footer-link footer-link" href="https://www.co-op.crs/sustainability" target="">Sustainability</a></li> 3411 <li class="fcl-list-item coop-link"><a class="gtm-footer-link footer-link" href="https://www.co-op.crs/branding" target="_blank">Brand Guide</a></li> 3412 <li class="fcl-list-item coop-link"><a class="gtm-footer-link footer-link" href="/articles">Articles</a></li> 3413 </ul> 3414 </div> 3415 <div class="link-container col-lg-4 d-none d-lg-flex d-xl-flex row"> 3416 <h3 class="fcl-footer-title col-sm-10">Tools</h3> 3417 <ul class="coop-links col-4"> 3418 <li class="fcl-list-item coop-link"><a class="gtm-footer-link footer-link" href="http://crs.coopconnection.ca/flyers.html" target="_blank">Flyers</a></li> 3419 <li class="fcl-list-item coop-link"><a class="gtm-footer-link footer-link" href="/app" target="_blank">Mobile App</a></li> 3420 <li class="fcl-list-item coop-link"><a class="gtm-footer-link footer-link" href="/locations">Find a Co-op</a></li> 3421 <li class="fcl-list-item coop-link"><a class="gtm-footer-link footer-link js-gift-card cursor-pointer" data-toggle="modal" href="#" data-target="#exampleModal">Gift Card Balance</a></li> 3422 </ul> 3423 <ul class="coop-links col-7"> 3424 <li class="fcl-list-item coop-link"><a class="gtm-footer-link footer-link" href="/contact-us">Support</a></li> 3425 <li class="fcl-list-item coop-link"><a class="gtm-footer-link footer-link" href="/my-account/faq">Frequently Asked Questions</a></li> 3426 <li class="fcl-list-item coop-link"><a class="gtm-footer-link footer-link" href="/contact-us/privacy-terms">Privacy Policy & Terms of Use</a></li> 3427 </ul> 3428 </div> 3429 3430 3431 <div class="d-lg-none container"> 3432 <div class="row"> 3433 <div id="accordion" class="col-sm-12"> 3434 <div class="card"> 3435 <div class="card-header footer-collapse" id="more-coop"> 3436 <h3 class="mb-0"> 3437 <button class="btn fcl-collapse w-100 collapsed footer-collapse-btn" data-toggle="collapse" data-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne"> 3438 <span class="float-left">More Co-op</span> 3439 <span class="fcl-title-arrow"></span> 3440 </button> 3441 </h3> 3442 </div> 3443 <div id="collapseOne" class="collapse" aria-labelledby="more-coop" data-parent="#accordion"> 3444 <div class="card-body container"> 3445 <div class="link-container row"> 3446 <div class="col-6"> 3447 <li class="fcl-list-item coop-link"><a class="gtm-footer-link footer-link" href="https://www.food.crs" target="_blank">food.crs</a></li> 3448 <li class="fcl-list-item coop-link"><a class="gtm-footer-link footer-link" href="https://www.home.crs" target="_blank">home.crs</a></li> 3449 <li class="fcl-list-item coop-link"><a class="gtm-footer-link footer-link" href="https://www.fuel.crs" target="_blank">fuel.crs</a></li> 3450 <li class="fcl-list-item coop-link"><a class="gtm-footer-link footer-link" href="https://www.agro.crs" target="_blank">agro.crs</a></li> 3451 </div> 3452 <div class="col-6"> 3453 <li class="fcl-list-item coop-link"><a class="gtm-footer-link footer-link" href="https://www.co-op.crs/ask" target="_blank">Ask Co-op</a></li> 3454 <li class="fcl-list-item coop-link"><a class="gtm-footer-link footer-link" href="https://www.co-op.crs/sustainability" target="">Sustainability</a></li> 3455 <li class="fcl-list-item coop-link"><a class="gtm-footer-link footer-link" href="https://www.co-op.crs/branding" target="_blank">
3455Brand Guide</a></li> 3456 <li class="fcl-list-item coop-link"><a class="gtm-footer-link footer-link" href="/articles">Articles</a></li> 3457 </div> 3458 </div> 3459 </div> 3460 </div> 3461 </div> 3462 <div class="card"> 3463 <div class="card-header footer-collapse" id="tools"> 3464 <h3 class="mb-0"> 3465 <button class="btn fcl-collapse w-100 collapsed footer-collapse-btn" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"> 3466 <span class="float-left">Tools</span> 3467 <span class="fcl-title-arrow"></span> 3468 </button> 3469 </h3> 3470 </div> 3471 <div id="collapseTwo" class="collapse" aria-labelledby="tools" data-parent="#accordion"> 3472 <div class="card-body container"> 3473 <div class="link-container row"> 3474 <div class="col-6"> 3475 <li class="fcl-list-item gtm-footer-link coop-link"><a class="footer-link" href="http://crs.coopconnection.ca/flyers.html" target="_blank">Flyers</a></li> 3476 <li class="fcl-list-item gtm-footer-link coop-link"><a class="footer-link" href="/app" target="_blank">Mobile App</a></li> 3477 <li class="fcl-list-item gtm-footer-link coop-link"><a class="footer-link" href="/locations">Find a Co-op</a></li> 3478 <li class="fcl-list-item gtm-footer-link coop-link cursor-pointer"><a class="footer-link" href="#" data-toggle="modal" data-target="#exampleModal">Gift Card Balance</a></li> 3479 </div> 3480 <div class="col-6"> 3481 <li class="fcl-list-item gtm-footer-link coop-link"><a class="footer-link" href="/contact-us">Support</a></li> 3482 <li class="fcl-list-item gtm-footer-link coop-link"><a class="footer-link" href="/my-account/faq">Frequently Asked Questions</a></li> 3483 <li class="fcl-list-item gtm-footer-link coop-link"><a class="footer-link" href="/contact-us/privacy-terms">Privacy Policy & Terms of Use</a></li> 3484 </div> 3485 </div> 3486 </div> 3487 </div> 3488 </div> 3489 </div> 3490 </div> 3491 </div> 3492 <div class="social-container col-md-12 offset-lg-1 col-lg-4"> 3493 <h3 class="fcl-footer-title col-sm-12">Connect</h3> 3494 <div class="social-icons-row"> 3495 <a class="gtm-footer-link" href="https://www.instagram.com/coopcrs/" target="_blank"> 3496 <img class="fcl-social-icon fcl-lg-svg" src="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/Social/Insta.svg" alt="Co-op Instagram"> 3497 </a> 3498 <a class="gtm-footer-link" href="https://www.facebook.com/CoopCRS/" target="_blank"> 3499 <img class="fcl-social-icon fcl-lg-svg" src="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/Social/FB.svg" alt="Co-op Facebook"> 3500 </a> 3501 3502 <a class="gtm-footer-link" href="https://www.youtube.com/channel/UC59E2ajphrWBdbP-wDzYA3w" target="_blank"> 3503 <img class="fcl-social-icon fcl-lg-svg" src="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/Social/YT.svg" alt="Co-op Youtube"> 3504 </a> 3505 </div> 3506 <a class="btn-fcl gtm-footer-link" href="/email">Sign up for email</a> 3507 <div class="app-icons-row"> 3508 <a class="gtm-footer-link" href="https://apps.apple.com/us/app/co-op-crs-app/id573048102?ls=1" target="_blank"> 3509 <img role="img" src="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/btn.apple.svg" alt="Co-op App on the Apple App Store"> 3510 </a> 3511 <a class="gtm-footer-link" href="https://play.google.com/store/apps/details?id=com.collegemobile.coop.locator" target="_blank"> 3512 <img class="fcl-google-play-icon" role="img" src="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/btn.google.png" alt="Co-op App on the Google Play Store"> 3513 </a> 3514 </div> 3515 </div> 3516 </div> 3517 </div> 3518 <div class="fcl-hr-red fcl-footer-tm-hr mb-0 trademark">CO-OP<sup>®</sup> is a registered trademark of Federated Co-operatives Limited.</div> 3519</footer><!-- End Footer --> 3520 3521 </div><!-- end frame --> 3522 3523 <!-- This is responsible for bootstrapping the configuration for the javascript framework. 3524 This is located here instead of the head section to improve client performance. --> 3525 <div class="wpthemeComplementaryContent" id="wpthemeComplementaryContent" role="region" tabindex="-1" 3526 aria-labelledby="wpthemeComplementaryContentText"> 3527 <span class="wpthemeAltText" id="wpthemeComplementaryContentText">Complementary Content</span> 3528
3528<script type="text/javascript" src="/contenthandler/!ut/p/digest!_emzvqGo5hEuNqMaBo7d0A/mashup/ra:collection?themeID=ZJ_3H1C1OC0M0HH60Q52POP1R0GQ3&locale=en&mime-type=text%2Fjavascript&lm=1790588466462&entry=wp_portal__0.0%3Aconfig_config_static&entry=wcm_config__0.0%3Aconfig_config_static&entry=wcm_inplaceEdit__0.0%3Aconfig_config_static"></script>
3528<script type="text/javascript">i$.merge({"ibmCfg":{"themeConfig":{"themeUniqueName":"fcl.custom.theme.coopcrstheme","themeRootURI":"/contenthandler/!ut/p/digest!Oz0DwGGQk5RSzfLavfzTxw/war/CoopCRSThemeStatic/themes/CoopCRSTheme","themeWebAppBaseURI":"/CoopCRSThemeDynamic/themes/html/dynamicSpots","themeWebDAVBaseURI":"war:CoopCRSThemeStatic/themes/CoopCRSTheme/","modulesWebAppBaseURI":"/themeModules","commonResourcesRootURI":"/contenthandler/!ut/p/digest!_emzvqGo5hEuNqMaBo7d0A/dav/fs-type1/common-resources","isRTL":false,"isPageRenderModeCSA":false,"portletOverridePageTitle":"Shop","currentContentNodeOID":"Z6_5H8C1980M86M106CKT8NLQ30I2","loadingImage":"css/images/loading.gif","dndSourceDefinitions":[],"categorySources":[],"styleSources":[],"layoutSources":[]},"portalConfig":{"locale":"en","portalURI":"","contentHandlerURI":"/contenthandler/!ut/p/digest!OkwY2SCMMKbSuWRpWMtKVA/","pocURI":"/!ut/p/z0/0wcA1NLTeQ!!/","isVirtualPortal":true,"canImpersonate":false,"themeRootURI":"/CoopCRSThemeDynamic/themes/html/dynamicSpots","parentPageID":"Z6_000000000000000000000000A0","currentPageOID":"Z6_5H8C1980M86M106CKT8NLQ30I2","canAnonymousUserViewCurrentPage":true,"bootstrapState":"<?xml version="1.0" encoding="UTF-8"?><root xmlns="http://www.ibm.com/xmlns/prod/websphere/portal/v6.1/portal-state"><state type="navigational"><selection selection-node="Z6_5H8C1980M86M106CKT8NLQ30I2"><mapping src="Z6_000000000000000000000000A0" dst="Z6_5H8C1980M86M106CKT8NLQ30I2"/><mapping src="Z6_5H8C1980M86M106CKT8NLQ30I2" dst="Z6_000000000000000000000000A0"/></selection><expansions><node id="Z6_000000000000000000000000A0"/></expansions></state></root>","isUserLoggedIn":false,"currentUser":"anonymous portal user","currentUserOID":"","aggregatedStyle":null,"isCurrentPageEditable":true,"wcmPageMetadata":{"contentRoot":null,"sharingScope":null},"projectUUID":null},"userName":""},"com_ibm_theme_capabilities":{"wp_dialog_draggable":"0.0","getting_started_module":"0.0","wp_hiddenpages":"0.0","wp_simple_contextmenu_ext":"0.0","wp_simple_contextmenu_js":"0.0","wp_toolbar_sitepreview_menuactions":"0.0","wp_portlet_css":"0.0","wp_theme_utils":"0.0","wp_toolbar_menuactions":"0.0","wp_toolbar_host_view":"0.0","wp_hiddencontent":"0.0","wp_theme_skin_region":"0.0","wp_portal":"0.0","photon.dom":"1.0","wp_photon_dom":"0.0","wp_toolbar_sitepreview":"0.0","highContrast":"1.0","wp_status_bar":"0.0","wp_client_tracing":"0.0","modules":"0.1","hasBaseURL":"true","wp_state_page_modes":"0.0","wp_toolbar_common_actionbar":"0.0","wp_client_main":"0.0","wp_toolbar_viewframe_validator":"0.0","wp_high_contrast":"0.0","wp_dynamicContentSpots_coopcrstheme":"0.0","wp_toolbar_actionbar":"0.0","simple-contextmenu":"1.1","wp_dialog_css":"0.0","wp_theme_menus":"0.0","wp_client_logging":"0.0","wp_state_page":"0.0","wp_toolbar_common":"0.0","wp_theme_portal_edit_85":"0.0","wp_toolbar_projectmenu":"0.0","wp_dialog_main":"0.0","wp_ic4_wai_resources":"0.0","wp_simple_contextmenu_main":"0.0","wp_layout_windowstates":"0.0","wp_toolbar_moremenu":"0.0","wp_custom_page_style":"0.0","wp_toolbar_contextmenu":"0.0","wp_searchbar":"0.0","wp_toolbar_informationmode":"0.0","wp_client_ext":"0.0","wp_simple_contextmenu_css":"0.0","wp_toolbar85":"0.0","wp_modules":"0.0","wp_analytics_aggregator":"0.0","toolbar":"8.5","wp_dialog_util":"0.0","wp_oob_sample_styles":"0.0","wp_toolbar_utils":"0.0","a11y":"1.0","wp_a11y":"0.0","analytics_aggregator":"8.0","wp_theme_portal_85":"0.0","wp_simple_contextmenu_templates":"0.0","wp_toolbar_logo":"0.0"},"com_ibm_device_class":[]});ibmCfg.portalConfig.bootstrapState=(ibmCfg.portalConfig.bootstrapState||"").replace(/</gm, '<').replace(/>/gm, '>').replace(/&/gm, '&').replace(/'/gm, "'").replace(/"/gm, '"');i$.merge({"ibmCfg":{"portalConfig":{"asaConfig":{"canViewAsaReports":"false","canViewAsaSitePromotions":"false","canCreateAsaSitePromotions":"false","canDeleteAsaSitePromotions":"false","reportConfig":{"scopes":[]}}}}});i$.merge({"ibmCfg":{"portalConfig":{"isShowHiddenPages":false}}});</script>
3528<script type="text/javascript" src="/contenthandler/!ut/p/digest!Oz0DwGGQk5RSzfLavfzTxw/mashup/ra:collection?themeID=ZJ_3H1C1OC0M0HH60Q52POP1R0GQ3&locale=en&mime-type=text%2Fjavascript&lm=1788360664000&entry=wp_dialog_main__0.0%3Aconfig_js&entry=wp_high_contrast__0.0%3Aconfig_js&entry=wp_toolbar_utils__0.0%3Aconfig_js&entry=wp_state_page_modes__0.0%3Aconfig_js&entry=wp_simple_contextmenu_ext__0.0%3Aconfig_js&entry=wp_simple_contextmenu_js__0.0%3Aconfig_js&entry=wp_toolbar_actionbar__0.0%3Aconfig_js&entry=wp_toolbar_menuactions__0.0%3Aconfig_js&entry=wp_toolbar_sitepreview_menuactions__0.0%3Aconfig_js&entry=wp_ic4_wai_resources__0.0%3Aconfig_js&entry=wp_theme_skin_region__0.0%3Aconfig_js&entry=wp_status_bar__0.0%3Aconfig_js&entry=wp_toolbar_projectmenu__0.0%3Aconfig_js&entry=wp_toolbar_contextmenu__0.0%3Aconfig_js&entry=wp_toolbar_sitepreview__0.0%3Aconfig_js"></script>
3528<a rel="alternate" id="config_js_deferred" href="/contenthandler/!ut/p/digest!Oz0DwGGQk5RSzfLavfzTxw/mashup/ra:collection?themeID=ZJ_3H1C1OC0M0HH60Q52POP1R0GQ3&locale=en&mime-type=text%2Fjavascript&lm=1790588467000&entry=wp_liveobject_framework_core__0.0%3Aconfig_js&entry=wp_portal_ui_utils__0.0%3Aconfig_js&entry=wp_contextmenu_js__0.0%3Aconfig_js&entry=wp_skin_cam__0.0%3Aconfig_js&entry=wp_contextmenu_config_lof__0.0%3Aconfig_js&entry=wp_federated_documents_picker__0.0%3Aconfig_js&entry=wp_dnd_main__0.0%3Aconfig_js&entry=wp_movecontrols__0.0%3Aconfig_js&entry=wp_toolbar_controlactions__0.0%3Aconfig_js&entry=wp_content_targeting_cam__0.0%3Aconfig_js&entry=wp_analytics_tags__0.0%3Aconfig_js&deferred=true" style="display:none"> Deferred Modules </a><span id="simpleMenuTemplate" class="wpthemeMenuLeft"> 3529 <div class="wpthemeMenuBorder"> 3530 <div class="wpthemeMenuNotchBorder"></div> 3531 <!-- define the menu item template inside the "ul" element. only "css-class", "description", and "title" are handled by the theme's sample javascript. --> 3532 <ul class="wpthemeMenuDropDown wpthemeTemplateMenu" role="menu"> 3533 <li class="${css-class}" role="menuitem" tabindex="-1"><span class="wpthemeMenuText">${title}</span>${badge}</li> 3534 </ul> 3535 </div> 3536 <!-- Template for loading --> 3537 <div class="wpthemeMenuLoading wpthemeMenuLoadingText wpthemeTemplateLoading">${loading}</div> 3538 <!-- Template for submenu --> 3539 <div class="wpthemeAnchorSubmenu wpthemeTemplateSubmenu"> 3540 <div class="wpthemeMenuBorder wpthemeMenuSubmenu"> 3541 <ul id="${submenu-id}" class="wpthemeMenuDropDown" role="menu"><li role="menuitem" tabindex="-1"></li></ul> 3542 </div> 3543 </div> 3544</span><a rel="alternate" id="config_markup_deferred" href="/contenthandler/!ut/p/digest!Vrww_g4gWuFuel7spazwQg/mashup/ra:collection?themeID=ZJ_3H1C1OC0M0HH60Q52POP1R0GQ3&locale=en&mime-type=text%2Fplain&entry=wp_contextmenu_templates__0.0%3Aconfig_markup&entry=wp_skin_cam__0.0%3Aconfig_markup&entry=wp_dnd_main__0.0%3Aconfig_markup&deferred=true" style="display:none"> Deferred Modules </a></div> 3545 3546 <!-- JS Includes --> 3547
3547<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" 3548 integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" 3549 crossorigin="anonymous"></script>
3549 3550 <!--
3550<script src="/CoopCRSThemeStatic/themes/CoopCRSTheme/js/custom/bootstrap_3.3.7.min.js"></script>
3550 --> 3551 3552
3552<script src="/CoopCRSThemeStatic/themes/CoopCRSTheme/js/custom/custom.js"></script>
3552 3553</body> 3554 3555<!-- header -->
3556<script id="outage-minor-template" type="text/x-handlebars-template"> 3557 <div class="py-2 {{className}}" 3558 {{#if customColour}} 3559 style="background-color: {{customColour}}" 3560 {{/if}} 3561 > 3562 <div class="container"> 3563 <div class="row"> 3564 <div class="col-2 align-self-center d-flex justify-content-center justify-content-md-end p-0 pr-md-3"> 3565 <img class="fcl-notif-icon 3566 {{#if blackIcon }} 3567 fcl-invert-icon 3568 {{/if}}" 3569 src="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/icons/white/Exclamation.svg" alt="Alert"> 3570 </div> 3571 <div class="fcl-notif-text-container col align-self-center text-center py-2 p-md-0"> 3572 <h2 class="fcl-notif-title m-0 fcl-text-xs fcl-fw-600">{{title}}</h2> 3573 {{#if description}} 3574 <p class="fcl-notif-description fcl-text-xs">{{{description}}}</p> 3575 {{/if}} 3576 </div> 3577 <div class="col-2 align-self-center d-flex justify-content-center justify-content-md-start p-0 pl-md-3"> 3578 {{#if dismiss}} 3579 <button class="fcl-clickable-icon" onclick="outageJS.dismiss('{{id}}')"> 3580 <img class="fcl-notif-x-icon 3581 {{#if blackIcon }} 3582 fcl-black-icon 3583 {{/if}} 3584 {{#if whiteIcon }} 3585 fcl-white-icon 3586 {{/if}}" 3587 src="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/icons/X.svg" alt="Dismiss"> 3588 </button> 3589 {{else}} 3590 <img class="fcl-notif-icon 3591 {{#if blackIcon }} 3592 fcl-invert-icon 3593 {{/if}}" 3594 src="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/icons/white/Exclamation.svg" alt="Alert"> 3595 {{/if}} 3596 </div> 3597 </div> 3598 </div> 3599 </div> 3600</script>
3600 3601
3602<script id="outage-major-template" type="text/x-handlebars-template"> 3603 <div class="py-3 {{className}}" 3604 {{#if customColour}} 3605 style="background-color: {{customColour}}" 3606 {{/if}} 3607 > 3608 <div class="container"> 3609 <div class="row"> 3610 <div class="col-2 col-md-1 align-self-center d-flex justify-content-center justify-content-md-end p-0 pr-md-3"> 3611 <img class="fcl-notif-icon fcl-major-exclamation-icon 3612 {{#if blackIcon }} 3613 fcl-invert-icon 3614 {{/if}}" 3615 src="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/icons/white/Exclamation.svg" alt="Alert"> 3616 </div> 3617 <div class="fcl-notif-text-container col align-self-center text-center py-2 p-md-0"> 3618 <h2 class="fcl-notif-title m-0 fcl-text-sm fcl-fw-600">{{title}}</h2> 3619 {{#if description}} 3620 <p class="fcl-notif-description fcl-text-sm">{{{description}}}</p> 3621 {{/if}} 3622 </div> 3623 <div class="col-2 col-md-1 align-self-center d-flex justify-content-center justify-content-md-start p-0 pl-md-3"> 3624 {{#if dismiss}} 3625 <button class="fcl-clickable-icon" onclick="outageJS.dismiss('{{id}}')"> 3626 <img class="fcl-notif-x-icon 3627 {{#if blackIcon }} 3628 fcl-black-icon 3629 {{/if}} 3630 {{#if whiteIcon }} 3631 fcl-white-icon 3632 {{/if}}" 3633 src="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/icons/X.svg" alt="Dismiss"> 3634 </button> 3635 {{else}} 3636 <img class="fcl-notif-icon fcl-major-exclamation-icon 3637 {{#if blackIcon }} 3638 fcl-invert-icon 3639 {{/if}}" 3640 src="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/icons/white/Exclamation.svg" alt="Alert"> 3641 {{/if}} 3642 </div> 3643 </div> 3644 </div> 3645 </div> 3646</script>
3646 3647
3648<script id="outage-modal-template" type="text/x-handlebars-template"> 3649 <div class="container"> 3650 <div class="row mb-2"> 3651 <div class="col-1 d-flex justify-content-center"> 3652 <img class="fcl-notif-modal-icon" 3653 src="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/icons/red/Exclamation.svg" alt="Alert"> 3654 </div> 3655 <div class="fcl-notif-text-container col px-0"> 3656 <h2 class="fcl-notif-title m-0 fcl-text-xs fcl-red fcl-fw-600">{{title}}</h2> 3657 {{#if description}} 3658 <p class="fcl-notif-description fcl-text-xs fcl-red">{{{description}}}</p> 3659 {{/if}} 3660 </div> 3661 </div> 3662 </div> 3663</script>
3663 3664
3665<script> 3666 $(document).ready(async function () { 3667 //Outage Notification 3668 outageJS.init(); 3669 //branch.io 3670 let host = window.location.host.split('.')[0]; 3671 let key = (host === 'www' || host == 'authoring') ? "key_live_mEtam3CF6H26mZznHdronggczEoJuoUh" : "key_test_euzekYDr3Q7Xf6xlUktjsobirAiUEgQz" 3672 branch.init(key, function(err, data) { 3673 console.log(err, data); 3674 }); 3675 }); 3676</script>
3676 3677 3678 3679</html>�
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.