1<!doctype html> 2 3<!--[if IE 9]> <html class="ie9 no-js supports-no-cookies" lang="en"> <![endif]--> 4<!--[if (gt IE 9)|!(IE)]><!--> <html class = 'no-js supports-no-cookies' lang = 'en'> <!--<![endif]--> 5 6<head> 7 8 9 10 11 12<meta charset = 'utf-8'> 13<meta http-equiv = 'X-UA-Compatible' content = 'IE=edge'> 14<meta name = 'viewport' content = 'width=device-width,initial-scale=1'> 15<meta name = 'theme-color' content = '#002836'> 16<meta name = 'google-site-verification' content = 'MhdocRZitFzEfIQs5HLWGH1Do5-laJYAnigjw385rjs' /> 17<link rel = 'preconnect' href = 'https://cdn.shopify.com' crossorigin> 18<link rel = 'preconnect' href = 'https://fonts.gstatic.com' crossorigin> 19<link rel = 'preload' as = 'font' type = 'font/ttf' href = 'https://fonts.gstatic.com/s/montserrat/v12/zhcz-_WihjSQC0oHJ9TCYC3USBnSvpkopQaUR-2r7iU.ttf' crossorigin> 20<link rel = 'preload' as = 'font' type = 'font/woff2' href = '//www.hameraypublishing.com/cdn/shop/t/3/assets/351CB9_0_0.woff2?v=20816177864108308341772694708' crossorigin> 21<link rel = 'dns-prefetch' href = 'https://hameray-images.s3-us-west-1.amazonaws.com'> 22<link rel = 'dns-prefetch' href = 'https://hameray-images.s3.us-west-1.amazonaws.com'> 23<link rel = 'dns-prefetch' href = 'https://www.googletagmanager.com'> 24<link rel = 'dns-prefetch' href = 'https://www.clarity.ms'> 25<link rel = 'dns-prefetch' href = 'https://connect.facebook.net'> 26<link rel = 'dns-prefetch' href = 'https://d2wy8f7a9ursnm.cloudfront.net'> 27<link rel = 'dns-prefetch' href = 'https://cdn.jsdelivr.net'> 28<link rel = 'canonical' href = 'https://www.hameraypublishing.com/account/login'> 29 30 <link rel = 'shortcut icon' href = "//www.hameraypublishing.com/cdn/shop/files/brandmark_tiny_32x32.png?v=1613502610" type = 'image/png'> 31 32<title>Account 33 – Hameray Publishing</title> 34 35 36<meta property="og:site_name" content="Hameray Publishing"> 37<meta property="og:url" content="https://www.hameraypublishing.com/account/login"> 38<meta property="og:title" content="Account"> 39<meta property="og:type" content="website"> 40<meta property="og:description" content="Hameray Publishing helps teachers foster a love of reading with Kâ5 literacy resources in English and Spanish."> 41 42 43<meta name="twitter:site" content="@hameray"> 44<meta name="twitter:card" content="summary_large_image"> 45<meta name="twitter:title" content="Account"> 46<meta name="twitter:description" content="Hameray Publishing helps teachers foster a love of reading with Kâ5 literacy resources in English and Spanish."> 47 48 49
50<script type="application/ld+json"> 51{ 52 "@context": "https://schema.org", 53 "@type": "Organization", 54 "@id": "https://www.hameraypublishing.com/#organization", 55 "name": "Hameray Publishing", 56 "legalName": "Hameray Publishing Group", 57 "url": "https:\/\/www.hameraypublishing.com\/", 58 "logo": "https://cdn.shopify.com/s/files/1/2137/3313/files/hameray-publishing-group-logo-text.jpg", 59 "foundingDate": "2008", 60 "slogan": "Empowering Young Readers by Empowering Educators", 61 "telephone": "+1-866-918-6173", 62 "email": "[email protected]", 63 "address": { 64 "@type": "PostalAddress", 65 "addressLocality": "Los Angeles", 66 "addressRegion": "CA", 67 "postalCode": "90019", 68 "addressCountry": "US" 69 }, 70 "contactPoint": { 71 "@type": "ContactPoint", 72 "contactType": "customer service", 73 "telephone": "+1-866-918-6173", 74 "email": "[email protected]", 75 "areaServed": "US", 76 "availableLanguage": ["English", "Spanish"] 77 }, 78 "description": "Hameray Publishing is a Los Angeles-based children's educational publisher founded in 2008. It publishes 2,000+ titles for K-5 classrooms - decodable books, fiction and nonfiction books, big books, and authentic Spanish and bilingual editions - trusted by 10,000+ schools across the United States, and is the U.S. classroom publisher of three beloved Joy Cowley series: the Joy Cowley Collection, Joy Cowley Early Birds, and Joy Cowley Classics.", 79 "knowsAbout": ["decodable books", "science of reading", "structured literacy", "phonics instruction", "early literacy", "reading fluency", "guided reading", "reading intervention", "bilingual Spanish literacy resources", "classroom libraries", "big books for shared reading"], 80 "sameAs": ["https:\/\/www.facebook.com\/hameray","https:\/\/twitter.com\/hameray","https:\/\/www.instagram.com\/hameraypublishing","https:\/\/pinterest.com\/hameray"] 81} 82</script>
vendor: 1 bytes, line 82
82
83<script type="application/ld+json"> 84{ 85 "@context": "https://schema.org", 86 "@type": "WebSite", 87 "@id": "https://www.hameraypublishing.com/#website", 88 "name": "Hameray Publishing", 89 "url": "https:\/\/www.hameraypublishing.com\/", 90 "publisher": { "@id": "https://www.hameraypublishing.com/#organization" }, 91 "potentialAction": { 92 "@type": "SearchAction", 93 "target": { "@type": "EntryPoint", "urlTemplate": "https://www.hameraypublishing.com/search?q={search_term_string}" }, 94 "query-input": "required name=search_term_string" 95 } 96} 97</script>
97 98 99 100 101 102 103 104 105 106 107
108<script src = 'https://use.fontawesome.com/b0682129a2.js' async></script>
108 109<link href="//www.hameraypublishing.com/cdn/shop/t/3/assets/theme.scss.css?v=72113002589952896941788296538" rel="stylesheet" type="text/css" media="all" /> 110 111 112 113 114
115<script> 116 117 document.documentElement.className = document.documentElement.className.replace('no-js', 'js'); 118 119 window.theme = { 120 strings: { 121 addToCart: "Add to Cart", 122 soldOut: "Product currently unavailable", 123 unavailable: "Unavailable" 124 }, 125 moneyFormat: "${{amount}}" 126 }; 127 128</script>
128 129 130 131 132 133 134 135<!--[if (gt IE 9)|!(IE)]><!-->
135<script src="//www.hameraypublishing.com/cdn/shopifycloud/storefront/assets/themes_support/shopify_common-5f594365.js" defer="defer"></script>
135<!--<![endif]--> 136<!--[if lte IE 9]>
136<script src="//www.hameraypublishing.com/cdn/shopifycloud/storefront/assets/themes_support/shopify_common-5f594365.js"></script>
136<![endif]--> 137 138 139<!--[if (gt IE 9)|!(IE)]><!-->
139<script src="//www.hameraypublishing.com/cdn/shop/t/3/assets/vendor.js?v=139329940478967238121772694708" defer="defer"></script>
139<!--<![endif]--> 140<!--[if lt IE 9]>
140<script src="//www.hameraypublishing.com/cdn/shop/t/3/assets/vendor.js?v=139329940478967238121772694708"></script>
140<![endif]--> 141 142<!--[if (gt IE 9)|!(IE)]><!-->
142<script src="//www.hameraypublishing.com/cdn/shop/t/3/assets/theme.js?v=97305264938050973511787611083" defer="defer"></script>
142<!--<![endif]--> 143<!--[if lt IE 9]>
143<script src="//www.hameraypublishing.com/cdn/shop/t/3/assets/theme.js?v=97305264938050973511787611083"></script>
143<![endif]--> 144 145 146 147 148 149<!-- Wishlist King --> 150 151
151<script> 152(function() { 153 function updateBadge(count) { 154 function apply() { 155 var badges = document.querySelectorAll('.wishlist-count'); 156 for (var i = 0; i < badges.length; i++) { 157 if (count > 0) { 158 badges[i].textContent = count; 159 badges[i].style.display = ''; 160 } else { 161 badges[i].style.display = 'none'; 162 } 163 } 164 } 165 if (document.readyState === 'loading') { 166 document.addEventListener('DOMContentLoaded', apply); 167 } else { 168 apply(); 169 } 170 } 171 172 var origFetch = window.fetch; 173 window._wkLoadCount = 0; 174 175 window.fetch = function(url, opts) { 176 var urlStr = typeof url === 'string' ? url : (url && url.url ? url.url : ''); 177 var method = (opts && opts.method) ? opts.method.toUpperCase() : 'GET'; 178 179 // Only intercept Appmate wishlist-item calls 180 if (urlStr.indexOf('api.appmate.io') !== -1 && urlStr.indexOf('wishlist-item') !== -1) { 181 if (method === 'GET') { 182 // Count GET requests on page load (one per wishlist item) â no response parsing needed 183 window._wkLoadCount++; 184 clearTimeout(window._wkLoadTimer); 185 window._wkLoadTimer = setTimeout(function() { 186 localStorage.setItem('wk_badge_count', window._wkLoadCount); 187 updateBadge(window._wkLoadCount); 188 }, 300); 189 } else if (method === 'POST') { 190 var count = parseInt(localStorage.getItem('wk_badge_count') || '0') + 1; 191 localStorage.setItem('wk_badge_count', count); 192 updateBadge(count); 193 } else if (method === 'DELETE') { 194 var count = Math.max(0, parseInt(localStorage.getItem('wk_badge_count') || '0') - 1); 195 localStorage.setItem('wk_badge_count', count); 196 updateBadge(count); 197 } 198 } 199 200 return origFetch.apply(this, arguments); 201 }; 202 203 // Show stored count immediately on page load 204 var stored = parseInt(localStorage.getItem('wk_badge_count') || '0'); 205 if (stored > 0) { 206 updateBadge(stored); 207 } 208 209})(); 210</script>
210 211
212<script src="https://cdn.appmate.io/legacy-toolkit/1.2.44/appmate.js" type="text/javascript"></script>
212 213 214
215<script type="text/javascript"> 216;(function(){ 217 if (typeof Appmate === 'undefined') return; // In case lib didn't load. 218 219 Appmate.init({ 220 shop: { 221 domain: 'hameray-publishing.myshopify.com' 222 }, 223 session: { 224 customer: '' 225 }, 226 globals: { 227 settings: { 228 app_wk_icon: 'heart', 229 app_wk_share_position: 'top', 230 app_wk_products_per_row: 4 231 }, 232 customer: '', 233 customer_accounts_enabled: true, 234 }, 235 wishlist: { 236 loginRequired: false, 237 handle: "/pages/wishlist", 238 proxyHandle: "/a/wk", 239 share: { 240 handle: "/pages/shared-wishlist", 241 title: 'My Wishlist', 242 description: 'Check out some of my favorite things @ Hameray Publishing.', 243 imageTitle: 'Hameray Publishing', 244 hashTags: 'wishlist', 245 twitterUser: false // will be used with via 246 } 247 } 248 }); 249})(); 250</script>
250 251
252<script type="text/javascript"> 253;(function(){ 254 if (typeof Appmate === 'undefined') return; // In case lib didn't load. 255 256 Appmate.wk.on({ 257 'click [data-wk-add-product]': eventHandler(function(){ 258 var product = this.getAttribute('data-wk-add-product'); 259 var selected_variant = $(this).parents('.flex.space.wrap').find('select[name="id"]').val(); 260 Appmate.wk.addProduct(product, selected_variant); 261 }), 262 'click [data-wk-remove-product]': eventHandler(function(){ 263 var product = this.getAttribute('data-wk-remove-product'); 264 Appmate.wk.removeProduct(product); 265 }), 266 'click [data-wk-remove-item]': eventHandler(function(){ 267 var item = this.getAttribute('data-wk-remove-item'); 268 fadeOrNot($(this), function() { 269 Appmate.wk.removeItem(item); 270 }); 271 }), 272 'click [data-wk-clear-wishlist]': eventHandler(function(){ 273 var wishlist = this.getAttribute('data-wk-clear-wishlist'); 274 Appmate.wk.clear(wishlist); 275 localStorage.setItem('wk_badge_count', '0'); 276 var badges = document.querySelectorAll('.wishlist-count'); 277 for (var i = 0; i < badges.length; i++) { badges[i].style.display = 'none'; } 278 }), 279 'click [data-wk-share]': eventHandler(function(){ 280 var params = $(this).data(); 281 var shareLink = Appmate.wk.getShareLink(params); 282 283 switch (params.wkShareService) { 284 case 'link': 285 $('#wk-share-link-text').addClass('wk-visible').find('.wk-text').html(shareLink); 286 var copyButton = $('#wk-share-link-text .wk-clipboard'); 287 var copyText = copyButton.html(); 288 var clipboard = Appmate.wk.clipboard(copyButton[0]); 289 clipboard.on('success', function(e) { 290 copyButton.html('copied'); 291 setTimeout(function(){ 292 copyButton.html(copyText); 293 }, 2000); 294 }); 295 break; 296 case 'email': 297 window.location.href = shareLink; 298 break; 299 default: 300 window.open( 301 shareLink, 302 'wishlist_share', 303 'height=590, width=770, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, directories=no, status=no' 304 ); 305 } 306 }), 307 'click [data-wk-move-to-cart]': eventHandler(function(){ 308 var $elem = $(this); 309 $form = $elem.parents('form'); 310 $elem.prop("disabled", true); 311 312 var item = this.getAttribute('data-wk-move-to-cart'); 313 var formData = $form.serialize(); 314 var currentCart = parseInt($('.cart-count').first().text()); 315 var updatedCart = currentCart + parseInt(1); 316 $('.cart-count').each(function() { $(this).text(updatedCart); }); 317 318 fadeOrNot($elem, function(){ 319 Appmate.wk 320 .moveToCart(item, formData) 321 .then(function(){ 322 window.scrollTo(0, 0); 323 /* location.reload(); */ 324 $elem.prop("disabled", false); 325 }); 326 }); 327 }), 328 'render .wk-option-select': function(elem){ 329 appmateOptionSelect(elem); 330 }, 331 'login-required': function (intent) { 332 var redirect = { 333 path: window.location.pathname, 334 intent: intent 335 }; 336 window.location = '/account/login?wk-redirect=' + encodeURIComponent(JSON.stringify(redirect)); 337 }, 338 'render .swiper-container': function (elem) { 339 initSlider() 340 }, 341 'ready': function () { 342 $(document).ready(initSlider); 343 $(document).ready(fillContactForm); 344 345 var redirect = Appmate.wk.getQueryParam('wk-redirect'); 346 if (redirect) { 347 Appmate.wk.addLoginRedirect($('#customer_login'), JSON.parse(redirect)); 348 } 349 var intent = Appmate.wk.getQueryParam('wk-intent'); 350 if (intent) { 351 intent = JSON.parse(intent); 352 switch (intent.action) { 353 case 'addProduct': 354 Appmate.wk.addProduct(intent.product, intent.variant) 355 break; 356 default: 357 console.warn('Wishlist King: Intent not implemented', intent) 358 } 359 if (window.history && window.history.pushState) { 360 history.pushState(null, null, window.location.pathname); 361 } 362 } 363 } 364 }); 365 366 367 function initSlider () { 368 if (typeof Swiper !== 'undefined') { 369 var mySwiper = new Swiper ('.swiper-container', { 370 direction: 'horizontal', 371 loop: false, 372 pagination: '.swiper-pagination', 373 nextButton: '.swiper-button-next', 374 prevButton: '.swiper-button-prev', 375 spaceBetween: 20, 376 slidesPerView: 4, 377 breakpoints: { 378 380: { 379 slidesPerView: 1, 380 spaceBetween: 0, 381 }, 382 480: { 383 slidesPerView: 2, 384 spaceBetween: 20, 385 } 386 } 387 }) 388 } 389 } 390 391 function fillContactForm() { 392 if (document.getElementById('contact_form')) { 393 var message = Appmate.wk.getQueryParam('message'); 394 var bodyElement = document.querySelector("#contact_form textarea[name='contact[body]']"); 395 if (bodyElement && message) { 396 bodyElement.value = message; 397 } 398 } 399 } 400 401 function eventHandler (callback) { 402 return function (event) { 403 if (typeof callback === 'function') { 404 callback.call(this, event) 405 } 406 if (event) { 407 event.preventDefault(); 408 event.stopPropagation(); 409 } 410 } 411 } 412 413 function fadeOrNot($elem, callback){ 414 if ($elem.parents('.wk-fadeout').length) { 415 $elem.parents('.wk-fadeout').fadeOut(callback); 416 } else { 417 callback(); 418 } 419 } 420})(); 421 422</script>
422 423 424 425
426<script id="wishlist-icon-filled" data="wishlist" type="text/x-template" app="wishlist-king"> 427{% if settings.app_wk_icon == "heart" %} 428 <svg version='1.1' xmlns='https://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'> 429 <path d='M47.199 4c-6.727 0-12.516 5.472-15.198 11.188-2.684-5.715-8.474-11.188-15.201-11.188-9.274 0-16.8 7.527-16.8 16.802 0 18.865 19.031 23.812 32.001 42.464 12.26-18.536 31.999-24.2 31.999-42.464 0-9.274-7.527-16.802-16.801-16.802z' fill='#000'></path> 430 </svg> 431{% elsif settings.app_wk_icon == "star" %} 432 <svg version='1.1' xmlns='https://www.w3.org/2000/svg' width='64' height='60.9' viewBox='0 0 64 64'> 433 <path d='M63.92,23.25a1.5,1.5,0,0,0-1.39-1H40.3L33.39,1.08A1.5,1.5,0,0,0,32,0h0a1.49,1.49,0,0,0-1.39,1L23.7,22.22H1.47a1.49,1.49,0,0,0-1.39,1A1.39,1.39,0,0,0,.6,24.85l18,13L11.65,59a1.39,1.39,0,0,0,.51,1.61,1.47,1.47,0,0,0,.88.3,1.29,1.29,0,0,0,.88-0.3l18-13.08L50,60.68a1.55,1.55,0,0,0,1.76,0,1.39,1.39,0,0,0,.51-1.61l-6.9-21.14,18-13A1.45,1.45,0,0,0,63.92,23.25Z' fill='#be8508'></path> 434 </svg> 435{% endif %} 436</script>
436 437
438<script id="wishlist-icon-empty" data="wishlist" type="text/x-template" app="wishlist-king"> 439{% if settings.app_wk_icon == "heart" %} 440 <svg version='1.1' xmlns='https://www.w3.org/2000/svg' width='64px' height='60.833px' viewBox='0 0 64 60.833'> 441 <path stroke='#000' stroke-width='5' stroke-miterlimit='10' fill-opacity='0' d='M45.684,2.654c-6.057,0-11.27,4.927-13.684,10.073 c-2.417-5.145-7.63-10.073-13.687-10.073c-8.349,0-15.125,6.776-15.125,15.127c0,16.983,17.134,21.438,28.812,38.231 c11.038-16.688,28.811-21.787,28.811-38.231C60.811,9.431,54.033,2.654,45.684,2.654z'/> 442 </svg> 443{% elsif settings.app_wk_icon == "star" %} 444 <svg version='1.1' xmlns='https://www.w3.org/2000/svg' width='64' height='60.9' viewBox='0 0 64 64'> 445 <path d='M63.92,23.25a1.5,1.5,0,0,0-1.39-1H40.3L33.39,1.08A1.5,1.5,0,0,0,32,0h0a1.49,1.49,0,0,0-1.39,1L23.7,22.22H1.47a1.49,1.49,0,0,0-1.39,1A1.39,1.39,0,0,0,.6,24.85l18,13L11.65,59a1.39,1.39,0,0,0,.51,1.61,1.47,1.47,0,0,0,.88.3,1.29,1.29,0,0,0,.88-0.3l18-13.08L50,60.68a1.55,1.55,0,0,0,1.76,0,1.39,1.39,0,0,0,.51-1.61l-6.9-21.14,18-13A1.45,1.45,0,0,0,63.92,23.25ZM42.75,36.18a1.39,1.39,0,0,0-.51,1.61l5.81,18L32.85,44.69a1.41,1.41,0,0,0-1.67,0L15.92,55.74l5.81-18a1.39,1.39,0,0,0-.51-1.61L6,25.12H24.7a1.49,1.49,0,0,0,1.39-1L32,6.17l5.81,18a1.5,1.5,0,0,0,1.39,1H58Z' fill='#be8508'></path> 446 </svg> 447{% endif %} 448</script>
448 449
450<script id="wishlist-icon-remove" data="wishlist" type="text/x-template" app="wishlist-king"> 451 <svg version='1.1' xmlns='https://www.w3.org/2000/svg' width='320' height='320' viewBox='0 0 320 320'> 452 <g> 453 <path fill='#000000' stroke-width='0.25pt' d='m100,60l-40,40l170,170l40,-40l-170,-170z'/> 454 <path fill='#000000' stroke-width='0.25pt' d='m60,230l170,-170l40,40l-170,170l-40,-40z'/> 455 </g> 456 </svg> 457</script>
457 458 459<style> 460 @media screen and (max-width: 850px) { 461 .wishlist-counter { 462 display: none; 463 } 464 } 465</style> 466
467<script id="wishlist-link" data="wishlist" type="text/x-template" app="wishlist-king"> 468{% if wishlist.item_count %} 469 {% assign link_icon = 'wishlist-icon-filled' %} 470{% else %} 471 {% assign link_icon = 'wishlist-icon-empty' %} 472{% endif %} 473<a href="{{ wishlist.url }}" class="wk-link wk-{{ wishlist.state }}" title="View Wishlist"><div class="wk-icon">{% include link_icon %}</div><span class="wk-label">Wishlist</span><br>{% if wishlist.item_count != 0 %}<span class = 'wishlist-counter' style = 'position: absolute; top: -21px; font-size: 1.2rem; font-weight: 200; width: 100%; text-align: center;'>{{ wishlist.item_count }}</span>{% endif %}</a> 474</script>
474 475
476<script id="wishlist-link-li" data="wishlist" type="text/x-template" app="wishlist-king"> 477<li class="wishlist-link-li wk-{{ wishlist.state }}"> 478 {% include 'wishlist-link' %} 479</li> 480</script>
480 481
482<script id="wishlist-button-product" data="product" type="text/x-template" app="wishlist-king"> 483{% if product.in_wishlist %} 484 {% assign btn_text = 'In Wishlist' %} 485 {% assign btn_title = 'Remove from Wishlist' %} 486 {% assign btn_action = 'wk-remove-product' %} 487 {% assign btn_icon = 'wishlist-icon-filled' %} 488{% else %} 489 {% assign btn_text = 'Add to Wishlist' %} 490 {% assign btn_title = 'Add to Wishlist' %} 491 {% assign btn_action = 'wk-add-product' %} 492 {% assign btn_icon = 'wishlist-icon-empty' %} 493{% endif %} 494 495<button type="button" class="wk-button-product {{ btn_action }}" title="{{ btn_title }}" data-{{ btn_action }}="{{ product.id }}"> 496 <div class="wk-icon"> 497 {% include btn_icon %} 498 </div> 499 <span class="wk-label">{{ btn_text }}</span> 500</button> 501</script>
501 502
503<script id="wishlist-button-collection" data="product" type="text/x-template" app="wishlist-king"> 504{% if product.in_wishlist %} 505 {% assign btn_text = 'In Wishlist' %} 506 {% assign btn_title = 'Remove from Wishlist' %} 507 {% assign btn_action = 'wk-remove-product' %} 508 {% assign btn_icon = 'wishlist-icon-filled' %} 509{% else %} 510 {% assign btn_text = 'Add to Wishlist' %} 511 {% assign btn_title = 'Add to Wishlist' %} 512 {% assign btn_action = 'wk-add-product' %} 513 {% assign btn_icon = 'wishlist-icon-empty' %} 514{% endif %} 515 516<button type="button" class="wk-button-collection {{ btn_action }}" title="{{ btn_title }}" data-{{ btn_action }}="{{ product.id }}"> 517 <div class="wk-icon"> 518 {% include btn_icon %} 519 </div> 520 <span class="wk-label">{{ btn_text }}</span> 521</button> 522</script>
522 523
524<script id="wishlist-button-wishlist-page" data="product" type="text/x-template" app="wishlist-king"> 525{% if wishlist.read_only %} 526 {% assign item_id = product.id %} 527{% else %} 528 {% assign item_id = product.wishlist_item_id %} 529{% endif %} 530 531{% assign add_class = '' %} 532{% if product.in_wishlist and wishlist.read_only == true %} 533 {% assign btn_text = 'In Wishlist' %} 534 {% assign btn_title = 'Remove from Wishlist' %} 535 {% assign btn_action = 'wk-remove-product' %} 536 {% assign btn_icon = 'wishlist-icon-filled' %} 537{% elsif product.in_wishlist and wishlist.read_only == false %} 538 {% assign btn_text = 'In Wishlist' %} 539 {% assign btn_title = 'Remove from Wishlist' %} 540 {% assign btn_action = 'wk-remove-item' %} 541 {% assign btn_icon = 'wishlist-icon-remove' %} 542 {% assign add_class = 'wk-with-hover' %} 543{% else %} 544 {% assign btn_text = 'Add to Wishlist' %} 545 {% assign btn_title = 'Add to Wishlist' %} 546 {% assign btn_action = 'wk-add-product' %} 547 {% assign btn_icon = 'wishlist-icon-empty' %} 548 {% assign add_class = 'wk-with-hover' %} 549{% endif %} 550 551<button type="button" class="wk-button-wishlist-page {{ btn_action }} {{ add_class }}" title="{{ btn_title }}" data-{{ btn_action }}="{{ item_id }}"> 552 <div class="wk-icon"> 553 {% include btn_icon %} 554 </div> 555 <span class="wk-label">{{ btn_text }}</span> 556</button> 557</script>
557 558
559<script id="wishlist-button-wishlist-clear" data="wishlist" type="text/x-template" app="wishlist-king"> 560{% assign btn_text = 'Clear Wishlist' %} 561{% assign btn_title = 'Clear Wishlist' %} 562{% assign btn_class = 'wk-button-wishlist-clear' %} 563 564<button type="button" class="{{ btn_class }}" title="{{ btn_title }}" data-wk-clear-wishlist="{{ wishlist.permaId }}"> 565 <span class="wk-label">{{ btn_text }}</span> 566</button> 567</script>
567 568
569<script id="wishlist-shared" data="shared_wishlist" type="text/x-template" app="wishlist-king"> 570{% assign wishlist = shared_wishlist %} 571{% include 'wishlist-collection' with wishlist %} 572</script>
572 573
574<script id="wishlist-collection" data="wishlist" type="text/x-template" app="wishlist-king"> 575<div class='wishlist-collection'> 576{% if wishlist.item_count == 0 %} 577 {% include 'wishlist-collection-empty' %} 578{% else %} 579 {% if customer_accounts_enabled and customer == false and wishlist.read_only == false %} 580 {% include 'wishlist-collection-login-note' %} 581 {% endif %} 582 583 {% if settings.app_wk_share_position == "top" %} 584 {% unless wishlist.read_only %} 585 {% include 'wishlist-collection-share' %} 586 {% endunless %} 587 {% endif %} 588 589 {% include 'wishlist-collection-loop' %} 590 591 {% if settings.app_wk_share_position == "bottom" %} 592 {% unless wishlist.read_only %} 593 {% include 'wishlist-collection-share' %} 594 {% endunless %} 595 {% endif %} 596 597 {% unless wishlist.read_only %} 598 {% include 'wishlist-button-wishlist-clear' %} 599 {% endunless %} 600{% endif %} 601</div> 602</script>
602 603
604<script id="wishlist-row" data="wishlist" type="text/x-template" app="wishlist-king"> 605<div class='wk-wishlist-row'> 606 {% if wishlist.item_count != 0 %} 607 <h2 class="wk-wishlist-row-title">Add more from Wishlist</h2> 608 <div class="swiper-container"> 609 <!-- Additional required wrapper --> 610 <div class="swiper-wrapper"> 611 <!-- Slides --> 612 {% for product in wishlist.products %} 613 {% assign hide_default_title = false %} 614 {% if product.variants.length == 1 and product.variants[0].title contains 'Default' %} 615 {% assign hide_default_title = true %} 616 {% endif %} 617 <div 618 id="wk-item-{{ product.wishlist_item_id }}" 619 class="swiper-slide wk-item wk-fadeout" 620 data-wk-item="{{ product.wishlist_item_id }}" 621 > 622 {% include 'wishlist-collection-product-image' with product %} 623 <div> 624 {% include 'wishlist-collection-product-title' with product %} 625 {% include 'wishlist-collection-product-price' %} 626 {% include 'wishlist-collection-product-form' with product %} 627 </div> 628 </div> 629 {% endfor %} 630 </div> 631 <!-- If we need pagination --> 632 <!-- <div class="swiper-pagination"></div> --> 633 </div> 634 <div class="swiper-button-prev"> 635 <svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"> 636 <path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"/> 637 <path d="M0 0h24v24H0z" fill="none"/> 638 </svg> 639 </div> 640 <div class="swiper-button-next"> 641 <svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"> 642 <path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/> 643 <path d="M0 0h24v24H0z" fill="none"/> 644 </svg> 645 </div> 646 {% endif %} 647</div> 648</script>
648 649
650<script id="wishlist-collection-empty" data="wishlist" type="text/x-template" app="wishlist-king"> 651<div class="wk-row"> 652 <div class="wk-span12"> 653 <h3 class="wk-wishlist-empty-note">Your wishlist is empty!</h3> 654 </div> 655</div> 656</script>
656 657
658<script id="wishlist-collection-login-note" data="wishlist" type="text/x-template" app="wishlist-king"> 659<div class="wk-row"> 660 <p class="wk-span12 wk-login-note"> 661 To permanently save your wishlist please <a href="/account/login">login</a> or <a href="/account/register">sign up</a>. 662 </p> 663</div> 664</script>
664 665
666<script id="wishlist-collection-share" data="wishlist" type="text/x-template" app="wishlist-king"> 667 <h3 id="wk-share-head">Share Wishlist</h3> 668 <ul id="wk-share-list"> 669 <li>{% include 'wishlist-share-button-fb' %}</li> 670 <li>{% include 'wishlist-share-button-pinterest' %}</li> 671 <li>{% include 'wishlist-share-button-twitter' %}</li> 672 <li>{% include 'wishlist-share-button-email' %}</li> 673 <li>{% include 'wishlist-share-button-link' %}</li> 674 {% comment %} 675 <li>{% include 'wishlist-share-button-contact' %}</li> 676 {% endcomment %} 677 <li id="wk-share-whatsapp">{% include 'wishlist-share-button-whatsapp' %}</li> 678 </ul> 679 <div id="wk-share-link-text"><span class="wk-text"></span><button class="wk-clipboard" data-clipboard-target="#wk-share-link-text .wk-text">copy link</button></div> 680</script>
680 681
682<script id="wishlist-collection-loop" data="wishlist" type="text/x-template" app="wishlist-king"> 683<div class="wk-row flex wrap"> 684 {% assign item_count = 0 %} 685 {% for product in wishlist.products %} 686 {% assign item_count = item_count | plus: 1 %} 687 {% unless limit and item_count > limit %} 688 {% assign hide_default_title = false %} 689 {% if product.variants.length == 1 and product.variants[0].title contains 'Default' %} 690 {% assign hide_default_title = true %} 691 {% endif %} 692 693 {% assign items_per_row = settings.app_wk_products_per_row %} 694 {% assign wk_item_width = 100 | divided_by: items_per_row %} 695 696 <div id="wk-item-{{ product.wishlist_item_id }}" class="wk-item {{ wk_item_class }} {% unless wishlist.read_only %}wk-fadeout{% endunless %}" data-wk-item="{{ product.wishlist_item_id }}"> 697 698 {% include 'wishlist-collection-product-image' with product %} 699 {% include 'wishlist-button-wishlist-page' with product %} 700 <div> 701 {% include 'wishlist-collection-product-title' with product %} 702 {% include 'wishlist-collection-product-price' %} 703 {% include 'wishlist-collection-product-form' with product %} 704 </div> 705 </div> 706 {% endunless %} 707 {% endfor %} 708</div> 709</script>
709 710
711<script id="wishlist-collection-product-image" data="wishlist" type="text/x-template" app="wishlist-king"> 712<div class="wk-image"> 713 <a href="{{ product | variant_url }}" class="wk-variant-link wk-content" title="View product"> 714 <img class="wk-variant-image" 715 src="{{ product | variant_img_url: 'large' }}" 716 alt="{{ product.title }}" /> 717 </a> 718</div> 719</script>
719 720
721<script id="wishlist-collection-product-title" data="wishlist" type="text/x-template" app="wishlist-king"> 722<div class="wk-product-title"> 723 <a href="{{ product | variant_url }}" class="wk-variant-link" title="View product">{{ product.title }}</a> 724</div> 725</script>
725 726
727<script id="wishlist-collection-product-price" data="wishlist" type="text/x-template" app="wishlist-king"> 728{% assign variant = product.selected_or_first_available_variant %} 729<div class="wk-purchase"> 730 <span class="wk-price wk-price-preview"> 731 {% if variant.price < variant.compare_at_price %} 732 <span class="saleprice">{{ variant.price | money }}</span> <del>{{ variant.compare_at_price | money }}</del> 733 {% else %} 734 {{ variant.price | money }} 735 {% endif %} 736 </span> 737</div> 738</script>
738 739
740<script id="wishlist-collection-product-form" data="wishlist" type="text/x-template" app="wishlist-king"> 741<form id="wk-add-item-form-{{ product.wishlist_item_id }}" action="/cart/add" method="post" class="wk-add-item-form"> 742 743 <!-- Begin product options --> 744 <div class="wk-product-options {% if hide_default_title %}wk-no-options{% endif %}"> 745 746 <div class="wk-select" {% if hide_default_title %} style="display:none"{% endif %}> 747 <select id="wk-option-select-{{ product.wishlist_item_id }}" class="wk-option-select" name="id"> 748 749 {% for variant in product.variants %} 750 <option value="{{ variant.id }}" {% if variant == product.selected_or_first_available_variant %}selected="selected"{% endif %}> 751 {{ variant.title }} - {{ variant.price | money }} 752 </option> 753 {% endfor %} 754 755 </select> 756 </div> 757 758 {% comment %} 759 {% if settings.display_quantity_dropdown and product.available %} 760 <div class="wk-selector-wrapper"> 761 <label>Quantity</label> 762 <input class="wk-quantity" type="number" name="quantity" value="1" class="wk-item-quantity" /> 763 </div> 764 {% endif %} 765 {% endcomment %} 766 767 <div class="wk-purchase-section{% if product.variants.length > 1 %} wk-multiple{% endif %}"> 768 769 {% assign cart_action = 'wk-move-to-cart' %} 770 {% if wishlist.read_only %} 771 {% assign cart_action = 'wk-add-to-cart' %} 772 {% endif %} 773 <input type="submit" class="wk-add-to-cart" data-{{ cart_action }}="{{ product.wishlist_item_id }}" name="add" value="Add to Cart" /> 774 775 {% comment %} {% unless product.available %} 776 <input type="submit" class="wk-add-to-cart disabled" disabled="disabled" value="Sold Out" /> 777 {% else %} 778 {% assign cart_action = 'wk-move-to-cart' %} 779 {% if wishlist.read_only %} 780 {% assign cart_action = 'wk-add-to-cart' %} 781 {% endif %} 782 <input type="submit" class="wk-add-to-cart" data-{{ cart_action }}="{{ product.wishlist_item_id }}" name="add" value="Add to Cart" /> 783 {% endunless %} {% endcomment %} 784 785 </div> 786 </div> 787 <!-- End product options --> 788</form> 789</script>
789 790
791<script id="wishlist-share-button-fb" data="wishlist" type="text/x-template" app="wishlist-king"> 792{% unless wishlist.empty %} 793<a href class="wk-button-share resp-sharing-button__link" title="Share on Facebook" data-wk-share-service="facebook" data-wk-share="{{ wishlist.permaId }}" data-wk-share-image="{{ wishlist.products[0] | variant_img_url: '1200x630' }}"> 794 <div class="resp-sharing-button resp-sharing-button--facebook resp-sharing-button--large"> 795 <div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid"> 796 <svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"> 797 <g> 798 <path d="M18.768,7.465H14.5V5.56c0-0.896,0.594-1.105,1.012-1.105s2.988,0,2.988,0V0.513L14.171,0.5C10.244,0.5,9.5,3.438,9.5,5.32 v2.145h-3v4h3c0,5.212,0,12,0,12h5c0,0,0-6.85,0-12h3.851L18.768,7.465z"/> 799 </g> 800 </svg> 801 </div> 802 <span>Facebook</span> 803 </div> 804</a> 805{% endunless %} 806</script>
806 807
808<script id="wishlist-share-button-twitter" data="wishlist" type="text/x-template" app="wishlist-king"> 809{% unless wishlist.empty %} 810<a href class="wk-button-share resp-sharing-button__link" title="Share on Twitter" data-wk-share-service="twitter" data-wk-share="{{ wishlist.permaId }}"> 811 <div class="resp-sharing-button resp-sharing-button--twitter resp-sharing-button--large"> 812 <div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid"> 813 <svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"> 814 <g> 815 <path d="M23.444,4.834c-0.814,0.363-1.5,0.375-2.228,0.016c0.938-0.562,0.981-0.957,1.32-2.019c-0.878,0.521-1.851,0.9-2.886,1.104 C18.823,3.053,17.642,2.5,16.335,2.5c-2.51,0-4.544,2.036-4.544,4.544c0,0.356,0.04,0.703,0.117,1.036 C8.132,7.891,4.783,6.082,2.542,3.332C2.151,4.003,1.927,4.784,1.927,5.617c0,1.577,0.803,2.967,2.021,3.782 C3.203,9.375,2.503,9.171,1.891,8.831C1.89,8.85,1.89,8.868,1.89,8.888c0,2.202,1.566,4.038,3.646,4.456 c-0.666,0.181-1.368,0.209-2.053,0.079c0.579,1.804,2.257,3.118,4.245,3.155C5.783,18.102,3.372,18.737,1,18.459 C3.012,19.748,5.399,20.5,7.966,20.5c8.358,0,12.928-6.924,12.928-12.929c0-0.198-0.003-0.393-0.012-0.588 C21.769,6.343,22.835,5.746,23.444,4.834z"/> 816 </g> 817 </svg> 818 </div> 819 <span>Twitter</span> 820 </div> 821</a> 822{% endunless %} 823</script>
823 824
825<script id="wishlist-share-button-pinterest" data="wishlist" type="text/x-template" app="wishlist-king"> 826{% unless wishlist.empty %} 827<a href class="wk-button-share resp-sharing-button__link" title="Share on Pinterest" data-wk-share-service="pinterest" data-wk-share="{{ wishlist.permaId }}" data-wk-share-image="{{ wishlist.products[0] | variant_img_url: '1200x630' }}"> 828 <div class="resp-sharing-button resp-sharing-button--pinterest resp-sharing-button--large"> 829 <div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid"> 830 <svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"> 831 <path d="M12.137,0.5C5.86,0.5,2.695,5,2.695,8.752c0,2.272,0.8 ,4.295,2.705,5.047c0.303,0.124,0.574,0.004,0.661-0.33 c0.062-0.231,0.206-0.816,0.271-1.061c0.088-0.331,0.055-0.446-0.19-0.736c-0.532-0.626-0.872-1.439-0.872-2.59 c0-3.339,2.498-6.328,6.505-6.328c3.548,0,5.497,2.168,5.497,5.063c0,3.809-1.687,7.024-4.189,7.024 c-1.382,0-2.416-1.142-2.085-2.545c0.397-1.675,1.167-3.479,1.167-4.688c0-1.081-0.58-1.983-1.782-1.983 c-1.413,0-2.548,1.461-2.548,3.42c0,1.247,0.422,2.09,0.422,2.09s-1.445,6.126-1.699,7.199c-0.505,2.137-0.076,4.756-0.04,5.02 c0.021,0.157,0.224,0.195,0.314,0.078c0.13-0.171,1.813-2.25,2.385-4.325c0.162-0.589,0.929-3.632,0.929-3.632 c0.459,0.876,1.801,1.646,3.228,1.646c4.247,0,7.128-3.871,7.128-9.053C20.5,4.15,17.182,0.5,12.137,0.5z"/> 832 </svg> 833 </div> 834 <span>Pinterest</span> 835 </div> 836</a> 837{% endunless %} 838</script>
838 839
840<script id="wishlist-share-button-whatsapp" data="wishlist" type="text/x-template" app="wishlist-king"> 841{% unless wishlist.empty %} 842<a href class="wk-button-share resp-sharing-button__link" title="Share via WhatsApp" data-wk-share-service="whatsapp" data-wk-share="{{ wishlist.permaId }}"> 843 <div class="resp-sharing-button resp-sharing-button--whatsapp resp-sharing-button--large"> 844 <div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid"> 845 <svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> 846 <path stroke="none" d="M20.1,3.9C17.9,1.7,15,0.5,12,0.5C5.8,0.5,0.7,5.6,0.7,11.9c0,2,0.5,3.9,1.5,5.6l-1.6,5.9l6-1.6c1.6,0.9,3.5,1.3,5.4,1.3l0,0l0,0c6.3,0,11.4-5.1,11.4-11.4C23.3,8.9,22.2,6,20.1,3.9z M12,21.4L12,21.4c-1.7,0-3.3-0.5-4.8-1.3l-0.4-0.2l-3.5,1l1-3.4L4,17c-1-1.5-1.4-3.2-1.4-5.1c0-5.2,4.2-9.4,9.4-9.4c2.5,0,4.9,1,6.7,2.8c1.8,1.8,2.8,4.2,2.8,6.7C21.4,17.2,17.2,21.4,12,21.4z M17.1,14.3c-0.3-0.1-1.7-0.9-1.9-1c-0.3-0.1-0.5-0.1-0.7,0.1c-0.2,0.3-0.8,1-0.9,1.1c-0.2,0.2-0.3,0.2-0.6,0.1c-0.3-0.1-1.2-0.5-2.3-1.4c-0.9-0.8-1.4-1.7-1.6-2c-0.2-0.3,0-0.5,0.1-0.6s0.3-0.3,0.4-0.5c0.2-0.1,0.3-0.3,0.4-0.5c0.1-0.2,0-0.4,0-0.5c0-0.1-0.7-1.5-1-2.1C8.9,6.6,8.6,6.7,8.5,6.7c-0.2,0-0.4,0-0.6,0S7.5,6.8,7.2,7c-0.3,0.3-1,1-1,2.4s1,2.8,1.1,3c0.1,0.2,2,3.1,4.9,4.3c0.7,0.3,1.2,0.5,1.6,0.6c0.7,0.2,1.3,0.2,1.8,0.1c0.6-0.1,1.7-0.7,1.9-1.3c0.2-0.7,0.2-1.2,0.2-1.3C17.6,14.5,17.4,14.4,17.1,14.3z"/> 847 </svg> 848 </div> 849 <span>WhatsApp</span> 850 </div> 851</a> 852{% endunless %} 853</script>
853 854
855<script id="wishlist-share-button-email" data="wishlist" type="text/x-template" app="wishlist-king"> 856{% unless wishlist.empty %} 857<a href class="wk-button-share resp-sharing-button__link" title="Share via Email" data-wk-share-service="email" data-wk-share="{{ wishlist.permaId }}"> 858 <div class="resp-sharing-button resp-sharing-button--email resp-sharing-button--large"> 859 <div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid"> 860 <svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"> 861 <path d="M22,4H2C0.897,4,0,4.897,0,6v12c0,1.103,0.897,2,2,2h20c1.103,0,2-0.897,2-2V6C24,4.897,23.103,4,22,4z M7.248,14.434 l-3.5,2C3.67,16.479,3.584,16.5,3.5,16.5c-0.174,0-0.342-0.09-0.435-0.252c-0.137-0.239-0.054-0.545,0.186-0.682l3.5-2 c0.24-0.137,0.545-0.054,0.682,0.186C7.571,13.992,7.488,14.297,7.248,14.434z M12,14.5c-0.094,0-0.189-0.026-0.271-0.08l-8.5-5.5 C2.997,8.77,2.93,8.46,3.081,8.229c0.15-0.23,0.459-0.298,0.691-0.147L12,13.405l8.229-5.324c0.232-0.15,0.542-0.084,0.691,0.147 c0.15,0.232,0.083,0.542-0.148,0.691l-8.5,5.5C12.189,14.474,12.095,14.5,12,14.5z M20.934,16.248 C20.842,16.41,20.673,16.5,20.5,16.5c-0.084,0-0.169-0.021-0.248-0.065l-3.5-2c-0.24-0.137-0.323-0.442-0.186-0.682 s0.443-0.322,0.682-0.186l3.5,2C20.988,15.703,21.071,16.009,20.934,16.248z"/> 862 </svg> 863 </div> 864 <span>Email</span> 865 </div> 866</a> 867{% endunless %} 868</script>
868 869
870<script id="wishlist-share-button-link" data="wishlist" type="text/x-template" app="wishlist-king"> 871{% unless wishlist.empty %} 872<a href class="wk-button-share resp-sharing-button__link" title="Share via link" data-wk-share-service="link" data-wk-share="{{ wishlist.permaId }}"> 873 <div class="resp-sharing-button resp-sharing-button--link resp-sharing-button--large"> 874 <div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid"> 875 <svg version='1.1' xmlns='https://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 512 512'> 876 <path d='M459.654,233.373l-90.531,90.5c-49.969,50-131.031,50-181,0c-7.875-7.844-14.031-16.688-19.438-25.813 877 l42.063-42.063c2-2.016,4.469-3.172,6.828-4.531c2.906,9.938,7.984,19.344,15.797,27.156c24.953,24.969,65.563,24.938,90.5,0 878 l90.5-90.5c24.969-24.969,24.969-65.563,0-90.516c-24.938-24.953-65.531-24.953-90.5,0l-32.188,32.219 879 c-26.109-10.172-54.25-12.906-81.641-8.891l68.578-68.578c50-49.984,131.031-49.984,181.031,0 880 C509.623,102.342,509.623,183.389,459.654,233.373z M220.326,382.186l-32.203,32.219c-24.953,24.938-65.563,24.938-90.516,0 881 c-24.953-24.969-24.953-65.563,0-90.531l90.516-90.5c24.969-24.969,65.547-24.969,90.5,0c7.797,7.797,12.875,17.203,15.813,27.125 882 c2.375-1.375,4.813-2.5,6.813-4.5l42.063-42.047c-5.375-9.156-11.563-17.969-19.438-25.828c-49.969-49.984-131.031-49.984-181.016,0 883 l-90.5,90.5c-49.984,50-49.984,131.031,0,181.031c49.984,49.969,131.031,49.969,181.016,0l68.594-68.594 884 C274.561,395.092,246.42,392.342,220.326,382.186z'/> 885 </svg> 886 </div> 887 <span>E-Mail</span> 888 </div> 889</a> 890{% endunless %} 891</script>
891 892
893<script id="wishlist-share-button-contact" data="wishlist" type="text/x-template" app="wishlist-king"> 894{% unless wishlist.empty %} 895<a href class="wk-button-share resp-sharing-button__link" title="Send to customer service" data-wk-share-service="contact" data-wk-share="{{ wishlist.permaId }}"> 896 <div class="resp-sharing-button resp-sharing-button--link resp-sharing-button--large"> 897 <div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid"> 898 <svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"> 899 <path d="M0 0h24v24H0z" fill="none"/> 900 <path d="M19 2H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h4l3 3 3-3h4c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-6 16h-2v-2h2v2zm2.07-7.75l-.9.92C13.45 11.9 13 12.5 13 14h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25z"/> 901 </svg> 902 </div> 903 <span>E-Mail</span> 904 </div> 905</a> 906{% endunless %} 907</script>
907 908 909 910 911
912<script> 913function appmateSelectCallback(variant, selector) { 914 var shop = Appmate.wk.globals.shop; 915 var product = Appmate.wk.getProduct(variant.product_id); 916 var itemId = $(selector.variantIdField).parents('[data-wk-item]').attr('data-wk-item'); 917 var container = $('#wk-item-' + itemId); 918 919 920 921 922 var imageUrl = ''; 923 924 if (variant && variant.image) { 925 imageUrl = Appmate.wk.filters.img_url(variant, 'large'); 926 } else if (product) { 927 imageUrl = Appmate.wk.filters.img_url(product, 'large'); 928 } 929 930 if (imageUrl) { 931 container.find('.wk-variant-image').attr('src', imageUrl); 932 } 933 var formatMoney = Appmate.wk.filters.money; 934 if (!product.hidden && variant && (variant.available ||Â variant.inventory_policy === 'continue')) { 935 container.find('.wk-add-to-cart').removeAttr('disabled').removeClass('disabled').attr('value', 'Add to Cart'); 936 if(variant.price < variant.compare_at_price){ 937 container.find('.wk-price-preview').html(formatMoney(variant.price) + " <del>" + formatMoney(variant.compare_at_price) + "</del>"); 938 } else { 939 container.find('.wk-price-preview').html(formatMoney(variant.price)); 940 } 941 } 942 // else { 943 // var message = variant && !product.hidden ? "Sold Out" : "Unavailable"; 944 // container.find('.wk-add-to-cart').addClass('disabled').attr('disabled', 'disabled').attr('value', message); 945 // container.find('.wk-price-preview').text(message); 946 // } 947 948}; 949 950function appmateOptionSelect(el){ 951 if (!Shopify ||Â !Shopify.OptionSelectors) { 952 throw new Error('Missing option_selection.js! Please check templates/page.wishlist.liquid'); 953 } 954 955 var id = el.getAttribute('id'); 956 var itemId = $(el).parents('[data-wk-item]').attr('data-wk-item'); 957 var container = $('#wk-item-' + itemId); 958 959 Appmate.wk.getItem(itemId).then(function(product){ 960 var selector = new Shopify.OptionSelectors(id, { 961 product: product, 962 onVariantSelected: appmateSelectCallback, 963 enableHistoryState: false 964 }); 965 966 if (product.selected_variant_id) { 967 selector.selectVariant(product.selected_variant_id); 968 } 969 970 // Add label if only one product option and it isn't 'Title'. 971 if (product.options.length == 1 && product.options[0] != 'Title') { 972 $(container) 973 .find('.selector-wrapper:eq(0)') 974 .prepend('<label>' + product.options[0] + '</label>'); 975 } 976 }); 977} 978 979</script>
979 980 981<link href="//www.hameraypublishing.com/cdn/shop/t/3/assets/appmate-wishlist-king.scss.css?v=155711572738234808331544641592" rel="stylesheet" type="text/css" media="all" /> 982 983 984 985 986 987 988 989 990 991
992<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
992<meta name="facebook-domain-verification" content="jokl2m4eon4s6vdb40pfus4cxvwube"> 993<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/21373313/digital_wallets/dialog"> 994<link rel="ucp" href="/.well-known/ucp" version="2026-08-25">
994<script async="async" src="/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=786759716"></script>
994 995<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
996<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=786759716&shop_id=21373313" crossorigin="anonymous"></script>
vendor: 1 bytes, line 996
996
997<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":21373313,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/21373313","merchantName":"Hameray Publishing","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"Hameray Publishing","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 997
997
998<script id="shopify-features" type="application/json">{"accessToken":"e9414dbd5c39516ce6a980e7c8116782","betas":["rich-media-storefront-analytics"],"domain":"www.hameraypublishing.com","predictiveSearch":true,"shopId":21373313,"locale":"en"}</script>
vendor: 1 bytes, line 998
998
999<script>var Shopify = Shopify || {}; 1000Shopify.shop = "hameray-publishing.myshopify.com"; 1001Shopify.locale = "en"; 1002Shopify.currency = {"active":"USD","rate":"1.0"}; 1003Shopify.country = "US"; 1004Shopify.theme = {"name":"Aeolidia","id":181129362,"schema_name":"Slate","schema_version":"0.11.0","theme_store_id":null,"role":"main"}; 1005Shopify.theme.handle = "null"; 1006Shopify.theme.style = {"id":null,"handle":null}; 1007Shopify.cdnHost = "www.hameraypublishing.com/cdn"; 1008Shopify.routes = Shopify.routes || {}; 1009Shopify.routes.root = "/"; 1010Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js"; 1011Shopify.SignInWithShop = Shopify.SignInWithShop || {}; 1012Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {}; 1013Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 1013
1013
1014<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 1014
1014
1015<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
vendor: 1 bytes, line 1015
1015
1016<script> 1017 window.ShopifyPay = window.ShopifyPay || {}; 1018 window.ShopifyPay.apiHost = "shop.app\/pay"; 1019 window.ShopifyPay.redirectState = null; 1020</script>
vendor: 1 bytes, line 1020
1020
1021<script> 1022 window.Shopify = window.Shopify || {}; 1023 window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {}; 1024 window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 }; 1025 window.Shopify.SignInWithShop.eligible = true; 1026</script>
vendor: 1 bytes, line 1026
1026
1027<script id="shop-js-analytics" type="application/json">{"pageType":"customers/login"}</script>
vendor: 1 bytes, line 1027
1027
1028<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-customer-accounts.en.esm.js"></script>
vendor: 1 bytes, line 1028
1028
1029<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"></script>
vendor: 1 bytes, line 1029
1029
1030<script type="module"> 1031 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-customer-accounts.en.esm.js"); 1032await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"); 1033 1034 window.Shopify.SignInWithShop?.initCustomerAccounts?.(true, {"fedCMEnabled":true,"windoidEnabled":true}); 1035window.Shopify.SignInWithShop?.initCustomerAccountsSignUp?.({"fedCMEnabled":true,"windoidEnabled":true}); 1036 1037</script>
vendor: 1 bytes, line 1037
1037
1038<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
vendor: 1 bytes, line 1038
1038
1039<script type="module"> 1040 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"); 1041 1042 window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 1043 1044</script>
vendor: 1 bytes, line 1044
1044
1045<script> 1046 window.Shopify = window.Shopify || {}; 1047 if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; 1048 window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"]}; 1049</script>
vendor: 1 bytes, line 1049
1049
1050<script id="__st">var __st={"a":21373313,"offset":-25200,"reqid":"c81bc748-aad5-4cd9-b18b-403fd32c4671-1791071022","pageurl":"www.hameraypublishing.com\/account\/login","u":"ff81f1e8b31c"};</script>
vendor: 1 bytes, line 1050
1050
1051<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 1051
1051
1052<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!1)}();</script>
vendor: 1 bytes, line 1052
1052
1053<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.hameraypublishing.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1053
1053
1054<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//www.hameraypublishing.com/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
1054<script crossorigin="anonymous" defer="defer" src="//www.hameraypublishing.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 1054
1054
1055<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 1055
1055
1056<script> 1057 window.Shopify = window.Shopify || {}; 1058 window.Shopify.MCP = window.Shopify.MCP || {}; 1059 window.Shopify.MCP.enabled = true; 1060 window.Shopify.MCP.shop = "hameray-publishing.myshopify.com"; 1061 window.Shopify.MCP.mcpEndpoint = "https:\/\/www.hameraypublishing.com\/api\/mcp"; 1062 window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n - What is your return policy?\n - What is your shipping policy?\n - What is your phone number?\n - What are your hours of operation?\"\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."}},"required":["query"]}}]; 1063</script>
vendor: 1 bytes, line 1063
1063
1064<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/www.hameraypublishing.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})(); 1065</script>
vendor: 1 bytes, line 1065
1065
1066<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://www.hameraypublishing.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}}; 1067</script>
vendor: 1 bytes, line 1067
1067
1068<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 1069 function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent); 1070</script>
vendor: 1 bytes, line 1070
1070
1071<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}})); 1072</script>
1072 1073<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://www.hameraypublishing.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous"> 1074<style id="shopify-accelerated-checkout-cart"> 1075 #shopify-buyer-consent { 1076 margin-top: 1em; 1077 display: inline-block; 1078 width: 100%; 1079} 1080 1081#shopify-buyer-consent.hidden { 1082 display: none; 1083} 1084 1085#shopify-subscription-policy-button { 1086 background: none; 1087 border: none; 1088 padding: 0; 1089 text-decoration: underline; 1090 font-size: inherit; 1091 cursor: pointer; 1092} 1093 1094#shopify-subscription-policy-button::before { 1095 box-shadow: none; 1096} 1097 1098 </style> 1099
1100<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
1100 1101 1102 1103 1104 1105 1106<!-- Bugsnag -->
1107<script src="//d2wy8f7a9ursnm.cloudfront.net/v8/bugsnag.min.js" defer></script>
vendor: 1 bytes, line 1107
1107
1108<script type="module"> 1109 import BugsnagPerformance from '//d2wy8f7a9ursnm.cloudfront.net/v1/bugsnag-performance.min.js' 1110 Bugsnag.start({ apiKey: '4566b84af716122196683745d2088b1c' }) 1111 BugsnagPerformance.start({ apiKey: '4566b84af716122196683745d2088b1c' }) 1112</script>
1112 1113 1114 1115 1116 1117 1118<!-- Search Provider Toggle -->
1119<script> 1120 window.__searchProvider = 'custom'; 1121</script>
1121 1122 1123 1124 1125 1126 1127<!-- Custom S3-Backed Instant Search -->
1128<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/fuse.min.js" defer></script>
vendor: 1 bytes, line 1128
1128
1129<script src="//www.hameraypublishing.com/cdn/shop/t/3/assets/search-core.js?v=67616449755213306551779429574" defer></script>
1129 1130<link rel="stylesheet" href="//www.hameraypublishing.com/cdn/shop/t/3/assets/custom-search.css?v=14041386354112471001779049376" media="print" onload="this.media='all'"> 1131<noscript><link rel="stylesheet" href="//www.hameraypublishing.com/cdn/shop/t/3/assets/custom-search.css?v=14041386354112471001779049376"></noscript>
1132<script src="//www.hameraypublishing.com/cdn/shop/t/3/assets/custom-search.js?v=108089332877652854721779429573" defer></script>
1132 1133 1134 1135 1136 1137 1138<!-- Google Tag -->
vendor: 64 bytes, lines 1138-1139
1138 1139<script async src="https://www.googletagmanager.com/gtag/js?id=
1139AW-938619849
vendor: 12 bytes, line 1139
1139"></script>
1139<script>
vendor: 127 bytes, line 1139
1139window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', '
1139AW-938619849
vendor: 4 bytes, line 1139
1139');
1139</script>
1139 1140 1141 1142 1143 1144 1145<!-- Meta -->
1146<script>
vendor: 399 bytes, lines 1146-1155
1146 1147!function(f,b,e,v,n,t,s) 1148{if(f.fbq)return;n=f.fbq=function(){n.callMethod? 1149n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 1150if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 1151n.queue=[];t=b.createElement(e);t.async=!0; 1152t.src=v;s=b.getElementsByTagName(e)[0]; 1153s.parentNode.insertBefore(t,s)}(window, document,'script', 1154'https://connect.facebook.net/en_US/fbevents.js'); 1155fbq('init', '
1155573587907984562
vendor: 30 bytes, lines 1155-1156
1155'); 1156fbq('track', 'PageView');
1157</script>
1157 1158<noscript><img height="1" width="1" style="display:none" 1159src="https://www.facebook.com/tr?id=573587907984562&ev=PageView&noscript=1" 1160/></noscript> 1161 1162 1163 1164 1165 1166<!-- HubSpot -->
1167<script type="text/javascript" id="hs-script-loader" async defer src="//js-na2.hs-scripts.com/242488439.js"></script>
1167 1168 1169 1170 1171 1172 1173<!-- Rudderstack -->
1174<script type="text/javascript"> 1175 !function(){"use strict";window.RudderSnippetVersion="3.0.60";var e="rudderanalytics";window[e]||(window[e]=[]) 1176 ;var rudderanalytics=window[e];if(Array.isArray(rudderanalytics)){ 1177 if(true===rudderanalytics.snippetExecuted&&window.console&&console.error){ 1178 console.error("RudderStack JavaScript SDK snippet included more than once.")}else{rudderanalytics.snippetExecuted=true, 1179 window.rudderAnalyticsBuildType="legacy";var sdkBaseUrl="https://cdn.rudderlabs.com";var sdkVersion="v3" 1180 ;var sdkFileName="rsa.min.js";var scriptLoadingMode="async" 1181 ;var r=["setDefaultInstanceKey","load","ready","page","track","identify","alias","group","reset","setAnonymousId","startSession","endSession","consent"] 1182 ;for(var n=0;n<r.length;n++){var t=r[n];rudderanalytics[t]=function(r){return function(){var n 1183 ;Array.isArray(window[e])?rudderanalytics.push([r].concat(Array.prototype.slice.call(arguments))):null===(n=window[e][r])||void 0===n||n.apply(window[e],arguments) 1184 }}(t)}try{ 1185 new Function('class Test{field=()=>{};test({prop=[]}={}){return prop?(prop?.property??[...prop]):import("");}}'), 1186 window.rudderAnalyticsBuildType="modern"}catch(i){}var d=document.head||document.getElementsByTagName("head")[0] 1187 ;var o=document.body||document.getElementsByTagName("body")[0];window.rudderAnalyticsAddScript=function(e,r,n){ 1188 var t=document.createElement("script");t.src=e,t.setAttribute("data-loader","RS_JS_SDK"),r&&n&&t.setAttribute(r,n), 1189 "async"===scriptLoadingMode?t.async=true:"defer"===scriptLoadingMode&&(t.defer=true), 1190 d?d.insertBefore(t,d.firstChild):o.insertBefore(t,o.firstChild)},window.rudderAnalyticsMount=function(){!function(){ 1191 if("undefined"==typeof globalThis){var e;var r=function getGlobal(){ 1192 return"undefined"!=typeof self?self:"undefined"!=typeof window?window:null}();r&&Object.defineProperty(r,"globalThis",{ 1193 value:r,configurable:true})} 1194 }(),window.rudderAnalyticsAddScript("".concat(sdkBaseUrl,"/").concat(sdkVersion,"/").concat(window.rudderAnalyticsBuildType,"/").concat(sdkFileName),"data-rsa-write-key","2uonaIVTN4W3jpIo7K8b42XAjhr") 1195 },window.rudderAnalyticsMount() 1196 ;var loadOptions={};rudderanalytics.load("2uonaIVTN4W3jpIo7K8b42XAjhr","https://hameraypubqkju.dataplane.rudderstack.com",loadOptions)}}}(); 1197</script>
1197 1198 1199 1200 1201 1202
1203<script> 1204 1205 1206 1207 1208 1209 rudderanalytics.page( 1210 "Page", 1211 "Page Viewed", { 1212 path: window.location.pathname, 1213 referrer: document.referrer, 1214 title: document.title, 1215 url: window.location.href 1216 }, 1217 ); 1218 1219 1220 1221 1222 1223 1224 1225 1226 1227 1228 1229 const urlParams = new URLSearchParams(window.location.search); 1230 1231 if (urlParams.has('cid')) { 1232 const cid = urlParams.get('cid'); 1233 rudderanalytics.identify( cid ); 1234 } 1235 1236 1237 1238 1239 1240 // Engagement ping â fires once after 15s if the user has interacted 1241 // and the tab is still visible. Distinguishes real single-page 1242 // visitors from bots (bots get 0 pings, humans get 1). 1243 (function() { 1244 var hasInteracted = false; 1245 var visible = !document.hidden; 1246 1247 ['scroll', 'click', 'mousemove', 'touchstart'].forEach(function(evt) { 1248 document.addEventListener(evt, function() { hasInteracted = true; }, { once: true }); 1249 }); 1250 1251 document.addEventListener('visibilitychange', function() { 1252 visible = !document.hidden; 1253 }); 1254 1255 setTimeout(function() { 1256 if (hasInteracted && visible) { 1257 rudderanalytics.track('ping'); 1258 } 1259 }, 15000); 1260 })(); 1261 1262 1263 1264 1265 1266</script>
1266 1267 1268 1269 1270 1271 1272 1273 1274 1275 1276 1277<!-- Clarity -->
1278<script type="text/javascript"> 1279 (function(c,l,a,r,i,t,y){ 1280 c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; 1281 t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i; 1282 y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); 1283 })(window, document, "clarity", "script", "fmlny4xx23"); 1284</script>
1284 1285 1286 1287 1288 1289 1290<style> 1291 1292 html { 1293 scrollbar-gutter: stable; 1294 tab-size: 4; 1295 font-feature-settings: normal; 1296 font-variation-settings: normal; 1297 -webkit-text-size-adjust: none; 1298 -webkit-font-smoothing: antialiased; 1299 -webkit-overflow-scrolling: touch; 1300 -webkit-tap-highlight-color: transparent; 1301 } 1302 1303 #MainContent { 1304 margin-top: 163px; 1305 } 1306 1307 html:not(.ie9) .chromeframe { 1308 display: none; 1309 } 1310 1311 html.ie9 .chromeframe { 1312 display: block !important; 1313 } 1314 1315 html.ie9 body > *:not(.chromeframe){ 1316 display: none; 1317 } 1318 1319 input.input-error { 1320 background-color: #FFF !important; 1321 } 1322 1323 @media only screen and (max-width: 700px) { 1324 1325 #MainContent { 1326 margin-top: 0px; 1327 } 1328 1329 } 1330 1331</style> 1332 1333 1334 1335 1336 1337<meta property="og:image" content="https://cdn.shopify.com/s/files/1/2137/3313/files/logo.png?height=628&pad_color=ffffff&v=1613502610&width=1200" /> 1338<meta property="og:image:secure_url" content="https://cdn.shopify.com/s/files/1/2137/3313/files/logo.png?height=628&pad_color=ffffff&v=1613502610&width=1200" /> 1339<meta property="og:image:width" content="1200" /> 1340<meta property="og:image:height" content="628" /> 1341<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
1342<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 21373313,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "customers/login"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
vendor: 1 bytes, line 1342
1342
1343<script> 1344 window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || []; 1345</script>
vendor: 1 bytes, line 1345
1345
1346<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}
1346).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 21373313,storefrontBaseUrl: "https://www.hameraypublishing.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://www.hameraypublishing.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"880181284","configuration":"{\"pixel_id\":\"2268641926920626\",\"pixel_type\":\"facebook_pixel\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"96420dbe9ea96c426a1b7f364f977719","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"307068964","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-C49ZK1PS3W\\\",\\\"AW-938619849\\\",\\\"GT-T56LZSL7\\\"],\\\"target_country\\\":\\\"ZZ\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-C49ZK1PS3W\\\",\\\"AW-938619849\\\/sEoOCLmo_L4bEMnnyL8D\\\"]},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-C49ZK1PS3W\\\",\\\"AW-938619849\\\/MXDgCMbd_r4bEMnnyL8D\\\"]},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-C49ZK1PS3W\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-C49ZK1PS3W\\\",\\\"AW-938619849\\\/yedCCMPd_r4bEMnnyL8D\\\",\\\"MC-H4SGFN62G8\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-C49ZK1PS3W\\\"},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-C49ZK1PS3W\\\",\\\"AW-938619849\\\/BX56CLao_L4bEMnnyL8D\\\",\\\"MC-H4SGFN62G8\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-C49ZK1PS3W\\\",\\\"AW-938619849\\\/3ZvbCMDd_r4bEMnnyL8D\\\",\\\"MC-H4SGFN62G8\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-C49ZK1PS3W\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-C49ZK1PS3W\\\",\\\"AW-938619849\\\/3rmPCMnd_r4bEMnnyL8D\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-C49ZK1PS3W\\\",\\\"AW-938619849\\\/VX5MCL3d_r4bEMnnyL8D\\\"]},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-C49ZK1PS3W\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Hameray Publishing","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"hameray-publishing.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/www.hameraypublishing.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[],"purchasingCompany":null},},"https://www.hameraypublishing.com/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"181129362","themePublished":"true","eventMetadataId":"23bdce3c-5d28-46c9-bee6-5aa592b4d2a2","shopId":"21373313","storefrontBaseUrl":"https:\/\/www.hameraypublishing.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"5982071ew7ea472e3p69b68784m2150dfea","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
1346<script> 1347 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 1348 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 1349 window.ShopifyAnalytics.meta.currency = 'USD'; 1350 var meta = {"page":{"requestId":"c81bc748-aad5-4cd9-b18b-403fd32c4671-1791071022"}}; 1351 for (var attr in meta) { 1352 window.ShopifyAnalytics.meta[attr] = meta[attr]; 1353 } 1354</script>
vendor: 1 bytes, line 1354
1354
1355<script class="analytics"> 1356 (function () { 1357 var customDocumentWrite = function(content) { 1358 var jquery = null; 1359 1360 if (window.jQuery) { 1361 jquery = window.jQuery; 1362 } else if (window.Checkout && window.Checkout.$) { 1363 jquery = window.Checkout.$; 1364 } 1365 1366 if (jquery) { 1367 jquery('body').append(content); 1368 } 1369 }; 1370 1371 var hasLoggedConversion = function(token) { 1372 if (token) { 1373 return document.cookie.indexOf('loggedConversion=' + token) !== -1; 1374 } 1375 return false; 1376 } 1377 1378 var setCookieIfConversion = function(token) { 1379 if (token) { 1380 var twoMonthsFromNow = new Date(Date.now()); 1381 twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); 1382 1383 document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; 1384 } 1385 } 1386 1387 var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; 1388 window.ShopifyAnalytics.lib.trekkie = window.trekkie; 1389 if (trekkie.integrations) { 1390 return; 1391 } 1392 trekkie.methods = [ 1393 'identify', 1394 'page', 1395 'ready', 1396 'track', 1397 'trackForm', 1398 'trackLink' 1399 ]; 1400 trekkie.factory = function(method) { 1401 return function() { 1402 var args = Array.prototype.slice.call(arguments); 1403 args.unshift(method); 1404 trekkie.push(args); 1405 if (method == 'track' || method == 'page') { 1406 var pageUrl; 1407 try { 1408 pageUrl = window.location.href; 1409 } catch (e) {} 1410 var pageReferrer; 1411 try { 1412 pageReferrer = document.referrer; 1413 } catch (e) {} 1414 try { 1415 if (window.__TREKKIE_SHIM_QUEUE == null) { 1416 window.__TREKKIE_SHIM_QUEUE = []; 1417 } 1418 window.__TREKKIE_SHIM_QUEUE.push({ 1419 from: 'trekkie-stub', 1420 method: method, 1421 args: args.slice(1), 1422 pageContext: { 1423 url: pageUrl, 1424 referrer: pageReferrer 1425 } 1426 }); 1427 } catch (e) { 1428 // no-op 1429 } 1430 } 1431 return trekkie; 1432 }; 1433 }; 1434 for (var i = 0; i < trekkie.methods.length; i++) { 1435 var key = trekkie.methods[i]; 1436 trekkie[key] = trekkie.factory(key); 1437 } 1438 trekkie.load = function(config) { 1439 trekkie.config = config || {}; 1440 trekkie.config.initialDocumentCookie = document.cookie; 1441 var first = document.getElementsByTagName('script')[0]; 1442var script = document.createElement('script'); 1443script.type = 'text/javascript'; 1444script.onerror = function(e) { 1445 var scriptFallback = document.createElement('script'); 1446 scriptFallback.type = 'text/javascript'; 1447 scriptFallback.onerror = function(error) { 1448 var Monorail = { 1449 produce: function produce(monorailDomain, schemaId, payload) { 1450 var currentMs = new Date().getTime(); 1451 var event = { 1452 schema_id: schemaId, 1453 payload: payload, 1454 metadata: { 1455 event_created_at_ms: currentMs, 1456 event_sent_at_ms: currentMs 1457 } 1458 }; 1459 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 1460 }, 1461 sendRequest: function sendRequest(endpointUrl, payload) { 1462 // Try the sendBeacon API 1463 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 1464 var blobData = new window.Blob([payload], { 1465 type: 'text/plain' 1466 }); 1467 1468 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 1469 return true; 1470 } // sendBeacon was not successful 1471 1472 } // XHR beacon 1473 1474 var xhr = new XMLHttpRequest(); 1475 1476 try { 1477 xhr.open('POST', endpointUrl); 1478 xhr.setRequestHeader('Content-Type', 'text/plain'); 1479 xhr.send(payload); 1480 } catch (e) { 1481 console.log(e); 1482 } 1483 1484 return false; 1485 }, 1486 isIos12: function isIos12() { 1487 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 1488 } 1489 }; 1490 Monorail.produce('monorail-edge.shopifysvc.com', 1491 'trekkie_storefront_load_errors/1.1', 1492 {shop_id: 21373313, 1493 theme_id: 181129362, 1494 app_name: "storefront", 1495 context_url: window.location.href, 1496 source_url: "//www.hameraypublishing.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"}); 1497 1498 }; 1499 scriptFallback.async = true; 1500 scriptFallback.src = '//www.hameraypublishing.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js'; 1501 first.parentNode.insertBefore(scriptFallback, first); 1502}; 1503script.async = true; 1504script.src = '//www.hameraypublishing.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js'; 1505first.parentNode.insertBefore(script, first); 1506 1507 }; 1508 trekkie.load( 1509 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":21373313,"isMerchantRequest":null,"themeId":181129362,"themeCityHash":"7772899665321414767","contentLanguage":"en","currency":"USD","eventMetadataId":"23bdce3c-5d28-46c9-bee6-5aa592b4d2a2"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}} 1510 ); 1511 1512 var loaded = false;
1513 trekkie.ready(function() { 1514 if (loaded) return; 1515 loaded = true; 1516 1517 window.ShopifyAnalytics.lib = window.trekkie; 1518 1519 var originalDocumentWrite = document.write; 1520 document.write = customDocumentWrite; 1521 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 1522 document.write = originalDocumentWrite; 1523 1524 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 1525 var token = match? match[1]: undefined; 1526 if (!hasLoggedConversion(token)) { 1527 setCookieIfConversion(token); 1528 1529 } 1530 }); 1531 1532 window.ShopifyAnalytics.lib.page(null,{"requestId":"c81bc748-aad5-4cd9-b18b-403fd32c4671-1791071022","shopifyEmitted":true}); 1533 1534 var eventsListenerScript = document.createElement('script'); 1535 eventsListenerScript.async = true; 1536 eventsListenerScript.src = "//www.hameraypublishing.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js"; 1537 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 1538})();</script>
1538 1539
1539<script> 1540 if (!window.ga || (window.ga && typeof window.ga !== 'function')) { 1541 window.ga = function ga() { 1542 (window.ga.q = window.ga.q || []).push(arguments); 1543 if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') { 1544 window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"}); 1545 } 1546 console.error("Shopify's Google Analytics stub called with:", Array.from(arguments), "\nSee https://help.shopify.com/manual/promoting-marketing/pixels/pixel-migration#google for more information."); 1547 }; 1548 if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') { 1549 window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"}); 1550 } 1551 } 1552</script>
vendor: 1 bytes, line 1552
1552
1553<script 1554 defer 1555 src="https://www.hameraypublishing.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js" 1556 data-application="storefront-renderer" 1557 data-shop-id="21373313" 1558 data-render-region="gcp-us-east1" 1559 data-page-type="customers/login" 1560 data-theme-instance-id="181129362" 1561 data-theme-name="Slate" 1562 data-theme-version="0.11.0" 1563 data-monorail-region="shop_domain" 1564 data-resource-timing-sampling-rate="10" 1565 data-shs="true" 1566 data-shs-beacon="true" 1567 data-shs-export-with-fetch="true" 1568 data-shs-logs-sample-rate="1" 1569 data-shs-beacon-endpoint="https://www.hameraypublishing.com/api/collect" 1570></script>
1570 1571<meta name="shopify-y" content="4b94b77d-08a7-4b93-90ae-737df6e2631f" data-expiration="1822628622000"><meta name="shopify-s" content="c19d5c6f-065f-4de3-b340-dc9af240b1c6" data-expiration="1791072822000"><meta name="new-cookie-storage-activated" content="t"> 1572</head> 1573 1574 1575 1576 1577 1578<body id = 'account' class = 'template-login'> 1579 1580 1581 1582 1583 1584<div id="shopify-section-header-new-8-original" class="shopify-section"><style> 1585 1586:root { 1587 --hameray-orange: #f58436; 1588 --hameray-teal: #19657c; 1589 --hameray-dark: #002836; 1590} 1591 1592.logo-account { 1593 margin: 0 auto; 1594 display: grid !important; 1595 grid-template-columns: 1fr auto 1fr; 1596 align-items: center !important; 1597 position: relative; 1598 padding: 10px 0 !important; 1599 gap: 0px; 1600} 1601 1602.header-logo-left { 1603 justify-self: start; 1604} 1605 1606/* Search bar â center (pill-shaped) */ 1607#searchbar { 1608 position: relative !important; 1609 right: auto !important; 1610 left: auto !important; 1611 flex: 1; 1612 width: 550px; 1613 max-width: 550px; 1614 display: flex; 1615 align-items: center; 1616 background: #fff; 1617 border: 1.5px solid #ccc; 1618 border-radius: 50px; 1619 overflow: hidden; 1620 margin: 0 20px; 1621 transition: border-color 0.2s ease, box-shadow 0.2s ease; 1622} 1623 1624#searchbar:focus-within { 1625 border-color: var(--hameray-orange); 1626 box-shadow: 0 0 0 3px rgba(245, 132, 54, 0.15); 1627} 1628 1629#searchbar label { 1630 display: none; 1631} 1632 1633#Search { 1634 width: 100% !important; 1635 border: none !important; 1636 background: transparent !important; 1637 padding: 11px 20px !important; 1638 font-size: 15px !important; 1639 outline: none !important; 1640 font-family: inherit; 1641 color: var(--hameray-dark); 1642 appearance: none; 1643 -webkit-appearance: none; 1644 border-radius: 0 !important; 1645 margin: 0 !important; 1646 box-shadow: none !important; 1647} 1648 1649#Search::placeholder { 1650 color: #999; 1651 font-weight: 400; 1652} 1653 1654#searchbar .btn, 1655#searchbar button[type="submit"] { 1656 flex-shrink: 0; 1657 background: var(--hameray-orange) !important; 1658 border: none !important; 1659 border-radius: 0 50px 50px 0 !important; 1660 padding: 0 20px !important; 1661 height: 44px; 1662 cursor: pointer; 1663 display: flex !important; 1664 align-items: center !important; 1665 justify-content: center !important; 1666 color: #fff !important; 1667 transition: background 0.2s ease; 1668 margin: 0 !important; 1669 min-width: 50px; 1670} 1671 1672#searchbar .btn:hover, 1673#searchbar button[type="submit"]:hover { 1674 background: #e07530 !important; 1675} 1676 1677#searchbar .btn .icon-fallback-text, 1678#searchbar button[type="submit"] .icon-fallback-text { 1679 display: none; 1680} 1681 1682#searchbar .btn svg, 1683#searchbar button[type="submit"] svg { 1684 width: 20px; 1685 height: 20px; 1686 fill: none; 1687 stroke: #fff; 1688 stroke-width: 2.5; 1689 stroke-linecap: round; 1690 stroke-linejoin: round; 1691} 1692 1693.cart-login img { 1694 height: 20px; 1695 color: #FFF; 1696} 1697 1698.cart-link { 1699 position: relative; 1700 display: inline-block; 1701} 1702 1703.cart-count { 1704 background: #19657c; 1705 color: #fff; 1706 font-size: 11px; 1707 font-weight: 600; 1708 border-radius: 999px; 1709 min-width: 18px; 1710 height: 18px; 1711 padding: 0 5px; 1712 text-align: center; 1713 display: inline-flex; 1714 align-items: center; 1715 justify-content: center; 1716 margin-left: 4px; 1717 box-sizing: border-box; 1718} 1719 1720.wishlist-count { 1721 background: #19657c; 1722 color: #fff; 1723 font-size: 11px; 1724 font-weight: 600; 1725 border-radius: 999px; 1726 min-width: 18px; 1727 height: 18px; 1728 padding: 0 5px; 1729 text-align: center; 1730 display: inline-flex; 1731 align-items: center; 1732 justify-content: center; 1733 margin-left: 4px; 1734 vertical-align: middle; 1735 box-sizing: border-box; 1736} 1737 1738.cart-count--desktop { 1739 position: relative; 1740 top: -1px; 1741 vertical-align: middle; 1742} 1743 1744.cart-count--mobile { 1745 position: absolute; 1746 top: -6px; 1747 right: -10px; 1748 margin-left: 0; 1749 font-size: 10px; 1750 min-width: 16px; 1751 height: 16px; 1752 padding: 0 4px 0 6px; 1753} 1754 1755@keyframes cart-bounce { 1756 0% { transform: scale(1); } 1757 30% { transform: scale(1.25); } 1758 60% { transform: scale(0.9); } 1759 100% { transform: scale(1); } 1760} 1761 1762.cart-link.cart-bounce, 1763.header-nav a .cart-count.cart-bounce { 1764 animation: cart-bounce 0.4s ease; 1765} 1766 1767.site-logo img { 1768 width: 200px !important; 1769 max-width: 200px !important; 1770} 1771 1772.header-middle-section { 1773 border-bottom: 1px solid #f58436; 1774} 1775 1776.nav-search { 1777 margin-top: 20px; 1778} 1779 1780.site-nav > li { 1781 padding-bottom: 20px !important; 1782} 1783 1784ul.site-nav>li a { 1785 padding-bottom: 0px; 1786 padding-left: 30px; 1787 padding-right: 30px; 1788} 1789 1790.header-nav { 1791 display: flex; 1792 align-items: center; 1793} 1794 1795.site-nav__link { 1796 text-align: left; 1797} 1798 1799.menu-listings { 1800 margin-top: 0px; 1801 margin-bottom: 10px; 1802} 1803 1804.menu-subtitle { 1805 font-size: 13px; 1806 font-weight: 500; 1807 letter-spacing: .025em; 1808 margin-top: 40px; 1809 margin-bottom: 20px; 1810 color: #19657c; 1811 text-align: left; 1812 border-bottom: 1px solid #19657c; 1813 padding-bottom: 5px; 1814} 1815 1816.menu-spacer { 1817 margin-top: 20px; 1818} 1819 1820.site-nav__submenu { 1821 padding-top: 25px !important; 1822} 1823 1824ul.site-nav>li div.site-nav__submenu .col {
1825 border-right: none !important; 1826} 1827 1828ul.site-nav>li div.site-nav__submenu .col ul li a { 1829 padding: 6px 0; 1830 font-size: 13px; 1831 font-weight: 500; 1832} 1833 1834ul.site-nav>li div.site-nav__submenu .col:last-child span { 1835 font-size: 13px; 1836 font-weight: 500; 1837 letter-spacing: .025em; 1838 color: #19657c; 1839 text-transform: none; 1840 display: inline-block; 1841} 1842 1843ul.site-nav>li div.site-nav__submenu .col ul { 1844 list-style: disc; 1845 margin: 0; 1846 padding: 0; 1847 padding-left: 20px; 1848} 1849 1850.nav-link-highlight { 1851 color: #F58436 !important; 1852 margin-left: 7px !important; 1853 font-weight: 600 !important; 1854 font-size: 12.5px !important; 1855} 1856 1857.cart-login { 1858 position: absolute; 1859 right: 0px; 1860 border-radius: 5px; 1861 margin-bottom: 0px; 1862 display: none; 1863} 1864 1865.header-text { 1866 display: none; 1867} 1868 1869.header-bar .flex.space { 1870 justify-content: space-between; 1871 align-items: center; 1872} 1873 1874.header-bar .header-nav { 1875 flex: 1; 1876 display: flex; 1877 align-items: center; 1878} 1879 1880.header-bar .header-nav:last-of-type { 1881 justify-content: flex-end; 1882} 1883 1884.header-logo-center { 1885 flex: 1; 1886 text-align: center; 1887 display: flex; 1888 justify-content: center; 1889 align-items: center; 1890} 1891 1892.header-logo-center a { 1893 display: inline-block; 1894 line-height: 0; 1895} 1896 1897.header-logo-center img { 1898 height: 32px; 1899 width: auto; 1900 display: block; 1901} 1902 1903#quote-request-container { 1904 justify-self: end; 1905 position: relative; 1906 left: auto; 1907 text-align: center; 1908 width: 180px; 1909} 1910 1911#quote-request-button { 1912 display: inline-block; 1913 text-align: center; 1914 width: 180px; 1915 background-color: #19657C; 1916 border-radius: 50px; 1917 cursor: pointer; 1918 font-size: 14px; 1919 font-weight: 500; 1920 padding: 5px 0px; 1921 color: white; 1922 text-decoration: none; 1923 transition: .3s all; 1924} 1925 1926#quote-request-button:hover { 1927 background-color: rgba(245, 132, 54, 1); 1928 transition: .3s all; 1929} 1930 1931#quote-request-subtext { 1932 font-size: 10px; 1933 font-weight: 400; 1934 color: #666; 1935 display: block; 1936 margin-top: 4px; 1937 font-style: italic; 1938} 1939 1940ul.site-nav>li { 1941 font-size: 16px !important; 1942} 1943 1944.site-nav__submenu .page-width { 1945 padding-left: 0 !important; 1946 padding-right: 0 !important; 1947} 1948 1949.site-nav__submenu { 1950 padding-left: 50px !important; 1951 padding-right: 50px !important; 1952} 1953 1954.dropdown-card-grid { 1955 display: flex; 1956 flex-wrap: wrap; 1957 gap: 28.5px; 1958 padding: 30px 0 20px; 1959 justify-content: flex-start; 1960 margin: 0 auto; 1961} 1962 1963.dropdown-card { 1964 display: flex; 1965 flex-direction: column; 1966 align-items: center; 1967 text-align: center; 1968 background-color: rgb(243, 243, 243); 1969 border-radius: 10px; 1970 padding: 0; 1971 padding-bottom: 16px; 1972 width: 205px; 1973 flex-shrink: 0; 1974 text-decoration: none; 1975 transition: all 0.3s ease; 1976 overflow: hidden; 1977} 1978 1979a.dropdown-card { 1980 padding-left: 0px !important; 1981 padding-right: 0px !important; 1982} 1983 1984.dropdown-card img { 1985 width: 100%; 1986 height: auto; 1987 max-height: 120px; 1988 object-fit: cover; 1989 border-radius: 10px; 1990 margin-bottom: 12px; 1991} 1992 1993.dropdown-card h4 { 1994 color: #19657C; 1995 font-family: 'Montserrat', sans-serif; 1996 font-size: 16px; 1997 font-weight: 600; 1998 margin: 0; 1999 padding: 16px; 2000 padding-top: 0px; 2001 line-height: 1.3; 2002} 2003 2004.dropdown-card:hover { 2005 background-color: rgb(230, 230, 230); 2006} 2007 2008ul.site-nav>li div.site-nav__submenu h3 { 2009 color: #f58436; 2010 font-size: 25px; 2011 font-family: Superclarendon; 2012 font-weight: 500; 2013 margin: 0px; 2014} 2015 2016@media only screen and (max-width: 1200px) { 2017 .header-middle-section { 2018 padding: 0 20px; 2019 } 2020 2021 #searchbar { 2022 max-width: 500px; 2023 } 2024} 2025 2026@media only screen and (max-width: 1024px) { 2027 #searchbar { 2028 max-width: 380px; 2029 margin: 0 12px; 2030 } 2031} 2032 2033@media only screen and (max-width: 1125px) { 2034 2035 ul.site-nav>li a { 2036 padding-bottom: 0px; 2037 padding-left: 25px; 2038 padding-right: 25px; 2039 } 2040 2041} 2042 2043@media only screen and (max-width: 1065px) { 2044 2045 ul.site-nav>li a { 2046 padding-left: 20px; 2047 padding-right: 20px; 2048 } 2049 2050} 2051 2052@media only screen and (max-width: 1005px) { 2053 2054 ul.site-nav>li a { 2055 padding-left: 15px; 2056 padding-right: 15px; 2057 } 2058 2059} 2060 2061@media only screen and (max-width: 950px) { 2062 2063 ul.site-nav>li:first-of-type { 2064 display: inline-block; 2065 } 2066 2067 ul.site-nav>li:first-of-type a { 2068 padding-left: 0px !important; 2069 } 2070 2071 .header-section-bottom { 2072 padding: 0 15px !important; 2073 } 2074 2075} 2076 2077@media only screen and (max-width: 900px) { 2078 2079 ul.site-nav>li a { 2080 padding-left: 10px; 2081 padding-right: 10px; 2082 } 2083 2084} 2085 2086@media only screen and (max-width: 851px) { 2087 2088 #brochure-download, #searchbar, #quote-request-container { 2089 display: none !important; 2090 } 2091 2092 .header-bar .header-nav:last-of-type li:last-child { 2093 display: none; 2094 } 2095 2096 .header-bar .header-nav:last-of-type li:nth-child(2) { 2097 margin-right: 0px; 2098 } 2099 2100 .cart-login { 2101 display: block; 2102 } 2103 2104 .mobile-menu-trigger { 2105 position: absolute; 2106 left: 0px; 2107 } 2108 2109 .logo-account { 2110 justify-content: center !important; 2111 padding: 7.5px 30px !important; 2112 } 2113 2114 .header-logo-left { 2115 display: contents; 2116 } 2117} 2118 2119@media only screen and (max-width: 700px) { 2120 2121 .header-text { 2122 display: block; 2123 } 2124 2125 .header-logo-center { 2126 display: none; 2127 } 2128 2129} 2130 2131@media only screen and (max-width: 500px) { 2132 2133 .site-logo img { 2134 width: 237.5px !important; 2135 max-width: 237.5px !important; 2136 } 2137 2138} 2139 2140@media only screen and (max-width: 400px) { 2141 2142 .site-logo img { 2143 width: 207.5px !important; 2144 max-width: 207.5px !important; 2145 } 2146 2147} 2148 2149@media only screen and (max-width: 350px) { 2150 2151 .site-logo img { 2152 width: 187.5px !important; 2153 max-width: 187.5px !important; 2154 } 2155 2156} 2157 2158@media only screen and (max-width: 300px) { 2159 2160 .site-logo img { 2161 width: 157.5px !important; 2162 max-width: 157.5px !important; 2163 } 2164 2165} 2166 2167</style> 2168 2169 2170 2171 2172 2173 2174 2175 2176 2177 2178<div data-section-id = 'header-new-8-original' data-section-type = 'header-section'> 2179 2180 <header role = 'banner'> 2181 2182 2183 2184 2185 2186 <div class = 'header-bar'> 2187 <div class = 'page-width'> 2188 <div class = 'flex space flex-center'> 2189 2190 <ul class = 'header-nav'> 2191 <li><a href = '/pages/catalogs-and-brochures'>Catalog</a></li> 2192 <li><a href = '/pages/contact-us'>Contact</a></li> 2193 </ul> 2194 2195 <ul class = 'header-nav'> 2196 <li><a href = '/pages/wishlist'>Wishlist</a> <span class="wishlist-count" style="display:none;"></span></li> 2197 2198 <li><a href="/account/login" id="customer_login_link">Log in</a></li> 2199 2200 <li><a href = '/cart'>Cart</a> <span class="cart-count cart-count--desktop" style="display:none;">0</span></li> 2201 </ul> 2202 2203 <span class = 'header-text'>
2203Let us help! Call us toll-free 866.918.6173</span> 2204 2205 </div> 2206 </div> 2207 </div> 2208 2209 2210 2211 2212 2213 <div class = 'header-main-section'> 2214 <div class = 'header-middle-section'> 2215 <div class = 'logo-account page-width'> 2216 2217 2218 2219 2220 2221 <a class = 'mobile-menu-trigger' href = '#'> 2222 <span>Main Menu</span> 2223 <span></span> 2224 </a> 2225 2226 2227 2228 2229 2230 2231 <div class = 'header-logo-left'> 2232 <div class = 'h1'> 2233 2234 <a href = '/' class = 'site-logo'> 2235 <img src = 'https://cdn.shopify.com/s/files/1/2137/3313/files/hameray-publishing-group-logo-text.jpg' alt = 'Hameray Publishing' /> 2236 </a> 2237 2238 </div> 2239 </div> 2240 2241 2242 2243 2244 <form id = 'searchbar' action = '/search' method = 'get' role = 'search'> 2245 <input type = 'search' name = 'q' id = 'Search' placeholder = "Search our site..." autocomplete = 'off'> 2246 <button type = 'submit' class = 'btn'> 2247 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg> 2248 <span class = 'icon-fallback-text'>Search</span> 2249 </button> 2250 </form> 2251 2252 2253 2254 2255 <div id = 'quote-request-container'> 2256 <a id = 'quote-request-button' href = '/pages/get-help-choosing-books' target = '_blank'> 2257 Get Help<br>Choosing Books 2258 </a> 2259 <span id = 'quote-request-subtext'>Free guidance. No pressure.</span> 2260 </div> 2261 2262 2263 2264 2265 2266 <div class = 'cart-login'> 2267 <a href = '/cart' class = 'cart-link'> 2268 <img src = '//cdn.shopify.com/s/files/1/2137/3313/t/3/assets/cart-base.svg?v=17301320609903383747' alt = ''> 2269 <img src = '//cdn.shopify.com/s/files/1/2137/3313/t/3/assets/cart-hover.svg?v=16586892917602588454' alt = ''> 2270 <span class="cart-count cart-count--mobile" style="display:none;">0</span> 2271 </a> 2272 </div> 2273 2274 2275 2276 2277 2278 </div> 2279 </div> 2280 2281 2282 2283 2284 2285 <div class = 'flex space flex-end nav-search'> 2286 <div class = 'page-width header-section-bottom'> 2287 <nav role = 'navigation'> 2288 <ul class = 'site-nav'> 2289 2290 2291 2292 2293 2294 2295 <li class = 'site-nav--has-submenu site-nav--active'> 2296 <a href = '/pages/shop-by' class = 'site-nav__link'>Shop By <i class = 'fa fa-caret-down'></i></a> 2297 <div class = 'site-nav__submenu'> 2298 <div class = 'page-width'> 2299 <h3>Shop English Literacy Resources</h3> 2300 <div class = 'dropdown-card-grid'> 2301 <a href = '/pages/shop-by-grade' class = 'dropdown-card'> 2302 <img loading = 'lazy' src = 'https://hameray-images.s3.us-west-1.amazonaws.com/collection-book-sets-by-grade-level.png'> 2303 <h4>Grade</h4> 2304 </a> 2305 <a href = '/pages/shop-by-reading-level-2' class = 'dropdown-card'> 2306 <img loading = 'lazy' src = 'https://hameray-images.s3.us-west-1.amazonaws.com/collection-sets-by-reading-level.png'> 2307 <h4>Level</h4> 2308 </a> 2309 <a href = '/pages/shop-by-skill' class = 'dropdown-card'> 2310 <img loading = 'lazy' src = 'https://hameray-images.s3.us-west-1.amazonaws.com/collection-los-pajaritos-de-joy-cowley.png'> 2311 <h4>Skill</h4> 2312 </a> 2313 <a href = '/pages/shop-by-series-2' class = 'dropdown-card'> 2314 <img loading = 'lazy' src = 'https://hameray-images.s3.us-west-1.amazonaws.com/collection-fabulas-y-el-mundo-real.png'> 2315 <h4>Series</h4> 2316 </a> 2317 <a href = '/pages/shop-by-genre' class = 'dropdown-card'> 2318 <img loading = 'lazy' src = 'https://hameray-images.s3.us-west-1.amazonaws.com/collection-story-world-real-world.png'> 2319 <h4>Genre</h4> 2320 </a> 2321 <a href = '/pages/shop-by-content-area-2' class = 'dropdown-card'> 2322 <img loading = 'lazy' src = 'https://hameray-images.s3.us-west-1.amazonaws.com/collection-new-spanish-books.png'> 2323 <h4>Topic, Subject, Content Area</h4> 2324 </a> 2325 </div> 2326 </div> 2327 </div> 2328 </li> 2329 2330 2331 2332 2333 2334 2335 <li class = 'site-nav--active'><a href = '/pages/best-sellers' class = 'site-nav__link'>Best Sellers</a></li> 2336 2337 2338 2339 2340 2341 2342 <li class = 'site-nav--active'><a href = '/pages/bundles-and-kits' class = 'site-nav__link'>Bundles & Kits</a></li> 2343 2344 2345 2346 2347 2348 2349 <li class = 'site-nav--has-submenu site-nav--active'> 2350 <a href = '/pages/shop-by-skill' class = 'site-nav__link'>Shop by Skill <i class = 'fa fa-caret-down'></i></a> 2351 <div class = 'site-nav__submenu'> 2352 <div class = 'page-width'> 2353 <h3>Shop by Skill</h3> 2354 <div class = 'dropdown-card-grid'> 2355 <a href = '/pages/build-phonics' class = 'dropdown-card'> 2356 <img loading = 'lazy' src = 'https://hameray-images.s3.us-west-1.amazonaws.com/collection-
2356phonics-resources.png'> 2357 <h4>Build Phonics</h4> 2358 </a> 2359 <a href = '/pages/boost-fluency' class = 'dropdown-card'> 2360 <img loading = 'lazy' src = 'https://hameray-images.s3.us-west-1.amazonaws.com/collection-dual-language.png'> 2361 <h4>Boost Fluency</h4> 2362 </a> 2363 <a href = '/pages/independent-reading' class = 'dropdown-card'> 2364 <img loading = 'lazy' src = 'https://hameray-images.s3.us-west-1.amazonaws.com/collection-spanish-books-for-7-year-olds.png'> 2365 <h4>Independent Reading</h4> 2366 </a> 2367 <a href = '/pages/support-english-learners' class = 'dropdown-card'> 2368 <img loading = 'lazy' src = 'https://hameray-images.s3.us-west-1.amazonaws.com/collection-spanish-level-2-books.png'> 2369 <h4>Support English Learners</h4> 2370 </a> 2371 <a href = '/pages/whole-group-read-alouds' class = 'dropdown-card'> 2372 <img loading = 'lazy' src = 'https://hameray-images.s3.us-west-1.amazonaws.com/collection-spanish-level-5-books.png'> 2373 <h4>Whole Group <br>Read-Alouds</h4> 2374 </a> 2375 </div> 2376 </div> 2377 </div> 2378 </li> 2379 2380 2381 2382 2383 2384 2385 <li class = 'site-nav--has-submenu site-nav--active'> 2386 <a href = '/pages/shop-spanish' class = 'site-nav__link'>Spanish <i class = 'fa fa-caret-down'></i></a> 2387 <div class = 'site-nav__submenu'> 2388 <div class = 'page-width'> 2389 <h3>Shop Spanish Literacy Resources</h3> 2390 <div class = 'dropdown-card-grid'> 2391 <a href = '/pages/shop-spanish-by-grade-level' class = 'dropdown-card'> 2392 <img loading = 'lazy' src = 'https://hameray-images.s3.us-west-1.amazonaws.com/collection-book-sets-by-grade-level.png'> 2393 <h4>Grade</h4> 2394 </a> 2395 <a href = '/pages/shop-spanish-by-reading-level' class = 'dropdown-card'> 2396 <img loading = 'lazy' src = 'https://hameray-images.s3.us-west-1.amazonaws.com/collection-sets-by-reading-level.png'> 2397 <h4>Level</h4> 2398 </a> 2399 <a href = '/pages/shop-spanish-by-series' class = 'dropdown-card'> 2400 <img loading = 'lazy' src = 'https://hameray-images.s3.us-west-1.amazonaws.com/collection-fabulas-y-el-mundo-real.png'> 2401 <h4>Series</h4> 2402 </a> 2403 <a href = '/pages/shop-spanish-by-genre' class = 'dropdown-card'> 2404 <img loading = 'lazy' src = 'https://hameray-images.s3.us-west-1.amazonaws.com/collection-story-world-real-world.png'> 2405 <h4>Genre</h4> 2406 </a> 2407 <a href = '/pages/shop-spanish-by-content-area' class = 'dropdown-card'> 2408 <img loading = 'lazy' src = 'https://hameray-images.s3.us-west-1.amazonaws.com/collection-new-spanish-books.png'> 2409 <h4>Topic, Subject, Content Area</h4> 2410 </a> 2411 <a href = '/collections/spanish-big-books' class = 'dropdown-card'> 2412 <img loading = 'lazy' src = 'https://hameray-images.s3.us-west-1.amazonaws.com/collection-spanish-level-5-books.png'> 2413 <h4>Whole Group <br>Read-Alouds</h4> 2414 </a> 2415 <a href = '/collections/dual-language' class = 'dropdown-card'> 2416 <img loading = 'lazy' src = 'https://hameray-images.s3.us-west-1.amazonaws.com/collection-dual-language.png'> 2417 <h4>Dual Language</h4> 2418 </a> 2419 </div> 2420 </div> 2421 </div> 2422 </li> 2423 2424 2425 2426 2427 2428 2429 <li class = 'site-nav--has-submenu site-nav--active'> 2430 <a href = '/pages/teacher-resources' class = 'site-nav__link'>Resources <i class = 'fa fa-caret-down'></i></a> 2431 <div class = 'site-nav__submenu'> 2432 <div class = 'page-width'> 2433 <h3>Resources for Teachers</h3> 2434 <div class = 'dropdown-card-grid'> 2435 <a href = '/pages/teachers-guides' class = 'dropdown-card'> 2436 <img src = 'https://www.hameraypublishing.com/cdn/shop/files/hameray-publishing-teacher-resources-teacher-guides_500x.jpg'> 2437 <h4>Teacher's Guides</h4> 2438 </a> 2439 <a href = '/pages/worksheets' class = 'dropdown-card'> 2440 <img src = 'https://www.hameraypublishing.com/cdn/shop/files/book-wor
2440ksheets_500x.jpg'> 2441 <h4>Worksheets</h4> 2442 </a> 2443 <a href = '/blogs/all' class = 'dropdown-card'> 2444 <img src = 'https://www.hameraypublishing.com/cdn/shop/files/hameray-publishing-teacher-resources-hameray-classroom-literacy-blog_500x.jpg'> 2445 <h4>Blog</h4> 2446 </a> 2447 <a href = '/pages/catalogs-and-brochures' class = 'dropdown-card'> 2448 <img src = 'https://www.hameraypublishing.com/cdn/shop/files/image4_500x.jpg'> 2449 <h4>Catalogs & Brochures</h4> 2450 </a> 2451 <a href = '/pages/sample-books' class = 'dropdown-card'> 2452 <img src = 'https://www.hameraypublishing.com/cdn/shop/files/hameray-publishing-teacher-resources-digital-sample-books_500x.jpg'> 2453 <h4>Sample Books</h4> 2454 </a> 2455 <a href = '/pages/teacher-resources' class = 'dropdown-card'> 2456 <img src = 'https://www.hameraypublishing.com/cdn/shop/files/literacy-guides-and-literacy-glossary_500x.jpg'> 2457 <h4>Other Resources</h4> 2458 </a> 2459 </div> 2460 </div> 2461 </div> 2462 </li> 2463 2464 2465 2466 2467 2468 </ul> 2469 </nav> 2470 </div> 2471 </div> 2472 </header> 2473 </div> 2474 2475 2476 2477 2478 2479 2480 2481 2482 2483 2484 <!-- ============================================================ 2485 Mobile Menu Redesign 2486 ============================================================ --> 2487 2488<style> 2489 2490/* ââ Prevent horizontal overflow at all viewport sizes ââââââââââ */ 2491html, body { 2492 overflow-x: hidden; 2493} 2494 2495/* ââ Hide default mobile menu & trigger âââââââââââ */ 2496 2497@media only screen and (max-width: 850px) { 2498 2499 .mobile-menu { 2500 display: none !important; 2501 } 2502 2503 .mobile-menu-trigger { 2504 display: none !important; 2505 } 2506 2507 .cart-login { 2508 display: none !important; 2509 } 2510 2511 /* Hide the existing header middle/bottom sections on mobile */ 2512 .header-middle-section { 2513 display: none !important; 2514 } 2515 2516 .nav-search { 2517 display: none !important; 2518 } 2519 2520 /* Make header non-fixed so it flows naturally above our mobile header */ 2521 div[data-section-type="header-section"] { 2522 position: relative !important; 2523 } 2524 2525 #MainContent { 2526 margin-top: 0px !important; 2527 } 2528 2529 /* Show announcement text and hide nav links in the orange bar */ 2530 .header-bar .header-nav { 2531 display: none !important; 2532 } 2533 2534 .header-bar .header-text { 2535 display: block !important; 2536 text-align: center; 2537 width: 100%; 2538 } 2539 2540 .header-bar .header-text a { 2541 color: #fff !important; 2542 } 2543} 2544 2545/* ââ New Mobile Header âââââââââââââââââââââââââââââââââââââââââ */ 2546 2547.st-mobile-header { 2548 display: none; 2549} 2550 2551@media only screen and (max-width: 850px) { 2552 2553 .st-mobile-header { 2554 display: flex; 2555 align-items: center; 2556 justify-content: space-between; 2557 padding: 0 16px; 2558 height: 75px; 2559 background: #fff; 2560 border-bottom: 1px solid #eee; 2561 position: sticky; 2562 top: 0; 2563 z-index: 25; 2564 } 2565 2566 .st-mobile-header__left { 2567 display: flex; 2568 align-items: center; 2569 gap: 16px; 2570 flex: 1; 2571 } 2572 2573 .st-mobile-header__center { 2574 flex: 1; 2575 display: flex; 2576 justify-content: center; 2577 align-items: center; 2578 } 2579 2580 .st-mobile-header__center a { 2581 display: inline-block; 2582 line-height: 0; 2583 } 2584 2585 .st-mobile-header__center img { 2586 height: 60px !important; 2587 width: auto !important; 2588 max-width: none !important; 2589 } 2590 2591 .st-mobile-header__right { 2592 flex: 1; 2593 display: flex; 2594 justify-content: flex-end; 2595 align-items: center; 2596 } 2597 2598 /* Hamburger button */ 2599 .st-hamburger { 2600 background: none; 2601 border: none; 2602 padding: 4px; 2603 cursor: pointer; 2604 width: 32px; 2605 height: 32px; 2606 display: flex; 2607 align-items: center; 2608 justify-content: center; 2609 position: relative; 2610 -webkit-tap-highlight-color: transparent; 2611 } 2612 2613 .st-hamburger__lines { 2614 display: block; 2615 width: 22px; 2616 height: 2px; 2617 background-color: #F58436; 2618 position: relative; 2619 transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1); 2620 } 2621 2622 .st-hamburger__lines::before, 2623 .st-hamburger__lines::after { 2624 content: ''; 2625 display: block; 2626 width: 22px; 2627 height: 2px; 2628 background-color: #F58436; 2629 position: absolute; 2630 left: 0; 2631 transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), 2632 top 0.15s cubic-bezier(0.4, 0, 0.2, 1) 0.15s; 2633 } 2634 2635 .st-hamburger__lines::before { 2636 top: -7px; 2637 } 2638 2639 .st-hamburger__lines::after { 2640 top: 7px; 2641 } 2642 2643 /* X state â two-stage: collapse lines first, then rotate */ 2644 .st-hamburger.is-active .st-hamburger__lines { 2645 background-color: transparent; 2646 } 2647 2648 .st-hamburger.is-active .st-hamburger__lines::before, 2649 .st-hamburger.is-active .st-hamburger__lines::after { 2650 transition: top 0.15s cubic-bezier(0.4, 0, 0.2, 1), 2651 transform 0.35s cubic-bezier(0.4, 0, 0.2, 1) 0.15s; 2652 } 2653 2654 .st-hamburger.is-active .st-hamburger__lines::before { 2655 top: 0; 2656 transform: rotate(45deg); 2657 } 2658 2659 .st-hamburger.is-active .st-hamburger__lines::after { 2660 top: 0; 2661 transform: rotate(-45deg); 2662 } 2663 2664 /* Search icon button */ 2665 .st-search-btn { 2666 background: none; 2667 border: none; 2668 padding: 4px; 2669 cursor: pointer; 2670 width: 32px; 2671 height: 32px; 2672 display: flex; 2673 align-items: center; 2674 justify-content: center; 2675 -webkit-tap-highlight-color: transparent; 2676 } 2677 2678 .st-search-btn svg {
2679 width: 20px; 2680 height: 20px; 2681 stroke: #F58436; 2682 fill: none; 2683 stroke-width: 2; 2684 stroke-linecap: round; 2685 stroke-linejoin: round; 2686 } 2687 2688 /* Cart icon */ 2689 .st-cart-link { 2690 position: relative; 2691 display: inline-flex; 2692 align-items: center; 2693 justify-content: center; 2694 } 2695 2696 .st-cart-link img { 2697 height: 20px; 2698 width: auto; 2699 } 2700 2701 .st-cart-count { 2702 position: absolute; 2703 top: -6px; 2704 right: -10px; 2705 background: #19657C; 2706 color: #fff; 2707 font-size: 10px; 2708 font-weight: 600; 2709 border-radius: 999px; 2710 min-width: 16px; 2711 height: 16px; 2712 padding: 0 4px 0 6px; 2713 display: inline-flex; 2714 align-items: center; 2715 justify-content: center; 2716 line-height: 1; 2717 box-sizing: border-box; 2718 } 2719 2720} 2721 2722/* ââ Overlay âââââââââââââââââââââââââââââââââââââââââââââââââââ */ 2723 2724.st-menu-overlay { 2725 display: none; 2726 position: fixed; 2727 top: 0; 2728 left: 0; 2729 width: 100%; 2730 height: 100%; 2731 background: rgba(0, 0, 0, 0.4); 2732 z-index: 21; 2733 opacity: 0; 2734 transition: opacity 0.3s ease; 2735} 2736 2737.st-menu-overlay.is-visible { 2738 display: block; 2739 opacity: 1; 2740} 2741 2742/* ââ Menu Panel ââââââââââââââââââââââââââââââââââââââââââââââââ */ 2743 2744.st-menu { 2745 display: none; 2746} 2747 2748@media only screen and (max-width: 850px) { 2749 2750 .st-menu { 2751 display: block; 2752 position: fixed; 2753 top: 60px; 2754 left: 0; 2755 width: 85vw; 2756 max-width: 380px; 2757 height: calc(100% - 60px); 2758 background: #fff; 2759 z-index: 22; 2760 transform: translateX(-100%); 2761 transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1); 2762 overflow-y: auto; 2763 overflow-x: hidden; 2764 -webkit-overflow-scrolling: touch; 2765 box-shadow: 2px 0 12px rgba(0, 0, 0, 0.08); 2766 } 2767 2768 .st-menu.is-open { 2769 transform: translateX(0); 2770 } 2771 2772 /* ââ Section 1: Shop âââââââââââââââââââââââââââââââââââââââââ */ 2773 2774 .st-menu__shop { 2775 border-bottom: 1px solid #eee; 2776 } 2777 2778 .st-menu__shop-list { 2779 list-style: none; 2780 margin: 0; 2781 padding: 0; 2782 } 2783 2784 .st-menu__shop-list li { 2785 border-bottom: 1px solid #f0f0f0; 2786 } 2787 2788 .st-menu__shop-list li:last-child { 2789 border-bottom: none; 2790 } 2791 2792 .st-menu__shop-list li a { 2793 display: flex; 2794 align-items: center; 2795 justify-content: space-between; 2796 padding: 14px 20px; 2797 font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif; 2798 font-size: 14px; 2799 font-weight: 600; 2800 letter-spacing: 0.02em; 2801 color: #19657C; 2802 text-decoration: none; 2803 transition: transform 0.15s ease, background 0.15s ease; 2804 -webkit-tap-highlight-color: transparent; 2805 } 2806 2807 .st-menu__shop-list li a:active { 2808 transform: scale(0.98); 2809 background: #f7f7f7; 2810 } 2811 2812 .st-menu__shop-list li a svg { 2813 width: 14px; 2814 height: 14px; 2815 stroke: #F58436; 2816 fill: none; 2817 stroke-width: 2.5; 2818 flex-shrink: 0; 2819 margin-left: 8px; 2820 } 2821 2822 /* ââ Sub-menu (drill-down) âââââââââââââââââââââââââââââââââââ */ 2823 2824 .st-submenu { 2825 position: absolute; 2826 top: 0; 2827 left: 0; 2828 width: 100%; 2829 height: 100%; 2830 background: #fff; 2831 transform: translateX(100%); 2832 transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); 2833 overflow-y: auto; 2834 -webkit-overflow-scrolling: touch; 2835 z-index: 2; 2836 } 2837 2838 .st-submenu.is-open { 2839 transform: translateX(0); 2840 } 2841 2842 .st-submenu__header { 2843 display: flex; 2844 align-items: center; 2845 justify-content: center; 2846 position: relative; 2847 padding: 14px 20px; 2848 border-bottom: 1px solid #eee; 2849 background: #fafafa; 2850 } 2851 2852 .st-submenu__back { 2853 position: absolute; 2854 left: 16px; 2855 background: none; 2856 border: none; 2857 padding: 4px; 2858 cursor: pointer; 2859 display: flex; 2860 align-items: center; 2861 justify-content: center; 2862 -webkit-tap-highlight-color: transparent; 2863 } 2864 2865 .st-submenu__back svg { 2866 width: 18px; 2867 height: 18px; 2868 stroke: #19657C; 2869 fill: none; 2870 stroke-width: 2.5; 2871 } 2872 2873 .st-submenu__title { 2874 font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif; 2875 font-size: 14px; 2876 font-weight: 700; 2877 letter-spacing: 0.04em; 2878 text-transform: uppercase; 2879 color: #19657C; 2880 margin: 0; 2881 } 2882 2883 .st-submenu__list { 2884 list-style: none; 2885 margin: 0; 2886 padding: 0; 2887 } 2888 2889 .st-submenu__list li {
2890 border-bottom: 1px solid #f0f0f0; 2891 } 2892 2893 .st-submenu__list li:last-child { 2894 border-bottom: none; 2895 } 2896 2897 .st-submenu__list li a { 2898 display: block; 2899 padding: 13px 20px; 2900 font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif; 2901 font-size: 14px; 2902 font-weight: 500; 2903 color: #333; 2904 text-decoration: none; 2905 transition: transform 0.15s ease, background 0.15s ease; 2906 -webkit-tap-highlight-color: transparent; 2907 } 2908 2909 .st-submenu__list li a:active { 2910 transform: scale(0.98); 2911 background: #f7f7f7; 2912 } 2913 2914 /* ââ Section 2: Account/Utility ââââââââââââââââââââââââââââââ */ 2915 2916 .st-menu__account { 2917 padding: 8px 0; 2918 background: #fafaf8; 2919 border-bottom: 1px solid #eee; 2920 } 2921 2922 .st-menu__account-list { 2923 list-style: none; 2924 margin: 0; 2925 padding: 0; 2926 } 2927 2928 .st-menu__account-list li a { 2929 display: flex; 2930 align-items: center; 2931 gap: 12px; 2932 padding: 12px 20px; 2933 font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif; 2934 font-size: 14px; 2935 font-weight: 500; 2936 color: #333; 2937 text-decoration: none; 2938 transition: transform 0.15s ease, background 0.15s ease; 2939 -webkit-tap-highlight-color: transparent; 2940 } 2941 2942 .st-menu__account-list li a:active { 2943 transform: scale(0.98); 2944 background: rgba(0, 0, 0, 0.03); 2945 } 2946 2947 .st-menu__account-list li a svg { 2948 width: 18px; 2949 height: 18px; 2950 stroke: #19657C; 2951 fill: none; 2952 stroke-width: 1.8; 2953 flex-shrink: 0; 2954 } 2955 2956 /* ââ Section 3: Contact Info âââââââââââââââââââââââââââââââââ */ 2957 2958 .st-menu__contact { 2959 padding: 24px 20px 40px; 2960 padding-bottom: calc(40px + env(safe-area-inset-bottom, 0px)); 2961 } 2962 2963 .st-menu__contact-heading { 2964 font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif; 2965 font-size: 13px; 2966 font-weight: 700; 2967 letter-spacing: 0.06em; 2968 text-transform: uppercase; 2969 color: #19657C; 2970 margin: 0 0 12px 0; 2971 } 2972 2973 .st-menu__contact p { 2974 font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif; 2975 font-size: 14px; 2976 font-weight: 400; 2977 color: #555; 2978 line-height: 1.6; 2979 margin: 0; 2980 } 2981 2982 .st-menu__contact a { 2983 color: #F58436; 2984 text-decoration: none; 2985 font-weight: 500; 2986 } 2987 2988 .st-menu__contact a:hover { 2989 text-decoration: underline; 2990 } 2991 2992 /* ââ Menu inner wrapper for sub-menu positioning âââââââââââââ */ 2993 2994 .st-menu__inner { 2995 position: relative; 2996 min-height: 100%; 2997 } 2998 2999} 3000 3001@media only screen and (max-width: 525px) { 3002 3003 .st-mobile-header { 3004 height: 65px; 3005 } 3006 3007 .st-mobile-header__center img { 3008 height: 50px !important; 3009 } 3010 3011} 3012 3013@media only screen and (max-width: 380px) { 3014 3015 .st-mobile-header { 3016 height: 55px; 3017 } 3018 3019 .st-mobile-header__center img { 3020 height: 40px !important; 3021 } 3022 3023} 3024 3025</style> 3026 3027<!-- ââ New Mobile Header âââââââââââââââââââââââââââââââââââââââ --> 3028 3029<div class="st-mobile-header"> 3030 <div class="st-mobile-header__left"> 3031 <button class="st-hamburger" id="stHamburger" aria-label="Open menu"> 3032 <span class="st-hamburger__lines"></span> 3033 </button> 3034 <button class="st-search-btn" id="stSearchBtn" aria-label="Search"> 3035 <svg viewBox="0 0 24 24"> 3036 <circle cx="11" cy="11" r="8" /> 3037 <line x1="21" y1="21" x2="16.65" y2="16.65" /></svg> 3038 </button> 3039 </div> 3040 <div class="st-mobile-header__center"> 3041 <a href="/"> 3042 <img src="https://cdn.shopify.com/s/files/1/2137/3313/files/hameray-publishing-group-logo.svg" alt="Hameray Publishing Group"> 3043 </a> 3044 </div> 3045 <div class="st-mobile-header__right"> 3046 <a href="/cart" class="st-cart-link" aria-label="Cart"> 3047 <img src="//www.hameraypublishing.com/cdn/shop/t/3/assets/cart-base.svg?v=173013206099033837471772694707" alt="" /> 3048 <span class="st-cart-count cart-count" style="display:none;" >0</span> 3049 </a> 3050 </div> 3051</div> 3052 3053<!-- ââ Overlay ââââââââââââââââââââââââââââââââââââââââââââââââââ --> 3054 3055<div class="st-menu-overlay" id="stMenuOverlay"></div> 3056 3057<!-- ââ Menu Panel âââââââââââââââââââââââââââââââââââââââââââââââ --> 3058 3059<div class="st-menu" id="stMenu"> 3060 <div class="st-menu__inner"> 3061 3062 <!-- Section 1: Shop --> 3063 <div class="st-menu__shop"> 3064 <ul class="st-menu__shop-list"> 3065 3066 <li> 3067 <a href="#" data-st-submenu="shopBy"> 3068 <span>Shop By</span> 3069 <svg viewBox="0 0 24 24"> 3070 <polyline points="9 18 15 12 9 6" /></svg> 3071 </a> 3072 </li> 3073 3074 <li><a href="/pages/best-sellers"><span>Best Sellers</span></a></li> 3075 3076 <li><a href="/pages/bundles-and-kits"><span>Bundles & Kits</span></a></li> 3077 3078 <li> 3079 <a href="#" data-st-submenu="shopBySkill"> 3080 <span>Shop by Skill</span> 3081 <svg viewBox="0 0 24 24"> 3082 <polyline points="9 18 15 12 9 6" /></svg> 3083 </a> 3084 </li> 3085 3086 <li> 3087 <a href="#" data-st-submenu="spanish"> 3088 <span>Shop Spanish</span> 3089 <svg viewBox="0 0 24 24"> 3090 <polyline points="9 18 15 12 9 6" /></svg> 3091 </a> 3092 </li> 3093 3094 <li> 3095 <a href="#" data-st-submenu="resources"> 3096 <span>Teacher Resources</span> 3097 <svg viewBox="0 0 24 24"> 3098 <polyline points="9 18 15 12 9 6" /></svg> 3099 </a> 3100 </li> 3101 3102 </ul> 3103 3104 <!-- Sub-menu: Shop By --> 3105 <div class="st-submenu" id="st-sub-shopBy"> 3106 <div class="st-submenu__header"> 3107 <button class="st-submenu__back" data-st-back aria-label="Back"> 3108 <svg viewBox="0 0 24 24"> 3109 <polyline points="15 18 9 12 15 6" /></svg> 3110 </button> 3111 <h3 class="st-submenu__title">Shop By</h3>
3112 </div> 3113 <ul class="st-submenu__list"> 3114 <li><a href="/pages/shop-by-grade">Shop by Grade</a></li> 3115 <li><a href="/pages/shop-by-reading-level-2">Shop by Level</a></li> 3116 <li><a href="/pages/shop-by-skill">Shop by Skill</a></li> 3117 <li><a href="/pages/shop-by-series-2">Shop by Series</a></li> 3118 <li><a href="/pages/shop-by-genre">Shop by Genre</a></li> 3119 <li><a href="/pages/shop-by-content-area-2">Shop by Topic, Subject, Content Area</a></li> 3120 </ul> 3121 </div> 3122 3123 <!-- Sub-menu: Shop by Skill --> 3124 <div class="st-submenu" id="st-sub-shopBySkill"> 3125 <div class="st-submenu__header"> 3126 <button class="st-submenu__back" data-st-back aria-label="Back"> 3127 <svg viewBox="0 0 24 24"> 3128 <polyline points="15 18 9 12 15 6" /></svg> 3129 </button> 3130 <h3 class="st-submenu__title">Shop by Skill</h3> 3131 </div> 3132 <ul class="st-submenu__list"> 3133 <li><a href="/pages/build-phonics">Build Phonics</a></li> 3134 <li><a href="/pages/boost-fluency">Boost Fluency</a></li> 3135 <li><a href="/pages/independent-reading">Independent Reading</a></li> 3136 <li><a href="/pages/support-english-learners">Support English Learners</a></li> 3137 <li><a href="/pages/whole-group-read-alouds">Whole Group Read-Alouds</a></li> 3138 </ul> 3139 </div> 3140 3141 <!-- Sub-menu: Spanish --> 3142 <div class="st-submenu" id="st-sub-spanish"> 3143 <div class="st-submenu__header"> 3144 <button class="st-submenu__back" data-st-back aria-label="Back"> 3145 <svg viewBox="0 0 24 24"> 3146 <polyline points="15 18 9 12 15 6" /></svg> 3147 </button> 3148 <h3 class="st-submenu__title">Shop Spanish</h3> 3149 </div> 3150 <ul class="st-submenu__list"> 3151 <li><a href="/pages/shop-spanish-by-grade-level">Shop Spanish by Grade</a></li> 3152 <li><a href="/pages/shop-spanish-by-reading-level">Shop Spanish by Level</a></li> 3153 <li><a href="/pages/shop-spanish-by-series">Shop Spanish by Series</a></li> 3154 <li><a href="/pages/shop-spanish-by-genre">Shop Spanish by Genre</a></li> 3155 <li><a href="/pages/shop-spanish-by-content-area">Shop Spanish by Topic, Subject, Content Area</a></li> 3156 <li><a href="/collections/spanish-big-books">Shop Spanish Whole Group Read-Alouds</a></li> 3157 <li><a href="/collections/dual-language">Shop Dual Language</a></li> 3158 </ul> 3159 </div> 3160 3161 <!-- Sub-menu: Resources --> 3162 <div class="st-submenu" id="st-sub-resources"> 3163 <div class="st-submenu__header"> 3164 <button class="st-submenu__back" data-st-back aria-label="Back"> 3165 <svg viewBox="0 0 24 24"> 3166 <polyline points="15 18 9 12 15 6" /></svg> 3167 </button> 3168 <h3 class="st-submenu__title">Teacher Resources</h3> 3169 </div> 3170 <ul class="st-submenu__list"> 3171 <li><a href="/pages/teachers-guides">Teacher's Guides</a></li> 3172 <li><a href="/pages/worksheets">Worksheets</a></li> 3173 <li><a href="/blogs/all">Blog</a></li> 3174 <li><a href="/pages/catalogs-and-brochures">Catalogs & Brochures</a></li> 3175 <li><a href="/pages/sample-books">Sample Books</a></li> 3176 <li><a href="/pages/teacher-resources">Other Resources</a></li> 3177 </ul> 3178 </div> 3179 3180 </div> 3181 3182 <!-- Section 2: Account / Utility --> 3183 <div class="st-menu__account"> 3184 <ul class="st-menu__account-list"> 3185 3186 3187 <li> 3188 <a href="/account/login"> 3189 <svg viewBox="0 0 24 24"> 3190 <path d="M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2" /> 3191 <circle cx="12" cy="7" r="4" /></svg> 3192 <span>Login</span> 3193 </a> 3194 </li> 3195 <li> 3196 <a href="/account/register"> 3197 <svg viewBox="0 0 24 24"> 3198 <path d="M16 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2" /> 3199 <circle cx="8.5" cy="7" r="4" /> 3200 <line x1="20" y1="8" x2="20" y2="14" /> 3201 <line x1="23" y1="11" x2="17" y2="11" /></svg> 3202 <span>Create Account</span> 3203 </a> 3204 </li> 3205 3206 3207 <li> 3208 <a href="/cart"> 3209 <svg viewBox="0 0 24 24"> 3210 <circle cx="9" cy="21" r="1" /> 3211 <circle cx="20" cy="21" r="1" /> 3212 <path d="M1 1h4l2.68 13.39a2 2 0 002 1.61h9.72a2 2 0 002-1.61L23 6H6" /></svg> 3213 <span>Cart</span> 3214 </a> 3215 </li> 3216 3217 <li> 3218 <a href="/pages/wishlist"> 3219 <svg viewBox="0 0 24 24"> 3220 <path d="M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z" /></svg> 3221 <span>Wishlist</span> 3222 </a> 3223 </li> 3224 3225 <li> 3226 <a href="/pages/get-help-choosing-books"> 3227 <svg viewBox="0 0 24 24"> 3228 <circle cx="12" cy="12" r="10" /> 3229 <path d="M9.09 9a3 3 0 015.83 1c0 2-3 3-3 3" />
3230 <line x1="12" y1="17" x2="12.01" y2="17" /></svg> 3231 <span>Get Help Choosing Books</span> 3232 </a> 3233 </li> 3234 3235 <li> 3236 <a href="/pages/contact-us"> 3237 <svg viewBox="0 0 24 24"> 3238 <path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z" /> 3239 <polyline points="22,6 12,13 2,6" /></svg> 3240 <span>Contact Us</span> 3241 </a> 3242 </li> 3243 3244 <li> 3245 <a href="/pages/catalogs-and-brochures"> 3246 <svg viewBox="0 0 24 24"> 3247 <path d="M2 3h6a4 4 0 014 4v14a3 3 0 00-3-3H2z" /> 3248 <path d="M22 3h-6a4 4 0 00-4 4v14a3 3 0 013-3h7z" /></svg> 3249 <span>Catalog</span> 3250 </a> 3251 </li> 3252 3253 </ul> 3254 </div> 3255 3256 <!-- Section 3: Contact Info --> 3257 <div class="st-menu__contact"> 3258 <h4 class="st-menu__contact-heading">Contact Us</h4> 3259 <p> 3260 (866) 918-6173<br> 3261 Mon–Fri: 8am – 5pm Pacific<br> 3262 <a href="mailto:[email protected]">[email protected]</a> 3263 </p> 3264 </div> 3265 3266 </div> 3267</div> 3268 3269<!-- ââ JavaScript âââââââââââââââââââââââââââââââââââââââââââââââ --> 3270
3271<script> 3272 3273 (function() { 3274 'use strict'; 3275 var hamburger = document.getElementById('stHamburger'); 3276 var menu = document.getElementById('stMenu'); 3277 var overlay = document.getElementById('stMenuOverlay'); 3278 var searchBtn = document.getElementById('stSearchBtn'); 3279 if (!hamburger || !menu || !overlay) return; 3280 var isOpen = false; 3281 3282 function positionMenu() { 3283 var header = document.querySelector('.st-mobile-header'); 3284 if (header) { 3285 var rect = header.getBoundingClientRect(); 3286 var top = rect.bottom + 'px'; 3287 menu.style.top = top; 3288 menu.style.height = 'calc(100% - ' + top + ')'; 3289 } 3290 } 3291 3292 function openMenu() { 3293 isOpen = true; 3294 positionMenu(); 3295 menu.classList.add('is-open'); 3296 overlay.classList.add('is-visible'); 3297 hamburger.classList.add('is-active'); 3298 hamburger.setAttribute('aria-label', 'Close menu'); 3299 document.body.style.overflow = 'hidden'; 3300 document.documentElement.style.overflow = 'hidden'; 3301 } 3302 3303 function closeMenu() { 3304 isOpen = false; 3305 menu.classList.remove('is-open'); 3306 overlay.classList.remove('is-visible'); 3307 hamburger.classList.remove('is-active'); 3308 hamburger.setAttribute('aria-label', 'Open menu'); 3309 document.body.style.overflow = ''; 3310 document.documentElement.style.overflow = ''; 3311 setTimeout(function() { 3312 var openSubs = menu.querySelectorAll('.st-submenu.is-open'); 3313 for (var i = 0; i < openSubs.length; i++) { 3314 openSubs[i].classList.remove('is-open'); 3315 } 3316 }, 350); 3317 } 3318 3319 hamburger.addEventListener('click', function(e) { 3320 e.preventDefault(); 3321 if (isOpen) { closeMenu(); } else { openMenu(); } 3322 }); 3323 3324 overlay.addEventListener('click', function() { closeMenu(); }); 3325 3326 var submenuTriggers = menu.querySelectorAll('[data-st-submenu]'); 3327 for (var i = 0; i < submenuTriggers.length; i++) { 3328 submenuTriggers[i].addEventListener('click', function(e) { 3329 e.preventDefault(); 3330 var targetId = 'st-sub-' + this.getAttribute('data-st-submenu'); 3331 var target = document.getElementById(targetId); 3332 if (target) { target.classList.add('is-open'); } 3333 }); 3334 } 3335 3336 var backButtons = menu.querySelectorAll('[data-st-back]'); 3337 for (var j = 0; j < backButtons.length; j++) { 3338 backButtons[j].addEventListener('click', function(e) { 3339 e.preventDefault(); 3340 var submenu = this.closest('.st-submenu'); 3341 if (submenu) { submenu.classList.remove('is-open'); } 3342 }); 3343 } 3344 3345 if (searchBtn) { 3346 searchBtn.addEventListener('click', function(e) { 3347 e.preventDefault(); 3348 if (isOpen) closeMenu(); 3349 var searchInput = document.getElementById('Search'); 3350 if (searchInput) { 3351 searchInput.dispatchEvent(new Event('focus')); 3352 } 3353 }); 3354 } 3355 })(); 3356 3357</script>
3357 3358 3359 3360 3361 3362 3363 3364 3365 3366 3367 3368</div> 3369 3370 3371 3372 3373 3374<main role = 'main' id = "MainContent" class="add-margin"> 3375 3376
3376<script> 3377 3378var checkIfExists = setInterval(function() { 3379 3380 if (document.getElementsByClassName('errors').length) { 3381 3382 var error_element = document.getElementsByClassName('errors')[0]; 3383 3384 if (error_element.innerText.includes('Oops') ) { 3385 error_element.innerHTML = "<ul><li>Oops! Looks like something went wrong!<br>Please be sure to create an account if you haven't already, or reset your password below.</li></ul>"; 3386 } 3387 3388 clearInterval(checkIfExists); 3389 3390 } 3391 3392}, 100); 3393 3394</script>
3394 3395 3396<div class="page-width narrow"> 3397 <div class="form-success hide" id="ResetSuccess"> 3398 We've sent you an email with a link to update your password. 3399</div> 3400 3401<div id="CustomerLoginForm"> 3402 <form method="post" action="/account/login" id="customer_login" accept-charset="UTF-8" data-login-with-shop-sign-in="true"><input type="hidden" name="form_type" value="customer_login" /><input type="hidden" name="utf8" value="â" /> 3403 <h1>Sign In to Your Account</h1> 3404 3405 3406 3407 <label for="CustomerEmail" class="label-hidden"> 3408 Email 3409 </label> 3410 <input type="email" 3411 name="customer[email]" 3412 id="CustomerEmail" 3413 class="" 3414 placeholder="Email" 3415 spellcheck="false" 3416 autocomplete="off" 3417 autocapitalize="off" 3418 autofocus> 3419 3420 3421 <label for="CustomerPassword" class="label-hidden"> 3422 Password 3423 </label> 3424 <input type="password" 3425 name="customer[password]" 3426 id="CustomerPassword" 3427 class="" 3428 placeholder="Password"> 3429 3430 3431 <input type="submit" class="btn" value="Sign In"> 3432 3433 <br> 3434 3435 <a href="/">Return to Store</a> 3436 3437 <a href="/account/register"> 3438 <b>Create an account</b> 3439 </a> 3440 3441 3442 <a href="#recover" id="RecoverPassword">Forgot your password?</a> 3443 3444 </form> 3445 3446</div> 3447 3448<div id="RecoverPasswordForm" class="hide"> 3449 <h1>Reset your password</h1> 3450 <p>We will send you an email to reset your password.</p> 3451 3452 <form method="post" action="/account/recover" accept-charset="UTF-8"><input type="hidden" name="form_type" value="recover_customer_password" /><input type="hidden" name="utf8" value="â" /> 3453 3454 3455 3456 3457 <label for="RecoverEmail" class="label-hidden"> 3458 Email 3459 </label> 3460 <input type="email" 3461 name="email" 3462 id="RecoverEmail" 3463 placeholder="Email" 3464 spellcheck="false" 3465 autocomplete="off" 3466 autocapitalize="off"> 3467 3468 <input type="submit" class="btn" value="Submit"> 3469 3470 <a class="text-center" id="HideRecoverPasswordLink"> 3471 Cancel 3472 </a> 3473 </form> 3474 3475</div> 3476 3477 3478</div> 3479 3480</main> 3481 3482 3483 3484 3485 3486<div id="shopify-section-footer" class="shopify-section"><footer> 3487 <div class="page-width"> 3488 <div id = 'footer-address' class="flex space flex-start"> 3489 <div class="logo"> 3490 <a href="https://www.hameraypublishing.com"><img src="//www.hameraypublishing.com/cdn/shop/t/3/assets/brandmark.svg?v=98579313773125210591772694707" alt="Hameray Publishing" /></a> 3491 </div> 3492 <div class="address"> 3493 <h3>Hameray Publishing</h3> 3494 <p><span style="text-decoration:underline">Mailing Address</span><br/>10866 Washington Boulevard #808<br/>Culver City, CA 90232</p><p>Â </p><p><span style="text-decoration:underline">Physical Address</span><br/>5212 Venice Boulevard<br/>Los Angeles, CA 90019</p><p>Â </p><p><a href="tel:+18669186173" title="tel:+18669186173">866.918.6173</a></p><p><a href="mailto:[email protected]" title="mailto:[email protected]">[email protected]</a></p> 3495 </div> 3496 <div class="footer-nav"> 3497 <h3>Shop</h3> 3498 <ul class="footer-nav-list"> 3499 3500 <li><a href="/pages/shop-by-category" title="">Shop by Category</a></li> 3501 3502 <li><a href="/pages/shop-by-series" title="">Shop by Series</a></li> 3503 3504 <li><a href="/pages/spanish-collections" title="">Shop Spanish</a></li> 3505 3506 <li><a href="/collections/decodable-books" title="">Shop Decodable Books</a></li> 3507 3508 <li><a href="/pages/shop-by-phonics" title="">Shop Phonics</a></li> 3509 3510 <li><a href="/pages/all-collections" title="">Shop All</a></li> 3511 3512 </ul> 3513 </div> 3514 <div class="footer-nav"> 3515 <h3>Customer Care</h3> 3516 <ul class="footer-nav-list"> 3517 3518 <li><a href="/pages/about-us" title="">About Us</a></li> 3519 3520 <li><a href="/pages/contact-us" title="">Contact Us</a></li> 3521 3522 <li><a href="/pages/catalogs-and-brochures" title="">Catalog</a></li> 3523 3524 <li><a href="/pages/order-form" title="">Order Form</a></li> 3525 3526 <li><a href="/pages/wishlist" title="">Wishlist</a></li> 3527 3528 <li><a href="/pages/get-help-choosing-books" title="">Get Help Choosing Books</a></li> 3529 3530 </ul> 3531 </div> 3532 <div class="footer-nav"> 3533 <h3>Resources</h3> 3534 <ul class="footer-nav-list"> 3535 3536 <li><a href="/pages/teacher-resources" title="">Teacher Resources</a></li> 3537 3538 <li><a href="/pages/sample-books" title="">
3538Book Samples</a></li> 3539 3540 <li><a href="/pages/call-for-contributors" title="">Be a Contributor</a></li> 3541 3542 <li><a href="/blogs/all" title="">Blog</a></li> 3543 3544 <li><a href="/pages/faq" title="">FAQ</a></li> 3545 3546 </ul> 3547 </div> 3548 3549 <div class="newsletter-social"><ul style = 'margin-top: 0px !important;'> 3550 3551 3552 3553 3554 3555 3556 3557 <li> 3558 <a href="https://www.facebook.com/hameray" target="_blank" title="Hameray Publishing on Facebook"> 3559 3560 <i class="fa fa-facebook-f"></i> 3561 3562 <span class="icon-fallback-text">Facebook</span> 3563 </a> 3564 </li> 3565 3566 3567 3568 3569 3570 3571 3572 3573 3574 <li> 3575 <a href="https://twitter.com/hameray" target="_blank" title="Hameray Publishing on Twitter"> 3576 3577 <i class="fa fa-twitter"></i> 3578 3579 <span class="icon-fallback-text">Twitter</span> 3580 </a> 3581 </li> 3582 3583 3584 3585 3586 3587 3588 3589 3590 3591 <li> 3592 <a href="https://pinterest.com/hameray" target="_blank" title="Hameray Publishing on Pinterest"> 3593 3594 <i class="fa fa-pinterest-p"></i> 3595 3596 <span class="icon-fallback-text">Pinterest</span> 3597 </a> 3598 </li> 3599 3600 3601 3602 3603 3604 3605 3606 3607 3608 <li> 3609 <a href="https://www.instagram.com/hameraypublishing" target="_blank" title="Hameray Publishing on Instagram"> 3610 3611 <i class="fa fa-instagram"></i> 3612 3613 <span class="icon-fallback-text">Instagram</span> 3614 </a> 3615 </li> 3616 3617 3618 3619 3620 3621 3622 3623 3624 3625 3626 3627 3628 3629 3630 3631 3632 3633 3634 3635 3636 3637 3638 3639 3640 3641 3642 3643 3644 3645 3646 3647 3648 3649 3650 3651 </ul> 3652 </div> 3653 3654 </div> 3655 </div> 3656 <div class="credit"> 3657 <div class="page-width text-center"> 3658 © 2026 <a href="/" title="">Hameray Publishing</a> 3659 </div> 3660</footer> 3661 3662</div> 3663 3664 3665 3666 3667
3668<script> 3669 3670 var cartjson = {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"USD","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0}; 3671 3672</script>
3672 3673 3674 3675 3676 3677 3678<!-- Pop-Up --> 3679 3680 3681<link href="//www.hameraypublishing.com/cdn/shop/t/3/assets/popup.css?v=54841740989800051651777262788" rel="stylesheet" type="text/css" media="all" /> 3682 3683 <div id = 'popup-overlay' class = 'popup-overlay'> 3684 3685 <div class = 'popup-modal'> 3686 3687 <button class = 'popup-close' id = 'popup-close'>×</button> 3688 3689 <div class = 'popup-content'> 3690 3691 <h2>Find the Right BooksâFast</h2> 3692 3693 <p class = 'popup-description'>Get help selecting resources to improve phonics, fluency, <br class = 'mobile-hide'>and bilingual literacy for Kâ5 students.</p> 3694 3695 <form class = 'popup-form' id = 'popup-form'> 3696 <div class = 'popup-role-group' id = 'popup-role'> 3697 <span class = 'popup-role-label'>Tell us who you are:</span> 3698 <span class = 'popup-role-error' id = 'popup-role-error'>Please select a role</span> 3699 <div class = 'popup-role-options'> 3700 <label class = 'popup-role-option'> 3701 <input type = 'checkbox' name = 'role' value = 'Teacher'> 3702 <span><span class = 'popup-role-emoji'>ð©âð« </span>Teacher</span> 3703 </label> 3704 <label class = 'popup-role-option'> 3705 <input type = 'checkbox' name = 'role' value = 'Administrator/Coach'> 3706 <span><span class = 'popup-role-emoji'>ð« </span>Admin<span class = 'popup-role-coach'> / Coach</span></span> 3707 </label> 3708 <label class = 'popup-role-option'> 3709 <input type = 'checkbox' name = 'role' value = 'Other'> 3710 <span><span class = 'popup-role-emoji'>ð¨âð©âð§ </span>Other</span> 3711 </label> 3712 </div> 3713 </div> 3714 <input type = 'email' name = 'email' class = 'popup-input' placeholder = 'Enter your email address'> 3715 <span class = 'popup-role-error' id = 'popup-email-error'>Please enter a valid email address</span> 3716 <button type = 'button' class = 'popup-submit' id = 'popup-submit-btn'>Help Me Find the Right Books</button> 3717 </form> 3718 3719 3720 <div class = 'popup-footer'> 3721 <p><i>Takes a few seconds. Saves hours of searching.</i></p> 3722 <p style = 'margin-bottom: 0px; font-weight: 700; color: #f58436; font-size: 16px; margin-top: 17.5px;'>Get 10% off your first order!</p> 3723 </div> 3724 3725 <div class = 'popup-success' id = 'popup-success'> 3726 <p>Greatâlet's start with what you need most!</p> 3727 <p>Pick your goal. Weâll show you where to start.</p> 3728 <p style = 'font-size: 15px;'><i>(Your 10% off is ready to useâcode: <strong>HAMERAY10</strong>)</i></p> 3729 <div class = 'popup-success-buttons'> 3730 <a href = '/pages/build-phonics' class = 'popup-success-btn'>Build Strong Phonics Foundations</a> 3731 <a href = '/pages/boost-fluency' class = 'popup-success-btn'>Turn Choppy Reading into Smooth Fluency</a> 3732 <a href = '/pages/shop-spanish' class = 'popup-success-btn'>Support Spanish & Bilingual Learners</a> 3733 <a href = '/collections/classroom-libraries' class = 'popup-success-btn'>Fill Your Classroom Library (By Grade)</a> 3734 <a href = '/pages/whole-group-read-alouds' class = 'popup-success-btn'>See Read-Alouds & Big Books</a> 3735 </div> 3736 <a href = '#' class = 'popup-continue-shopping' id = 'popup-continue-shopping'>Continue Browsing</a> 3737 </div> 3738 3739 </div> 3740 3741 </div> 3742 3743 </div> 3744 3745 3746 <div id = 'popup-tab' class = 'popup-tab'> 3747 3748 <span id = 'popup-tab-text'>Get 10% Off</span> 3749 <span id = 'popup-tab-close' class = 'popup-tab-close'>×</span> 3750 3751 </div> 3752 3753
3753<script src = '//www.hameraypublishing.com/cdn/shop/t/3/assets/popup.js?v=127342988660773128281777262788' defer></script>
3753 3754 3755 3756 3757 3758 3759 3760 3761
3762<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
3762 3763</body> 3764</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.