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/pages/shop-by'> 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>Shop Hameray - Hameray Publishing</title> 33 34 35<meta property="og:site_name" content="Hameray Publishing"> 36<meta property="og:url" content="https://www.hameraypublishing.com/pages/shop-by"> 37<meta property="og:title" content="Shop Hameray - Hameray Publishing"> 38<meta property="og:type" content="website"> 39<meta property="og:description" content="Hameray Publishing helps teachers foster a love of reading with Kâ5 literacy resources in English and Spanish."> 40 41 42<meta name="twitter:site" content="@hameray"> 43<meta name="twitter:card" content="summary_large_image"> 44<meta name="twitter:title" content="Shop Hameray - Hameray Publishing"> 45<meta name="twitter:description" content="Hameray Publishing helps teachers foster a love of reading with Kâ5 literacy resources in English and Spanish."> 46 47 48
49<script type="application/ld+json"> 50{ 51 "@context": "https://schema.org", 52 "@type": "Organization", 53 "@id": "https://www.hameraypublishing.com/#organization", 54 "name": "Hameray Publishing", 55 "legalName": "Hameray Publishing Group", 56 "url": "https:\/\/www.hameraypublishing.com\/", 57 "logo": "https://cdn.shopify.com/s/files/1/2137/3313/files/hameray-publishing-group-logo-text.jpg", 58 "foundingDate": "2008", 59 "slogan": "Empowering Young Readers by Empowering Educators", 60 "telephone": "+1-866-918-6173", 61 "email": "[email protected]", 62 "address": { 63 "@type": "PostalAddress", 64 "addressLocality": "Los Angeles", 65 "addressRegion": "CA", 66 "postalCode": "90019", 67 "addressCountry": "US" 68 }, 69 "contactPoint": { 70 "@type": "ContactPoint", 71 "contactType": "customer service", 72 "telephone": "+1-866-918-6173", 73 "email": "[email protected]", 74 "areaServed": "US", 75 "availableLanguage": ["English", "Spanish"] 76 }, 77 "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.", 78 "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"], 79 "sameAs": ["https:\/\/www.facebook.com\/hameray","https:\/\/twitter.com\/hameray","https:\/\/www.instagram.com\/hameraypublishing","https:\/\/pinterest.com\/hameray"] 80} 81</script>
vendor: 1 bytes, line 81
81
82<script type="application/ld+json"> 83{ 84 "@context": "https://schema.org", 85 "@type": "WebSite", 86 "@id": "https://www.hameraypublishing.com/#website", 87 "name": "Hameray Publishing", 88 "url": "https:\/\/www.hameraypublishing.com\/", 89 "publisher": { "@id": "https://www.hameraypublishing.com/#organization" }, 90 "potentialAction": { 91 "@type": "SearchAction", 92 "target": { "@type": "EntryPoint", "urlTemplate": "https://www.hameraypublishing.com/search?q={search_term_string}" }, 93 "query-input": "required name=search_term_string" 94 } 95} 96</script>
96 97 98 99
100<script type="application/ld+json"> 101{ 102 "@context": "https://schema.org", 103 "@type": "BreadcrumbList", 104 "itemListElement": [ 105 { "@type": "ListItem", "position": 1, "name": "Home", "item": "https://www.hameraypublishing.com/" },{ "@type": "ListItem", "position": 2, "name": "Shop Hameray" } 106 ] 107} 108</script>
108 109 110 111 112 113 114
115<script src = 'https://use.fontawesome.com/b0682129a2.js' async></script>
115 116<link href="//www.hameraypublishing.com/cdn/shop/t/3/assets/theme.scss.css?v=72113002589952896941788296538" rel="stylesheet" type="text/css" media="all" /> 117 118 119 120 121
122<script> 123 124 document.documentElement.className = document.documentElement.className.replace('no-js', 'js'); 125 126 window.theme = { 127 strings: { 128 addToCart: "Add to Cart", 129 soldOut: "Product currently unavailable", 130 unavailable: "Unavailable" 131 }, 132 moneyFormat: "${{amount}}" 133 }; 134 135</script>
135 136 137 138 139 140 141 142 143<!--[if (gt IE 9)|!(IE)]><!-->
143<script src="//www.hameraypublishing.com/cdn/shop/t/3/assets/vendor.js?v=139329940478967238121772694708" defer="defer"></script>
143<!--<![endif]--> 144<!--[if lt IE 9]>
144<script src="//www.hameraypublishing.com/cdn/shop/t/3/assets/vendor.js?v=139329940478967238121772694708"></script>
144<![endif]--> 145 146<!--[if (gt IE 9)|!(IE)]><!-->
146<script src="//www.hameraypublishing.com/cdn/shop/t/3/assets/theme.js?v=97305264938050973511787611083" defer="defer"></script>
146<!--<![endif]--> 147<!--[if lt IE 9]>
147<script src="//www.hameraypublishing.com/cdn/shop/t/3/assets/theme.js?v=97305264938050973511787611083"></script>
147<![endif]--> 148 149 150 151 152 153<!-- Wishlist King --> 154 155
155<script> 156(function() { 157 function updateBadge(count) { 158 function apply() { 159 var badges = document.querySelectorAll('.wishlist-count'); 160 for (var i = 0; i < badges.length; i++) { 161 if (count > 0) { 162 badges[i].textContent = count; 163 badges[i].style.display = ''; 164 } else { 165 badges[i].style.display = 'none'; 166 } 167 } 168 } 169 if (document.readyState === 'loading') { 170 document.addEventListener('DOMContentLoaded', apply); 171 } else { 172 apply(); 173 } 174 } 175 176 var origFetch = window.fetch; 177 window._wkLoadCount = 0; 178 179 window.fetch = function(url, opts) { 180 var urlStr = typeof url === 'string' ? url : (url && url.url ? url.url : ''); 181 var method = (opts && opts.method) ? opts.method.toUpperCase() : 'GET'; 182 183 // Only intercept Appmate wishlist-item calls 184 if (urlStr.indexOf('api.appmate.io') !== -1 && urlStr.indexOf('wishlist-item') !== -1) { 185 if (method === 'GET') { 186 // Count GET requests on page load (one per wishlist item) â no response parsing needed 187 window._wkLoadCount++; 188 clearTimeout(window._wkLoadTimer); 189 window._wkLoadTimer = setTimeout(function() { 190 localStorage.setItem('wk_badge_count', window._wkLoadCount); 191 updateBadge(window._wkLoadCount); 192 }, 300); 193 } else if (method === 'POST') { 194 var count = parseInt(localStorage.getItem('wk_badge_count') || '0') + 1; 195 localStorage.setItem('wk_badge_count', count); 196 updateBadge(count); 197 } else if (method === 'DELETE') { 198 var count = Math.max(0, parseInt(localStorage.getItem('wk_badge_count') || '0') - 1); 199 localStorage.setItem('wk_badge_count', count); 200 updateBadge(count); 201 } 202 } 203 204 return origFetch.apply(this, arguments); 205 }; 206 207 // Show stored count immediately on page load 208 var stored = parseInt(localStorage.getItem('wk_badge_count') || '0'); 209 if (stored > 0) { 210 updateBadge(stored); 211 } 212 213})(); 214</script>
214 215
216<script src="https://cdn.appmate.io/legacy-toolkit/1.2.44/appmate.js" type="text/javascript"></script>
216 217 218
219<script type="text/javascript"> 220;(function(){ 221 if (typeof Appmate === 'undefined') return; // In case lib didn't load. 222 223 Appmate.init({ 224 shop: { 225 domain: 'hameray-publishing.myshopify.com' 226 }, 227 session: { 228 customer: '' 229 }, 230 globals: { 231 settings: { 232 app_wk_icon: 'heart', 233 app_wk_share_position: 'top', 234 app_wk_products_per_row: 4 235 }, 236 customer: '', 237 customer_accounts_enabled: true, 238 }, 239 wishlist: { 240 loginRequired: false, 241 handle: "/pages/wishlist", 242 proxyHandle: "/a/wk", 243 share: { 244 handle: "/pages/shared-wishlist", 245 title: 'My Wishlist', 246 description: 'Check out some of my favorite things @ Hameray Publishing.', 247 imageTitle: 'Hameray Publishing', 248 hashTags: 'wishlist', 249 twitterUser: false // will be used with via 250 } 251 } 252 }); 253})(); 254</script>
254 255
256<script type="text/javascript"> 257;(function(){ 258 if (typeof Appmate === 'undefined') return; // In case lib didn't load. 259 260 Appmate.wk.on({ 261 'click [data-wk-add-product]': eventHandler(function(){ 262 var product = this.getAttribute('data-wk-add-product'); 263 var selected_variant = $(this).parents('.flex.space.wrap').find('select[name="id"]').val(); 264 Appmate.wk.addProduct(product, selected_variant); 265 }), 266 'click [data-wk-remove-product]': eventHandler(function(){ 267 var product = this.getAttribute('data-wk-remove-product'); 268 Appmate.wk.removeProduct(product); 269 }), 270 'click [data-wk-remove-item]': eventHandler(function(){ 271 var item = this.getAttribute('data-wk-remove-item'); 272 fadeOrNot($(this), function() { 273 Appmate.wk.removeItem(item); 274 }); 275 }), 276 'click [data-wk-clear-wishlist]': eventHandler(function(){ 277 var wishlist = this.getAttribute('data-wk-clear-wishlist'); 278 Appmate.wk.clear(wishlist); 279 localStorage.setItem('wk_badge_count', '0'); 280 var badges = document.querySelectorAll('.wishlist-count'); 281 for (var i = 0; i < badges.length; i++) { badges[i].style.display = 'none'; } 282 }), 283 'click [data-wk-share]': eventHandler(function(){ 284 var params = $(this).data(); 285 var shareLink = Appmate.wk.getShareLink(params); 286 287 switch (params.wkShareService) { 288 case 'link': 289 $('#wk-share-link-text').addClass('wk-visible').find('.wk-text').html(shareLink); 290 var copyButton = $('#wk-share-link-text .wk-clipboard'); 291 var copyText = copyButton.html(); 292 var clipboard = Appmate.wk.clipboard(copyButton[0]); 293 clipboard.on('success', function(e) { 294 copyButton.html('copied'); 295 setTimeout(function(){ 296 copyButton.html(copyText); 297 }, 2000); 298 }); 299 break; 300 case 'email': 301 window.location.href = shareLink; 302 break; 303 default: 304 window.open( 305 shareLink, 306 'wishlist_share', 307 'height=590, width=770, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, directories=no, status=no' 308 ); 309 } 310 }), 311 'click [data-wk-move-to-cart]': eventHandler(function(){ 312 var $elem = $(this); 313 $form = $elem.parents('form'); 314 $elem.prop("disabled", true); 315 316 var item = this.getAttribute('data-wk-move-to-cart'); 317 var formData = $form.serialize(); 318 var currentCart = parseInt($('.cart-count').first().text()); 319 var updatedCart = currentCart + parseInt(1); 320 $('.cart-count').each(function() { $(this).text(updatedCart); }); 321 322 fadeOrNot($elem, function(){ 323 Appmate.wk 324 .moveToCart(item, formData) 325 .then(function(){ 326 window.scrollTo(0, 0); 327 /* location.reload(); */ 328 $elem.prop("disabled", false); 329 }); 330 }); 331 }), 332 'render .wk-option-select': function(elem){ 333 appmateOptionSelect(elem); 334 }, 335 'login-required': function (intent) { 336 var redirect = { 337 path: window.location.pathname, 338 intent: intent 339 }; 340 window.location = '/account/login?wk-redirect=' + encodeURIComponent(JSON.stringify(redirect)); 341 }, 342 'render .swiper-container': function (elem) { 343 initSlider() 344 }, 345 'ready': function () { 346 $(document).ready(initSlider); 347 $(document).ready(fillContactForm); 348 349 var redirect = Appmate.wk.getQueryParam('wk-redirect'); 350 if (redirect) { 351 Appmate.wk.addLoginRedirect($('#customer_login'), JSON.parse(redirect)); 352 } 353 var intent = Appmate.wk.getQueryParam('wk-intent'); 354 if (intent) { 355 intent = JSON.parse(intent); 356 switch (intent.action) { 357 case 'addProduct': 358 Appmate.wk.addProduct(intent.product, intent.variant) 359 break; 360 default: 361 console.warn('Wishlist King: Intent not implemented', intent) 362 } 363 if (window.history && window.history.pushState) { 364 history.pushState(null, null, window.location.pathname); 365 } 366 } 367 } 368 }); 369 370 371 function initSlider () { 372 if (typeof Swiper !== 'undefined') { 373 var mySwiper = new Swiper ('.swiper-container', { 374 direction: 'horizontal', 375 loop: false, 376 pagination: '.swiper-pagination', 377 nextButton: '.swiper-button-next', 378 prevButton: '.swiper-button-prev', 379 spaceBetween: 20, 380 slidesPerView: 4, 381 breakpoints: { 382 380: { 383 slidesPerView: 1, 384 spaceBetween: 0, 385 }, 386 480: { 387 slidesPerView: 2, 388 spaceBetween: 20, 389 } 390 } 391 }) 392 } 393 } 394 395 function fillContactForm() { 396 if (document.getElementById('contact_form')) { 397 var message = Appmate.wk.getQueryParam('message'); 398 var bodyElement = document.querySelector("#contact_form textarea[name='contact[body]']"); 399 if (bodyElement && message) { 400 bodyElement.value = message; 401 } 402 } 403 } 404 405 function eventHandler (callback) { 406 return function (event) { 407 if (typeof callback === 'function') { 408 callback.call(this, event) 409 } 410 if (event) { 411 event.preventDefault(); 412 event.stopPropagation(); 413 } 414 } 415 } 416 417 function fadeOrNot($elem, callback){ 418 if ($elem.parents('.wk-fadeout').length) { 419 $elem.parents('.wk-fadeout').fadeOut(callback); 420 } else { 421 callback(); 422 } 423 } 424})(); 425 426</script>
426 427 428 429
430<script id="wishlist-icon-filled" data="wishlist" type="text/x-template" app="wishlist-king"> 431{% if settings.app_wk_icon == "heart" %} 432 <svg version='1.1' xmlns='https://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'> 433 <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> 434 </svg> 435{% elsif settings.app_wk_icon == "star" %} 436 <svg version='1.1' xmlns='https://www.w3.org/2000/svg' width='64' height='60.9' viewBox='0 0 64 64'> 437 <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> 438 </svg> 439{% endif %} 440</script>
440 441
442<script id="wishlist-icon-empty" data="wishlist" type="text/x-template" app="wishlist-king"> 443{% if settings.app_wk_icon == "heart" %} 444 <svg version='1.1' xmlns='https://www.w3.org/2000/svg' width='64px' height='60.833px' viewBox='0 0 64 60.833'> 445 <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'/> 446 </svg> 447{% elsif settings.app_wk_icon == "star" %} 448 <svg version='1.1' xmlns='https://www.w3.org/2000/svg' width='64' height='60.9' viewBox='0 0 64 64'> 449 <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> 450 </svg> 451{% endif %} 452</script>
452 453
454<script id="wishlist-icon-remove" data="wishlist" type="text/x-template" app="wishlist-king"> 455 <svg version='1.1' xmlns='https://www.w3.org/2000/svg' width='320' height='320' viewBox='0 0 320 320'> 456 <g> 457 <path fill='#000000' stroke-width='0.25pt' d='m100,60l-40,40l170,170l40,-40l-170,-170z'/> 458 <path fill='#000000' stroke-width='0.25pt' d='m60,230l170,-170l40,40l-170,170l-40,-40z'/> 459 </g> 460 </svg> 461</script>
461 462 463<style> 464 @media screen and (max-width: 850px) { 465 .wishlist-counter { 466 display: none; 467 } 468 } 469</style> 470
471<script id="wishlist-link" data="wishlist" type="text/x-template" app="wishlist-king"> 472{% if wishlist.item_count %} 473 {% assign link_icon = 'wishlist-icon-filled' %} 474{% else %} 475 {% assign link_icon = 'wishlist-icon-empty' %} 476{% endif %} 477<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> 478</script>
478 479
480<script id="wishlist-link-li" data="wishlist" type="text/x-template" app="wishlist-king"> 481<li class="wishlist-link-li wk-{{ wishlist.state }}"> 482 {% include 'wishlist-link' %} 483</li> 484</script>
484 485
486<script id="wishlist-button-product" data="product" type="text/x-template" app="wishlist-king"> 487{% if product.in_wishlist %} 488 {% assign btn_text = 'In Wishlist' %} 489 {% assign btn_title = 'Remove from Wishlist' %} 490 {% assign btn_action = 'wk-remove-product' %} 491 {% assign btn_icon = 'wishlist-icon-filled' %} 492{% else %} 493 {% assign btn_text = 'Add to Wishlist' %} 494 {% assign btn_title = 'Add to Wishlist' %} 495 {% assign btn_action = 'wk-add-product' %} 496 {% assign btn_icon = 'wishlist-icon-empty' %} 497{% endif %} 498 499<button type="button" class="wk-button-product {{ btn_action }}" title="{{ btn_title }}" data-{{ btn_action }}="{{ product.id }}"> 500 <div class="wk-icon"> 501 {% include btn_icon %} 502 </div> 503 <span class="wk-label">{{ btn_text }}</span> 504</button> 505</script>
505 506
507<script id="wishlist-button-collection" data="product" type="text/x-template" app="wishlist-king"> 508{% if product.in_wishlist %} 509 {% assign btn_text = 'In Wishlist' %} 510 {% assign btn_title = 'Remove from Wishlist' %} 511 {% assign btn_action = 'wk-remove-product' %} 512 {% assign btn_icon = 'wishlist-icon-filled' %} 513{% else %} 514 {% assign btn_text = 'Add to Wishlist' %} 515 {% assign btn_title = 'Add to Wishlist' %} 516 {% assign btn_action = 'wk-add-product' %} 517 {% assign btn_icon = 'wishlist-icon-empty' %} 518{% endif %} 519 520<button type="button" class="wk-button-collection {{ btn_action }}" title="{{ btn_title }}" data-{{ btn_action }}="{{ product.id }}"> 521 <div class="wk-icon"> 522 {% include btn_icon %} 523 </div> 524 <span class="wk-label">{{ btn_text }}</span> 525</button> 526</script>
526 527
528<script id="wishlist-button-wishlist-page" data="product" type="text/x-template" app="wishlist-king"> 529{% if wishlist.read_only %} 530 {% assign item_id = product.id %} 531{% else %} 532 {% assign item_id = product.wishlist_item_id %} 533{% endif %} 534 535{% assign add_class = '' %} 536{% if product.in_wishlist and wishlist.read_only == true %} 537 {% assign btn_text = 'In Wishlist' %} 538 {% assign btn_title = 'Remove from Wishlist' %} 539 {% assign btn_action = 'wk-remove-product' %} 540 {% assign btn_icon = 'wishlist-icon-filled' %} 541{% elsif product.in_wishlist and wishlist.read_only == false %} 542 {% assign btn_text = 'In Wishlist' %} 543 {% assign btn_title = 'Remove from Wishlist' %} 544 {% assign btn_action = 'wk-remove-item' %} 545 {% assign btn_icon = 'wishlist-icon-remove' %} 546 {% assign add_class = 'wk-with-hover' %} 547{% else %} 548 {% assign btn_text = 'Add to Wishlist' %} 549 {% assign btn_title = 'Add to Wishlist' %} 550 {% assign btn_action = 'wk-add-product' %} 551 {% assign btn_icon = 'wishlist-icon-empty' %} 552 {% assign add_class = 'wk-with-hover' %} 553{% endif %} 554 555<button type="button" class="wk-button-wishlist-page {{ btn_action }} {{ add_class }}" title="{{ btn_title }}" data-{{ btn_action }}="{{ item_id }}"> 556 <div class="wk-icon"> 557 {% include btn_icon %} 558 </div> 559 <span class="wk-label">{{ btn_text }}</span> 560</button> 561</script>
561 562
563<script id="wishlist-button-wishlist-clear" data="wishlist" type="text/x-template" app="wishlist-king"> 564{% assign btn_text = 'Clear Wishlist' %} 565{% assign btn_title = 'Clear Wishlist' %} 566{% assign btn_class = 'wk-button-wishlist-clear' %} 567 568<button type="button" class="{{ btn_class }}" title="{{ btn_title }}" data-wk-clear-wishlist="{{ wishlist.permaId }}"> 569 <span class="wk-label">{{ btn_text }}</span> 570</button> 571</script>
571 572
573<script id="wishlist-shared" data="shared_wishlist" type="text/x-template" app="wishlist-king"> 574{% assign wishlist = shared_wishlist %} 575{% include 'wishlist-collection' with wishlist %} 576</script>
576 577
578<script id="wishlist-collection" data="wishlist" type="text/x-template" app="wishlist-king"> 579<div class='wishlist-collection'> 580{% if wishlist.item_count == 0 %} 581 {% include 'wishlist-collection-empty' %} 582{% else %} 583 {% if customer_accounts_enabled and customer == false and wishlist.read_only == false %} 584 {% include 'wishlist-collection-login-note' %} 585 {% endif %} 586 587 {% if settings.app_wk_share_position == "top" %} 588 {% unless wishlist.read_only %} 589 {% include 'wishlist-collection-share' %} 590 {% endunless %} 591 {% endif %} 592 593 {% include 'wishlist-collection-loop' %} 594 595 {% if settings.app_wk_share_position == "bottom" %} 596 {% unless wishlist.read_only %} 597 {% include 'wishlist-collection-share' %} 598 {% endunless %} 599 {% endif %} 600 601 {% unless wishlist.read_only %} 602 {% include 'wishlist-button-wishlist-clear' %} 603 {% endunless %} 604{% endif %} 605</div> 606</script>
606 607
608<script id="wishlist-row" data="wishlist" type="text/x-template" app="wishlist-king"> 609<div class='wk-wishlist-row'> 610 {% if wishlist.item_count != 0 %} 611 <h2 class="wk-wishlist-row-title">Add more from Wishlist</h2> 612 <div class="swiper-container"> 613 <!-- Additional required wrapper --> 614 <div class="swiper-wrapper"> 615 <!-- Slides --> 616 {% for product in wishlist.products %} 617 {% assign hide_default_title = false %} 618 {% if product.variants.length == 1 and product.variants[0].title contains 'Default' %} 619 {% assign hide_default_title = true %} 620 {% endif %} 621 <div 622 id="wk-item-{{ product.wishlist_item_id }}" 623 class="swiper-slide wk-item wk-fadeout" 624 data-wk-item="{{ product.wishlist_item_id }}" 625 > 626 {% include 'wishlist-collection-product-image' with product %} 627 <div> 628 {% include 'wishlist-collection-product-title' with product %} 629 {% include 'wishlist-collection-product-price' %} 630 {% include 'wishlist-collection-product-form' with product %} 631 </div> 632 </div> 633 {% endfor %} 634 </div> 635 <!-- If we need pagination --> 636 <!-- <div class="swiper-pagination"></div> --> 637 </div> 638 <div class="swiper-button-prev"> 639 <svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"> 640 <path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"/> 641 <path d="M0 0h24v24H0z" fill="none"/> 642 </svg> 643 </div> 644 <div class="swiper-button-next"> 645 <svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"> 646 <path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/> 647 <path d="M0 0h24v24H0z" fill="none"/> 648 </svg> 649 </div> 650 {% endif %} 651</div> 652</script>
652 653
654<script id="wishlist-collection-empty" data="wishlist" type="text/x-template" app="wishlist-king"> 655<div class="wk-row"> 656 <div class="wk-span12"> 657 <h3 class="wk-wishlist-empty-note">Your wishlist is empty!</h3> 658 </div> 659</div> 660</script>
660 661
662<script id="wishlist-collection-login-note" data="wishlist" type="text/x-template" app="wishlist-king"> 663<div class="wk-row"> 664 <p class="wk-span12 wk-login-note"> 665 To permanently save your wishlist please <a href="/account/login">login</a> or <a href="/account/register">sign up</a>. 666 </p> 667</div> 668</script>
668 669
670<script id="wishlist-collection-share" data="wishlist" type="text/x-template" app="wishlist-king"> 671 <h3 id="wk-share-head">Share Wishlist</h3> 672 <ul id="wk-share-list"> 673 <li>{% include 'wishlist-share-button-fb' %}</li> 674 <li>{% include 'wishlist-share-button-pinterest' %}</li> 675 <li>{% include 'wishlist-share-button-twitter' %}</li> 676 <li>{% include 'wishlist-share-button-email' %}</li> 677 <li>{% include 'wishlist-share-button-link' %}</li> 678 {% comment %} 679 <li>{% include 'wishlist-share-button-contact' %}</li> 680 {% endcomment %} 681 <li id="wk-share-whatsapp">{% include 'wishlist-share-button-whatsapp' %}</li> 682 </ul> 683 <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> 684</script>
684 685
686<script id="wishlist-collection-loop" data="wishlist" type="text/x-template" app="wishlist-king"> 687<div class="wk-row flex wrap"> 688 {% assign item_count = 0 %} 689 {% for product in wishlist.products %} 690 {% assign item_count = item_count | plus: 1 %} 691 {% unless limit and item_count > limit %} 692 {% assign hide_default_title = false %} 693 {% if product.variants.length == 1 and product.variants[0].title contains 'Default' %} 694 {% assign hide_default_title = true %} 695 {% endif %} 696 697 {% assign items_per_row = settings.app_wk_products_per_row %} 698 {% assign wk_item_width = 100 | divided_by: items_per_row %} 699 700 <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 }}"> 701 702 {% include 'wishlist-collection-product-image' with product %} 703 {% include 'wishlist-button-wishlist-page' with product %} 704 <div> 705 {% include 'wishlist-collection-product-title' with product %} 706 {% include 'wishlist-collection-product-price' %} 707 {% include 'wishlist-collection-product-form' with product %} 708 </div> 709 </div> 710 {% endunless %} 711 {% endfor %} 712</div> 713</script>
713 714
715<script id="wishlist-collection-product-image" data="wishlist" type="text/x-template" app="wishlist-king"> 716<div class="wk-image"> 717 <a href="{{ product | variant_url }}" class="wk-variant-link wk-content" title="View product"> 718 <img class="wk-variant-image" 719 src="{{ product | variant_img_url: 'large' }}" 720 alt="{{ product.title }}" /> 721 </a> 722</div> 723</script>
723 724
725<script id="wishlist-collection-product-title" data="wishlist" type="text/x-template" app="wishlist-king"> 726<div class="wk-product-title"> 727 <a href="{{ product | variant_url }}" class="wk-variant-link" title="View product">{{ product.title }}</a> 728</div> 729</script>
729 730
731<script id="wishlist-collection-product-price" data="wishlist" type="text/x-template" app="wishlist-king"> 732{% assign variant = product.selected_or_first_available_variant %} 733<div class="wk-purchase"> 734 <span class="wk-price wk-price-preview"> 735 {% if variant.price < variant.compare_at_price %} 736 <span class="saleprice">{{ variant.price | money }}</span> <del>{{ variant.compare_at_price | money }}</del> 737 {% else %} 738 {{ variant.price | money }} 739 {% endif %} 740 </span> 741</div> 742</script>
742 743
744<script id="wishlist-collection-product-form" data="wishlist" type="text/x-template" app="wishlist-king"> 745<form id="wk-add-item-form-{{ product.wishlist_item_id }}" action="/cart/add" method="post" class="wk-add-item-form"> 746 747 <!-- Begin product options --> 748 <div class="wk-product-options {% if hide_default_title %}wk-no-options{% endif %}"> 749 750 <div class="wk-select" {% if hide_default_title %} style="display:none"{% endif %}> 751 <select id="wk-option-select-{{ product.wishlist_item_id }}" class="wk-option-select" name="id"> 752 753 {% for variant in product.variants %} 754 <option value="{{ variant.id }}" {% if variant == product.selected_or_first_available_variant %}selected="selected"{% endif %}> 755 {{ variant.title }} - {{ variant.price | money }} 756 </option> 757 {% endfor %} 758 759 </select> 760 </div> 761 762 {% comment %} 763 {% if settings.display_quantity_dropdown and product.available %} 764 <div class="wk-selector-wrapper"> 765 <label>Quantity</label> 766 <input class="wk-quantity" type="number" name="quantity" value="1" class="wk-item-quantity" /> 767 </div> 768 {% endif %} 769 {% endcomment %} 770 771 <div class="wk-purchase-section{% if product.variants.length > 1 %} wk-multiple{% endif %}"> 772 773 {% assign cart_action = 'wk-move-to-cart' %} 774 {% if wishlist.read_only %} 775 {% assign cart_action = 'wk-add-to-cart' %} 776 {% endif %} 777 <input type="submit" class="wk-add-to-cart" data-{{ cart_action }}="{{ product.wishlist_item_id }}" name="add" value="Add to Cart" /> 778 779 {% comment %} {% unless product.available %} 780 <input type="submit" class="wk-add-to-cart disabled" disabled="disabled" value="Sold Out" /> 781 {% else %} 782 {% assign cart_action = 'wk-move-to-cart' %} 783 {% if wishlist.read_only %} 784 {% assign cart_action = 'wk-add-to-cart' %} 785 {% endif %} 786 <input type="submit" class="wk-add-to-cart" data-{{ cart_action }}="{{ product.wishlist_item_id }}" name="add" value="Add to Cart" /> 787 {% endunless %} {% endcomment %} 788 789 </div> 790 </div> 791 <!-- End product options --> 792</form> 793</script>
793 794
795<script id="wishlist-share-button-fb" data="wishlist" type="text/x-template" app="wishlist-king"> 796{% unless wishlist.empty %} 797<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' }}"> 798 <div class="resp-sharing-button resp-sharing-button--facebook resp-sharing-button--large"> 799 <div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid"> 800 <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"> 801 <g> 802 <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"/> 803 </g> 804 </svg> 805 </div> 806 <span>Facebook</span> 807 </div> 808</a> 809{% endunless %} 810</script>
810 811
812<script id="wishlist-share-button-twitter" data="wishlist" type="text/x-template" app="wishlist-king"> 813{% unless wishlist.empty %} 814<a href class="wk-button-share resp-sharing-button__link" title="Share on Twitter" data-wk-share-service="twitter" data-wk-share="{{ wishlist.permaId }}"> 815 <div class="resp-sharing-button resp-sharing-button--twitter resp-sharing-button--large"> 816 <div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid"> 817 <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"> 818 <g> 819 <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"/> 820 </g> 821 </svg> 822 </div> 823 <span>Twitter</span> 824 </div> 825</a> 826{% endunless %} 827</script>
827 828
829<script id="wishlist-share-button-pinterest" data="wishlist" type="text/x-template" app="wishlist-king"> 830{% unless wishlist.empty %} 831<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' }}"> 832 <div class="resp-sharing-button resp-sharing-button--pinterest resp-sharing-button--large"> 833 <div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid"> 834 <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"> 835 <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"/> 836 </svg> 837 </div> 838 <span>Pinterest</span> 839 </div> 840</a> 841{% endunless %} 842</script>
842 843
844<script id="wishlist-share-button-whatsapp" data="wishlist" type="text/x-template" app="wishlist-king"> 845{% unless wishlist.empty %} 846<a href class="wk-button-share resp-sharing-button__link" title="Share via WhatsApp" data-wk-share-service="whatsapp" data-wk-share="{{ wishlist.permaId }}"> 847 <div class="resp-sharing-button resp-sharing-button--whatsapp resp-sharing-button--large"> 848 <div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid"> 849 <svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> 850 <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"/> 851 </svg> 852 </div> 853 <span>WhatsApp</span> 854 </div> 855</a> 856{% endunless %} 857</script>
857 858
859<script id="wishlist-share-button-email" data="wishlist" type="text/x-template" app="wishlist-king"> 860{% unless wishlist.empty %} 861<a href class="wk-button-share resp-sharing-button__link" title="Share via Email" data-wk-share-service="email" data-wk-share="{{ wishlist.permaId }}"> 862 <div class="resp-sharing-button resp-sharing-button--email resp-sharing-button--large"> 863 <div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid"> 864 <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"> 865 <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"/> 866 </svg> 867 </div> 868 <span>Email</span> 869 </div> 870</a> 871{% endunless %} 872</script>
872 873
874<script id="wishlist-share-button-link" data="wishlist" type="text/x-template" app="wishlist-king"> 875{% unless wishlist.empty %} 876<a href class="wk-button-share resp-sharing-button__link" title="Share via link" data-wk-share-service="link" data-wk-share="{{ wishlist.permaId }}"> 877 <div class="resp-sharing-button resp-sharing-button--link resp-sharing-button--large"> 878 <div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid"> 879 <svg version='1.1' xmlns='https://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 512 512'> 880 <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 881 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 882 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 883 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 884 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 885 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 886 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 887 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 888 C274.561,395.092,246.42,392.342,220.326,382.186z'/> 889 </svg> 890 </div> 891 <span>E-Mail</span> 892 </div> 893</a> 894{% endunless %} 895</script>
895 896
897<script id="wishlist-share-button-contact" data="wishlist" type="text/x-template" app="wishlist-king"> 898{% unless wishlist.empty %} 899<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 }}"> 900 <div class="resp-sharing-button resp-sharing-button--link resp-sharing-button--large"> 901 <div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid"> 902 <svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"> 903 <path d="M0 0h24v24H0z" fill="none"/> 904 <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"/> 905 </svg> 906 </div> 907 <span>E-Mail</span> 908 </div> 909</a> 910{% endunless %} 911</script>
911 912 913 914 915
916<script> 917function appmateSelectCallback(variant, selector) { 918 var shop = Appmate.wk.globals.shop; 919 var product = Appmate.wk.getProduct(variant.product_id); 920 var itemId = $(selector.variantIdField).parents('[data-wk-item]').attr('data-wk-item'); 921 var container = $('#wk-item-' + itemId); 922 923 924 925 926 var imageUrl = ''; 927 928 if (variant && variant.image) { 929 imageUrl = Appmate.wk.filters.img_url(variant, 'large'); 930 } else if (product) { 931 imageUrl = Appmate.wk.filters.img_url(product, 'large'); 932 } 933 934 if (imageUrl) { 935 container.find('.wk-variant-image').attr('src', imageUrl); 936 } 937 var formatMoney = Appmate.wk.filters.money; 938 if (!product.hidden && variant && (variant.available ||Â variant.inventory_policy === 'continue')) { 939 container.find('.wk-add-to-cart').removeAttr('disabled').removeClass('disabled').attr('value', 'Add to Cart'); 940 if(variant.price < variant.compare_at_price){ 941 container.find('.wk-price-preview').html(formatMoney(variant.price) + " <del>" + formatMoney(variant.compare_at_price) + "</del>"); 942 } else { 943 container.find('.wk-price-preview').html(formatMoney(variant.price)); 944 } 945 } 946 // else { 947 // var message = variant && !product.hidden ? "Sold Out" : "Unavailable"; 948 // container.find('.wk-add-to-cart').addClass('disabled').attr('disabled', 'disabled').attr('value', message); 949 // container.find('.wk-price-preview').text(message); 950 // } 951 952}; 953 954function appmateOptionSelect(el){ 955 if (!Shopify ||Â !Shopify.OptionSelectors) { 956 throw new Error('Missing option_selection.js! Please check templates/page.wishlist.liquid'); 957 } 958 959 var id = el.getAttribute('id'); 960 var itemId = $(el).parents('[data-wk-item]').attr('data-wk-item'); 961 var container = $('#wk-item-' + itemId); 962 963 Appmate.wk.getItem(itemId).then(function(product){ 964 var selector = new Shopify.OptionSelectors(id, { 965 product: product, 966 onVariantSelected: appmateSelectCallback, 967 enableHistoryState: false 968 }); 969 970 if (product.selected_variant_id) { 971 selector.selectVariant(product.selected_variant_id); 972 } 973 974 // Add label if only one product option and it isn't 'Title'. 975 if (product.options.length == 1 && product.options[0] != 'Title') { 976 $(container) 977 .find('.selector-wrapper:eq(0)') 978 .prepend('<label>' + product.options[0] + '</label>'); 979 } 980 }); 981} 982 983</script>
983 984 985<link href="//www.hameraypublishing.com/cdn/shop/t/3/assets/appmate-wishlist-king.scss.css?v=155711572738234808331544641592" rel="stylesheet" type="text/css" media="all" /> 986 987 988 989 990 991 992 993 994 995
996<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
996<meta name="facebook-domain-verification" content="jokl2m4eon4s6vdb40pfus4cxvwube"> 997<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/21373313/digital_wallets/dialog"> 998<link rel="ucp" href="/.well-known/ucp" version="2026-08-25">
998<script async="async" src="/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=786759716"></script>
998 999<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
1000<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 1000
1000
1001<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 1001
1001
1002<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 1002
1002
1003<script>var Shopify = Shopify || {}; 1004Shopify.shop = "hameray-publishing.myshopify.com"; 1005Shopify.locale = "en"; 1006Shopify.currency = {"active":"USD","rate":"1.0"}; 1007Shopify.country = "US"; 1008Shopify.theme = {"name":"Aeolidia","id":181129362,"schema_name":"Slate","schema_version":"0.11.0","theme_store_id":null,"role":"main"}; 1009Shopify.theme.handle = "null"; 1010Shopify.theme.style = {"id":null,"handle":null}; 1011Shopify.cdnHost = "www.hameraypublishing.com/cdn"; 1012Shopify.routes = Shopify.routes || {}; 1013Shopify.routes.root = "/"; 1014Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js"; 1015Shopify.SignInWithShop = Shopify.SignInWithShop || {}; 1016Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {}; 1017Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 1017
1017
1018<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 1018
1018
1019<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 1019
1019
1020<script> 1021 window.ShopifyPay = window.ShopifyPay || {}; 1022 window.ShopifyPay.apiHost = "shop.app\/pay"; 1023 window.ShopifyPay.redirectState = null; 1024</script>
vendor: 1 bytes, line 1024
1024
1025<script> 1026 window.Shopify = window.Shopify || {}; 1027 window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {}; 1028 window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 }; 1029 window.Shopify.SignInWithShop.eligible = true; 1030</script>
vendor: 1 bytes, line 1030
1030
1031<script id="shop-js-analytics" type="application/json">{"pageType":"page"}</script>
vendor: 1 bytes, line 1031
1031
1032<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 1032
1032
1033<script type="module"> 1034 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"); 1035 1036 window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 1037 1038</script>
vendor: 1 bytes, line 1038
1038
1039<script> 1040 window.Shopify = window.Shopify || {}; 1041 if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; 1042 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"]}; 1043</script>
vendor: 1 bytes, line 1043
1043
1044<script id="__st">var __st={"a":21373313,"offset":-25200,"reqid":"01c16f55-8f08-497a-98a2-9d32c771d951-1791071025","pageurl":"www.hameraypublishing.com\/pages\/shop-by","s":"pages-142301036580","u":"12c743bbb57b","p":"page","rtyp":"page","rid":142301036580};</script>
vendor: 1 bytes, line 1044
1044
1045<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 1045
1045
1046<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 1046
1046
1047<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 1047
1047
1048<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>
1048<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 1048
1048
1049<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 1049
1049
1050<script> 1051 window.Shopify = window.Shopify || {}; 1052 window.Shopify.MCP = window.Shopify.MCP || {}; 1053 window.Shopify.MCP.enabled = true; 1054 window.Shopify.MCP.shop = "hameray-publishing.myshopify.com"; 1055 window.Shopify.MCP.mcpEndpoint = "https:\/\/www.hameraypublishing.com\/api\/mcp"; 1056 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"]}}]; 1057</script>
vendor: 1 bytes, line 1057
1057
1058<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=");})(); 1059</script>
vendor: 1 bytes, line 1059
1059
1060<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)}}; 1061</script>
vendor: 1 bytes, line 1061
1061
1062<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 1063 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); 1064</script>
vendor: 1 bytes, line 1064
1064
1065<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})}})); 1066</script>
1066 1067<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"> 1068<style id="shopify-accelerated-checkout-cart"> 1069 #shopify-buyer-consent { 1070 margin-top: 1em; 1071 display: inline-block; 1072 width: 100%; 1073} 1074 1075#shopify-buyer-consent.hidden { 1076 display: none; 1077} 1078 1079#shopify-subscription-policy-button { 1080 background: none; 1081 border: none; 1082 padding: 0; 1083 text-decoration: underline; 1084 font-size: inherit; 1085 cursor: pointer; 1086} 1087 1088#shopify-subscription-policy-button::before { 1089 box-shadow: none; 1090} 1091 1092 </style> 1093
1094<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
1094 1095 1096 1097 1098 1099 1100<!-- Bugsnag -->
1101<script src="//d2wy8f7a9ursnm.cloudfront.net/v8/bugsnag.min.js" defer></script>
vendor: 1 bytes, line 1101
1101
1102<script type="module"> 1103 import BugsnagPerformance from '//d2wy8f7a9ursnm.cloudfront.net/v1/bugsnag-performance.min.js' 1104 Bugsnag.start({ apiKey: '4566b84af716122196683745d2088b1c' }) 1105 BugsnagPerformance.start({ apiKey: '4566b84af716122196683745d2088b1c' }) 1106</script>
1106 1107 1108 1109 1110 1111 1112<!-- Search Provider Toggle -->
1113<script> 1114 window.__searchProvider = 'custom'; 1115</script>
1115 1116 1117 1118 1119 1120 1121<!-- Custom S3-Backed Instant Search -->
1122<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/fuse.min.js" defer></script>
vendor: 1 bytes, line 1122
1122
1123<script src="//www.hameraypublishing.com/cdn/shop/t/3/assets/search-core.js?v=67616449755213306551779429574" defer></script>
1123 1124<link rel="stylesheet" href="//www.hameraypublishing.com/cdn/shop/t/3/assets/custom-search.css?v=14041386354112471001779049376" media="print" onload="this.media='all'"> 1125<noscript><link rel="stylesheet" href="//www.hameraypublishing.com/cdn/shop/t/3/assets/custom-search.css?v=14041386354112471001779049376"></noscript>
1126<script src="//www.hameraypublishing.com/cdn/shop/t/3/assets/custom-search.js?v=108089332877652854721779429573" defer></script>
1126 1127 1128 1129 1130 1131 1132<!-- Google Tag -->
vendor: 64 bytes, lines 1132-1133
1132 1133<script async src="https://www.googletagmanager.com/gtag/js?id=
1133AW-938619849
vendor: 12 bytes, line 1133
1133"></script>
1133<script>
vendor: 127 bytes, line 1133
1133window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', '
1133AW-938619849
vendor: 4 bytes, line 1133
1133');
1133</script>
1133 1134 1135 1136 1137 1138 1139<!-- Meta -->
1140<script>
vendor: 399 bytes, lines 1140-1149
1140 1141!function(f,b,e,v,n,t,s) 1142{if(f.fbq)return;n=f.fbq=function(){n.callMethod? 1143n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 1144if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 1145n.queue=[];t=b.createElement(e);t.async=!0; 1146t.src=v;s=b.getElementsByTagName(e)[0]; 1147s.parentNode.insertBefore(t,s)}(window, document,'script', 1148'https://connect.facebook.net/en_US/fbevents.js'); 1149fbq('init', '
1149573587907984562
vendor: 30 bytes, lines 1149-1150
1149'); 1150fbq('track', 'PageView');
1151</script>
1151 1152<noscript><img height="1" width="1" style="display:none" 1153src="https://www.facebook.com/tr?id=573587907984562&ev=PageView&noscript=1" 1154/></noscript> 1155 1156 1157 1158 1159 1160<!-- HubSpot -->
1161<script type="text/javascript" id="hs-script-loader" async defer src="//js-na2.hs-scripts.com/242488439.js"></script>
1161 1162 1163 1164 1165 1166 1167<!-- Rudderstack -->
1168<script type="text/javascript"> 1169 !function(){"use strict";window.RudderSnippetVersion="3.0.60";var e="rudderanalytics";window[e]||(window[e]=[]) 1170 ;var rudderanalytics=window[e];if(Array.isArray(rudderanalytics)){ 1171 if(true===rudderanalytics.snippetExecuted&&window.console&&console.error){ 1172 console.error("RudderStack JavaScript SDK snippet included more than once.")}else{rudderanalytics.snippetExecuted=true, 1173 window.rudderAnalyticsBuildType="legacy";var sdkBaseUrl="https://cdn.rudderlabs.com";var sdkVersion="v3" 1174 ;var sdkFileName="rsa.min.js";var scriptLoadingMode="async" 1175 ;var r=["setDefaultInstanceKey","load","ready","page","track","identify","alias","group","reset","setAnonymousId","startSession","endSession","consent"] 1176 ;for(var n=0;n<r.length;n++){var t=r[n];rudderanalytics[t]=function(r){return function(){var n 1177 ;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) 1178 }}(t)}try{ 1179 new Function('class Test{field=()=>{};test({prop=[]}={}){return prop?(prop?.property??[...prop]):import("");}}'), 1180 window.rudderAnalyticsBuildType="modern"}catch(i){}var d=document.head||document.getElementsByTagName("head")[0] 1181 ;var o=document.body||document.getElementsByTagName("body")[0];window.rudderAnalyticsAddScript=function(e,r,n){ 1182 var t=document.createElement("script");t.src=e,t.setAttribute("data-loader","RS_JS_SDK"),r&&n&&t.setAttribute(r,n), 1183 "async"===scriptLoadingMode?t.async=true:"defer"===scriptLoadingMode&&(t.defer=true), 1184 d?d.insertBefore(t,d.firstChild):o.insertBefore(t,o.firstChild)},window.rudderAnalyticsMount=function(){!function(){ 1185 if("undefined"==typeof globalThis){var e;var r=function getGlobal(){ 1186 return"undefined"!=typeof self?self:"undefined"!=typeof window?window:null}();r&&Object.defineProperty(r,"globalThis",{ 1187 value:r,configurable:true})} 1188 }(),window.rudderAnalyticsAddScript("".concat(sdkBaseUrl,"/").concat(sdkVersion,"/").concat(window.rudderAnalyticsBuildType,"/").concat(sdkFileName),"data-rsa-write-key","2uonaIVTN4W3jpIo7K8b42XAjhr") 1189 },window.rudderAnalyticsMount() 1190 ;var loadOptions={};rudderanalytics.load("2uonaIVTN4W3jpIo7K8b42XAjhr","https://hameraypubqkju.dataplane.rudderstack.com",loadOptions)}}}(); 1191</script>
1191 1192 1193 1194 1195 1196
1197<script> 1198 1199 1200 1201 1202 1203 rudderanalytics.page( 1204 "Page", 1205 "Page Viewed", { 1206 path: window.location.pathname, 1207 referrer: document.referrer, 1208 title: document.title, 1209 url: window.location.href 1210 }, 1211 ); 1212 1213 1214 1215 1216 1217 1218 1219 1220 1221 1222 1223 const urlParams = new URLSearchParams(window.location.search); 1224 1225 if (urlParams.has('cid')) { 1226 const cid = urlParams.get('cid'); 1227 rudderanalytics.identify( cid ); 1228 } 1229 1230 1231 1232 1233 1234 // Engagement ping â fires once after 15s if the user has interacted 1235 // and the tab is still visible. Distinguishes real single-page 1236 // visitors from bots (bots get 0 pings, humans get 1). 1237 (function() { 1238 var hasInteracted = false; 1239 var visible = !document.hidden; 1240 1241 ['scroll', 'click', 'mousemove', 'touchstart'].forEach(function(evt) { 1242 document.addEventListener(evt, function() { hasInteracted = true; }, { once: true }); 1243 }); 1244 1245 document.addEventListener('visibilitychange', function() { 1246 visible = !document.hidden; 1247 }); 1248 1249 setTimeout(function() { 1250 if (hasInteracted && visible) { 1251 rudderanalytics.track('ping'); 1252 } 1253 }, 15000); 1254 })(); 1255 1256 1257 1258 1259 1260</script>
1260 1261 1262 1263 1264 1265 1266 1267 1268 1269 1270 1271<!-- Clarity -->
1272<script type="text/javascript"> 1273 (function(c,l,a,r,i,t,y){ 1274 c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; 1275 t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i; 1276 y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); 1277 })(window, document, "clarity", "script", "fmlny4xx23"); 1278</script>
1278 1279 1280 1281 1282 1283 1284<style> 1285 1286 html { 1287 scrollbar-gutter: stable; 1288 tab-size: 4; 1289 font-feature-settings: normal; 1290 font-variation-settings: normal; 1291 -webkit-text-size-adjust: none; 1292 -webkit-font-smoothing: antialiased; 1293 -webkit-overflow-scrolling: touch; 1294 -webkit-tap-highlight-color: transparent; 1295 } 1296 1297 #MainContent { 1298 margin-top: 163px; 1299 } 1300 1301 html:not(.ie9) .chromeframe { 1302 display: none; 1303 } 1304 1305 html.ie9 .chromeframe { 1306 display: block !important; 1307 } 1308 1309 html.ie9 body > *:not(.chromeframe){ 1310 display: none; 1311 } 1312 1313 input.input-error { 1314 background-color: #FFF !important; 1315 } 1316 1317 @media only screen and (max-width: 700px) { 1318 1319 #MainContent { 1320 margin-top: 0px; 1321 } 1322 1323 } 1324 1325</style> 1326 1327 1328 1329 1330 1331<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" /> 1332<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" /> 1333<meta property="og:image:width" content="1200" /> 1334<meta property="og:image:height" content="628" /> 1335<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
1336<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: "page"};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 1336
1336
1337<script> 1338 window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || []; 1339</script>
vendor: 1 bytes, line 1339
1339
1340<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}
1340).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":"b04c29ea-8fea-4d87-bac5-4c917ac68430","pageType":"page","resourceId":"142301036580","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>
1340<script> 1341 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 1342 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 1343 window.ShopifyAnalytics.meta.currency = 'USD'; 1344 var meta = {"page":{"pageType":"page","resourceType":"page","resourceId":142301036580,"requestId":"01c16f55-8f08-497a-98a2-9d32c771d951-1791071025"}}; 1345 for (var attr in meta) { 1346 window.ShopifyAnalytics.meta[attr] = meta[attr]; 1347 } 1348</script>
vendor: 1 bytes, line 1348
1348
1349<script class="analytics"> 1350 (function () { 1351 var customDocumentWrite = function(content) { 1352 var jquery = null; 1353 1354 if (window.jQuery) { 1355 jquery = window.jQuery; 1356 } else if (window.Checkout && window.Checkout.$) { 1357 jquery = window.Checkout.$; 1358 } 1359 1360 if (jquery) { 1361 jquery('body').append(content); 1362 } 1363 }; 1364 1365 var hasLoggedConversion = function(token) { 1366 if (token) { 1367 return document.cookie.indexOf('loggedConversion=' + token) !== -1; 1368 } 1369 return false; 1370 } 1371 1372 var setCookieIfConversion = function(token) { 1373 if (token) { 1374 var twoMonthsFromNow = new Date(Date.now()); 1375 twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); 1376 1377 document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; 1378 } 1379 } 1380 1381 var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; 1382 window.ShopifyAnalytics.lib.trekkie = window.trekkie; 1383 if (trekkie.integrations) { 1384 return; 1385 } 1386 trekkie.methods = [ 1387 'identify', 1388 'page', 1389 'ready', 1390 'track', 1391 'trackForm', 1392 'trackLink' 1393 ]; 1394 trekkie.factory = function(method) { 1395 return function() { 1396 var args = Array.prototype.slice.call(arguments); 1397 args.unshift(method); 1398 trekkie.push(args); 1399 if (method == 'track' || method == 'page') { 1400 var pageUrl; 1401 try { 1402 pageUrl = window.location.href; 1403 } catch (e) {} 1404 var pageReferrer; 1405 try { 1406 pageReferrer = document.referrer; 1407 } catch (e) {} 1408 try { 1409 if (window.__TREKKIE_SHIM_QUEUE == null) { 1410 window.__TREKKIE_SHIM_QUEUE = []; 1411 } 1412 window.__TREKKIE_SHIM_QUEUE.push({ 1413 from: 'trekkie-stub', 1414 method: method, 1415 args: args.slice(1), 1416 pageContext: { 1417 url: pageUrl, 1418 referrer: pageReferrer 1419 } 1420 }); 1421 } catch (e) { 1422 // no-op 1423 } 1424 } 1425 return trekkie; 1426 }; 1427 }; 1428 for (var i = 0; i < trekkie.methods.length; i++) { 1429 var key = trekkie.methods[i]; 1430 trekkie[key] = trekkie.factory(key); 1431 } 1432 trekkie.load = function(config) { 1433 trekkie.config = config || {}; 1434 trekkie.config.initialDocumentCookie = document.cookie; 1435 var first = document.getElementsByTagName('script')[0]; 1436var script = document.createElement('script'); 1437script.type = 'text/javascript'; 1438script.onerror = function(e) { 1439 var scriptFallback = document.createElement('script'); 1440 scriptFallback.type = 'text/javascript'; 1441 scriptFallback.onerror = function(error) { 1442 var Monorail = { 1443 produce: function produce(monorailDomain, schemaId, payload) { 1444 var currentMs = new Date().getTime(); 1445 var event = { 1446 schema_id: schemaId, 1447 payload: payload, 1448 metadata: { 1449 event_created_at_ms: currentMs, 1450 event_sent_at_ms: currentMs 1451 } 1452 }; 1453 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 1454 }, 1455 sendRequest: function sendRequest(endpointUrl, payload) { 1456 // Try the sendBeacon API 1457 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 1458 var blobData = new window.Blob([payload], { 1459 type: 'text/plain' 1460 }); 1461 1462 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 1463 return true; 1464 } // sendBeacon was not successful 1465 1466 } // XHR beacon 1467 1468 var xhr = new XMLHttpRequest(); 1469 1470 try { 1471 xhr.open('POST', endpointUrl); 1472 xhr.setRequestHeader('Content-Type', 'text/plain'); 1473 xhr.send(payload); 1474 } catch (e) { 1475 console.log(e); 1476 } 1477 1478 return false; 1479 }, 1480 isIos12: function isIos12() { 1481 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 1482 } 1483 }; 1484 Monorail.produce('monorail-edge.shopifysvc.com', 1485 'trekkie_storefront_load_errors/1.1', 1486 {shop_id: 21373313, 1487 theme_id: 181129362, 1488 app_name: "storefront", 1489 context_url: window.location.href, 1490 source_url: "//www.hameraypublishing.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"}); 1491 1492 }; 1493 scriptFallback.async = true; 1494 scriptFallback.src = '//www.hameraypublishing.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js'; 1495 first.parentNode.insertBefore(scriptFallback, first); 1496}; 1497script.async = true; 1498script.src = '//www.hameraypublishing.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js'; 1499first.parentNode.insertBefore(script, first); 1500 1501 }; 1502 trekkie.load( 1503 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":21373313,"isMerchantRequest":null,"themeId":181129362,"themeCityHash":"7772899665321414767","contentLanguage":"en","currency":"USD","eventMetadataId":"b04c29ea-8fea-4d87-bac5-4c917ac68430"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}} 1504 ); 1505 1506 var loaded = false;
1507 trekkie.ready(function() { 1508 if (loaded) return; 1509 loaded = true; 1510 1511 window.ShopifyAnalytics.lib = window.trekkie; 1512 1513 var originalDocumentWrite = document.write; 1514 document.write = customDocumentWrite; 1515 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 1516 document.write = originalDocumentWrite; 1517 1518 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 1519 var token = match? match[1]: undefined; 1520 if (!hasLoggedConversion(token)) { 1521 setCookieIfConversion(token); 1522 1523 } 1524 }); 1525 1526 window.ShopifyAnalytics.lib.page(null,{"pageType":"page","resourceType":"page","resourceId":142301036580,"requestId":"01c16f55-8f08-497a-98a2-9d32c771d951-1791071025","shopifyEmitted":true}); 1527 1528 var eventsListenerScript = document.createElement('script'); 1529 eventsListenerScript.async = true; 1530 eventsListenerScript.src = "//www.hameraypublishing.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js"; 1531 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 1532})();</script>
1532 1533
1533<script> 1534 if (!window.ga || (window.ga && typeof window.ga !== 'function')) { 1535 window.ga = function ga() { 1536 (window.ga.q = window.ga.q || []).push(arguments); 1537 if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') { 1538 window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"}); 1539 } 1540 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."); 1541 }; 1542 if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') { 1543 window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"}); 1544 } 1545 } 1546</script>
vendor: 1 bytes, line 1546
1546
1547<script 1548 defer 1549 src="https://www.hameraypublishing.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js" 1550 data-application="storefront-renderer" 1551 data-shop-id="21373313" 1552 data-render-region="gcp-us-central1" 1553 data-page-type="page" 1554 data-theme-instance-id="181129362" 1555 data-theme-name="Slate" 1556 data-theme-version="0.11.0" 1557 data-monorail-region="shop_domain" 1558 data-resource-timing-sampling-rate="10" 1559 data-shs="true" 1560 data-shs-beacon="true" 1561 data-shs-export-with-fetch="true" 1562 data-shs-logs-sample-rate="1" 1563 data-shs-beacon-endpoint="https://www.hameraypublishing.com/api/collect" 1564></script>
1564 1565<meta name="shopify-y" content="3e039939-ce0b-4796-ad54-c7be04a75b50" data-expiration="1822628625000"><meta name="shopify-s" content="8d327e36-2704-46fb-9db2-930f262d6654" data-expiration="1791072825000"><meta name="new-cookie-storage-activated" content="t"> 1566</head> 1567 1568 1569 1570 1571 1572<body id = 'shop-hameray-hameray-publishing' class = 'template-page'> 1573 1574 1575 1576 1577 1578<div id="shopify-section-header-new-8-original" class="shopify-section"><style> 1579 1580:root { 1581 --hameray-orange: #f58436; 1582 --hameray-teal: #19657c; 1583 --hameray-dark: #002836; 1584} 1585 1586.logo-account { 1587 margin: 0 auto; 1588 display: grid !important; 1589 grid-template-columns: 1fr auto 1fr; 1590 align-items: center !important; 1591 position: relative; 1592 padding: 10px 0 !important; 1593 gap: 0px; 1594} 1595 1596.header-logo-left { 1597 justify-self: start; 1598} 1599 1600/* Search bar â center (pill-shaped) */ 1601#searchbar { 1602 position: relative !important; 1603 right: auto !important; 1604 left: auto !important; 1605 flex: 1; 1606 width: 550px; 1607 max-width: 550px; 1608 display: flex; 1609 align-items: center; 1610 background: #fff; 1611 border: 1.5px solid #ccc; 1612 border-radius: 50px; 1613 overflow: hidden; 1614 margin: 0 20px; 1615 transition: border-color 0.2s ease, box-shadow 0.2s ease; 1616} 1617 1618#searchbar:focus-within { 1619 border-color: var(--hameray-orange); 1620 box-shadow: 0 0 0 3px rgba(245, 132, 54, 0.15); 1621} 1622 1623#searchbar label { 1624 display: none; 1625} 1626 1627#Search { 1628 width: 100% !important; 1629 border: none !important; 1630 background: transparent !important; 1631 padding: 11px 20px !important; 1632 font-size: 15px !important; 1633 outline: none !important; 1634 font-family: inherit; 1635 color: var(--hameray-dark); 1636 appearance: none; 1637 -webkit-appearance: none; 1638 border-radius: 0 !important; 1639 margin: 0 !important; 1640 box-shadow: none !important; 1641} 1642 1643#Search::placeholder { 1644 color: #999; 1645 font-weight: 400; 1646} 1647 1648#searchbar .btn, 1649#searchbar button[type="submit"] { 1650 flex-shrink: 0; 1651 background: var(--hameray-orange) !important; 1652 border: none !important; 1653 border-radius: 0 50px 50px 0 !important; 1654 padding: 0 20px !important; 1655 height: 44px; 1656 cursor: pointer; 1657 display: flex !important; 1658 align-items: center !important; 1659 justify-content: center !important; 1660 color: #fff !important; 1661 transition: background 0.2s ease; 1662 margin: 0 !important; 1663 min-width: 50px; 1664} 1665 1666#searchbar .btn:hover, 1667#searchbar button[type="submit"]:hover { 1668 background: #e07530 !important; 1669} 1670 1671#searchbar .btn .icon-fallback-text, 1672#searchbar button[type="submit"] .icon-fallback-text { 1673 display: none; 1674} 1675 1676#searchbar .btn svg, 1677#searchbar button[type="submit"] svg { 1678 width: 20px; 1679 height: 20px; 1680 fill: none; 1681 stroke: #fff; 1682 stroke-width: 2.5; 1683 stroke-linecap: round; 1684 stroke-linejoin: round; 1685} 1686 1687.cart-login img { 1688 height: 20px; 1689 color: #FFF; 1690} 1691 1692.cart-link { 1693 position: relative; 1694 display: inline-block; 1695} 1696 1697.cart-count { 1698 background: #19657c; 1699 color: #fff; 1700 font-size: 11px; 1701 font-weight: 600; 1702 border-radius: 999px; 1703 min-width: 18px; 1704 height: 18px; 1705 padding: 0 5px; 1706 text-align: center; 1707 display: inline-flex; 1708 align-items: center; 1709 justify-content: center; 1710 margin-left: 4px; 1711 box-sizing: border-box; 1712} 1713 1714.wishlist-count { 1715 background: #19657c; 1716 color: #fff; 1717 font-size: 11px; 1718 font-weight: 600; 1719 border-radius: 999px; 1720 min-width: 18px; 1721 height: 18px; 1722 padding: 0 5px; 1723 text-align: center; 1724 display: inline-flex; 1725 align-items: center; 1726 justify-content: center; 1727 margin-left: 4px; 1728 vertical-align: middle; 1729 box-sizing: border-box; 1730} 1731 1732.cart-count--desktop { 1733 position: relative; 1734 top: -1px; 1735 vertical-align: middle; 1736} 1737 1738.cart-count--mobile { 1739 position: absolute; 1740 top: -6px; 1741 right: -10px; 1742 margin-left: 0; 1743 font-size: 10px; 1744 min-width: 16px; 1745 height: 16px; 1746 padding: 0 4px 0 6px; 1747} 1748 1749@keyframes cart-bounce { 1750 0% { transform: scale(1); } 1751 30% { transform: scale(1.25); } 1752 60% { transform: scale(0.9); } 1753 100% { transform: scale(1); } 1754} 1755 1756.cart-link.cart-bounce, 1757.header-nav a .cart-count.cart-bounce { 1758 animation: cart-bounce 0.4s ease; 1759} 1760 1761.site-logo img { 1762 width: 200px !important; 1763 max-width: 200px !important; 1764} 1765 1766.header-middle-section { 1767 border-bottom: 1px solid #f58436; 1768} 1769 1770.nav-search { 1771 margin-top: 20px; 1772} 1773 1774.site-nav > li { 1775 padding-bottom: 20px !important; 1776} 1777 1778ul.site-nav>li a { 1779 padding-bottom: 0px; 1780 padding-left: 30px; 1781 padding-right: 30px; 1782} 1783 1784.header-nav { 1785 display: flex; 1786 align-items: center; 1787} 1788 1789.site-nav__link { 1790 text-align: left; 1791} 1792 1793.menu-listings { 1794 margin-top: 0px; 1795 margin-bottom: 10px; 1796} 1797 1798.menu-subtitle { 1799 font-size: 13px; 1800 font-weight: 500; 1801 letter-spacing: .025em; 1802 margin-top: 40px; 1803 margin-bottom: 20px; 1804 color: #19657c; 1805 text-align: left; 1806 border-bottom: 1px solid #19657c; 1807 padding-bottom: 5px; 1808} 1809 1810.menu-spacer { 1811 margin-top: 20px; 1812} 1813 1814.site-nav__submenu { 1815 padding-top: 25px !important; 1816} 1817 1818ul.site-nav>li div.site-nav__submenu .col {
1819 border-right: none !important; 1820} 1821 1822ul.site-nav>li div.site-nav__submenu .col ul li a { 1823 padding: 6px 0; 1824 font-size: 13px; 1825 font-weight: 500; 1826} 1827 1828ul.site-nav>li div.site-nav__submenu .col:last-child span { 1829 font-size: 13px; 1830 font-weight: 500; 1831 letter-spacing: .025em; 1832 color: #19657c; 1833 text-transform: none; 1834 display: inline-block; 1835} 1836 1837ul.site-nav>li div.site-nav__submenu .col ul { 1838 list-style: disc; 1839 margin: 0; 1840 padding: 0; 1841 padding-left: 20px; 1842} 1843 1844.nav-link-highlight { 1845 color: #F58436 !important; 1846 margin-left: 7px !important; 1847 font-weight: 600 !important; 1848 font-size: 12.5px !important; 1849} 1850 1851.cart-login { 1852 position: absolute; 1853 right: 0px; 1854 border-radius: 5px; 1855 margin-bottom: 0px; 1856 display: none; 1857} 1858 1859.header-text { 1860 display: none; 1861} 1862 1863.header-bar .flex.space { 1864 justify-content: space-between; 1865 align-items: center; 1866} 1867 1868.header-bar .header-nav { 1869 flex: 1; 1870 display: flex; 1871 align-items: center; 1872} 1873 1874.header-bar .header-nav:last-of-type { 1875 justify-content: flex-end; 1876} 1877 1878.header-logo-center { 1879 flex: 1; 1880 text-align: center; 1881 display: flex; 1882 justify-content: center; 1883 align-items: center; 1884} 1885 1886.header-logo-center a { 1887 display: inline-block; 1888 line-height: 0; 1889} 1890 1891.header-logo-center img { 1892 height: 32px; 1893 width: auto; 1894 display: block; 1895} 1896 1897#quote-request-container { 1898 justify-self: end; 1899 position: relative; 1900 left: auto; 1901 text-align: center; 1902 width: 180px; 1903} 1904 1905#quote-request-button { 1906 display: inline-block; 1907 text-align: center; 1908 width: 180px; 1909 background-color: #19657C; 1910 border-radius: 50px; 1911 cursor: pointer; 1912 font-size: 14px; 1913 font-weight: 500; 1914 padding: 5px 0px; 1915 color: white; 1916 text-decoration: none; 1917 transition: .3s all; 1918} 1919 1920#quote-request-button:hover { 1921 background-color: rgba(245, 132, 54, 1); 1922 transition: .3s all; 1923} 1924 1925#quote-request-subtext { 1926 font-size: 10px; 1927 font-weight: 400; 1928 color: #666; 1929 display: block; 1930 margin-top: 4px; 1931 font-style: italic; 1932} 1933 1934ul.site-nav>li { 1935 font-size: 16px !important; 1936} 1937 1938.site-nav__submenu .page-width { 1939 padding-left: 0 !important; 1940 padding-right: 0 !important; 1941} 1942 1943.site-nav__submenu { 1944 padding-left: 50px !important; 1945 padding-right: 50px !important; 1946} 1947 1948.dropdown-card-grid { 1949 display: flex; 1950 flex-wrap: wrap; 1951 gap: 28.5px; 1952 padding: 30px 0 20px; 1953 justify-content: flex-start; 1954 margin: 0 auto; 1955} 1956 1957.dropdown-card { 1958 display: flex; 1959 flex-direction: column; 1960 align-items: center; 1961 text-align: center; 1962 background-color: rgb(243, 243, 243); 1963 border-radius: 10px; 1964 padding: 0; 1965 padding-bottom: 16px; 1966 width: 205px; 1967 flex-shrink: 0; 1968 text-decoration: none; 1969 transition: all 0.3s ease; 1970 overflow: hidden; 1971} 1972 1973a.dropdown-card { 1974 padding-left: 0px !important; 1975 padding-right: 0px !important; 1976} 1977 1978.dropdown-card img { 1979 width: 100%; 1980 height: auto; 1981 max-height: 120px; 1982 object-fit: cover; 1983 border-radius: 10px; 1984 margin-bottom: 12px; 1985} 1986 1987.dropdown-card h4 { 1988 color: #19657C; 1989 font-family: 'Montserrat', sans-serif; 1990 font-size: 16px; 1991 font-weight: 600; 1992 margin: 0; 1993 padding: 16px; 1994 padding-top: 0px; 1995 line-height: 1.3; 1996} 1997 1998.dropdown-card:hover { 1999 background-color: rgb(230, 230, 230); 2000} 2001 2002ul.site-nav>li div.site-nav__submenu h3 { 2003 color: #f58436; 2004 font-size: 25px; 2005 font-family: Superclarendon; 2006 font-weight: 500; 2007 margin: 0px; 2008} 2009 2010@media only screen and (max-width: 1200px) { 2011 .header-middle-section { 2012 padding: 0 20px; 2013 } 2014 2015 #searchbar { 2016 max-width: 500px; 2017 } 2018} 2019 2020@media only screen and (max-width: 1024px) { 2021 #searchbar { 2022 max-width: 380px; 2023 margin: 0 12px; 2024 } 2025} 2026 2027@media only screen and (max-width: 1125px) { 2028 2029 ul.site-nav>li a { 2030 padding-bottom: 0px; 2031 padding-left: 25px; 2032 padding-right: 25px; 2033 } 2034 2035} 2036 2037@media only screen and (max-width: 1065px) { 2038 2039 ul.site-nav>li a { 2040 padding-left: 20px; 2041 padding-right: 20px; 2042 } 2043 2044} 2045 2046@media only screen and (max-width: 1005px) { 2047 2048 ul.site-nav>li a { 2049 padding-left: 15px; 2050 padding-right: 15px; 2051 } 2052 2053} 2054 2055@media only screen and (max-width: 950px) { 2056 2057 ul.site-nav>li:first-of-type { 2058 display: inline-block; 2059 } 2060 2061 ul.site-nav>li:first-of-type a { 2062 padding-left: 0px !important; 2063 } 2064 2065 .header-section-bottom { 2066 padding: 0 15px !important; 2067 } 2068 2069} 2070 2071@media only screen and (max-width: 900px) { 2072 2073 ul.site-nav>li a { 2074 padding-left: 10px; 2075 padding-right: 10px; 2076 } 2077 2078} 2079 2080@media only screen and (max-width: 851px) { 2081 2082 #brochure-download, #searchbar, #quote-request-container { 2083 display: none !important; 2084 } 2085 2086 .header-bar .header-nav:last-of-type li:last-child { 2087 display: none; 2088 } 2089 2090 .header-bar .header-nav:last-of-type li:nth-child(2) { 2091 margin-right: 0px; 2092 } 2093 2094 .cart-login { 2095 display: block; 2096 } 2097 2098 .mobile-menu-trigger { 2099 position: absolute; 2100 left: 0px; 2101 } 2102 2103 .logo-account { 2104 justify-content: center !important; 2105 padding: 7.5px 30px !important; 2106 } 2107 2108 .header-logo-left { 2109 display: contents; 2110 } 2111} 2112 2113@media only screen and (max-width: 700px) { 2114 2115 .header-text { 2116 display: block; 2117 } 2118 2119 .header-logo-center { 2120 display: none; 2121 } 2122 2123} 2124 2125@media only screen and (max-width: 500px) { 2126 2127 .site-logo img { 2128 width: 237.5px !important; 2129 max-width: 237.5px !important; 2130 } 2131 2132} 2133 2134@media only screen and (max-width: 400px) { 2135 2136 .site-logo img { 2137 width: 207.5px !important; 2138 max-width: 207.5px !important; 2139 } 2140 2141} 2142 2143@media only screen and (max-width: 350px) { 2144 2145 .site-logo img { 2146 width: 187.5px !important; 2147 max-width: 187.5px !important; 2148 } 2149 2150} 2151 2152@media only screen and (max-width: 300px) { 2153 2154 .site-logo img { 2155 width: 157.5px !important; 2156 max-width: 157.5px !important; 2157 } 2158 2159} 2160 2161</style> 2162 2163 2164 2165 2166 2167 2168 2169 2170 2171 2172<div data-section-id = 'header-new-8-original' data-section-type = 'header-section'> 2173 2174 <header role = 'banner'> 2175 2176 2177 2178 2179 2180 <div class = 'header-bar'> 2181 <div class = 'page-width'> 2182 <div class = 'flex space flex-center'> 2183 2184 <ul class = 'header-nav'> 2185 <li><a href = '/pages/catalogs-and-brochures'>Catalog</a></li> 2186 <li><a href = '/pages/contact-us'>Contact</a></li> 2187 </ul> 2188 2189 <ul class = 'header-nav'> 2190 <li><a href = '/pages/wishlist'>Wishlist</a> <span class="wishlist-count" style="display:none;"></span></li> 2191 2192 <li><a href="/account/login" id="customer_login_link">Log in</a></li> 2193 2194 <li><a href = '/cart'>Cart</a> <span class="cart-count cart-count--desktop" style="display:none;">0</span></li> 2195 </ul> 2196 2197 <span class = 'header-text'>
2197Let us help! Call us toll-free 866.918.6173</span> 2198 2199 </div> 2200 </div> 2201 </div> 2202 2203 2204 2205 2206 2207 <div class = 'header-main-section'> 2208 <div class = 'header-middle-section'> 2209 <div class = 'logo-account page-width'> 2210 2211 2212 2213 2214 2215 <a class = 'mobile-menu-trigger' href = '#'> 2216 <span>Main Menu</span> 2217 <span></span> 2218 </a> 2219 2220 2221 2222 2223 2224 2225 <div class = 'header-logo-left'> 2226 <div class = 'h1'> 2227 2228 <a href = '/' class = 'site-logo'> 2229 <img src = 'https://cdn.shopify.com/s/files/1/2137/3313/files/hameray-publishing-group-logo-text.jpg' alt = 'Hameray Publishing' /> 2230 </a> 2231 2232 </div> 2233 </div> 2234 2235 2236 2237 2238 <form id = 'searchbar' action = '/search' method = 'get' role = 'search'> 2239 <input type = 'search' name = 'q' id = 'Search' placeholder = "Search our site..." autocomplete = 'off'> 2240 <button type = 'submit' class = 'btn'> 2241 <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> 2242 <span class = 'icon-fallback-text'>Search</span> 2243 </button> 2244 </form> 2245 2246 2247 2248 2249 <div id = 'quote-request-container'> 2250 <a id = 'quote-request-button' href = '/pages/get-help-choosing-books' target = '_blank'> 2251 Get Help<br>Choosing Books 2252 </a> 2253 <span id = 'quote-request-subtext'>Free guidance. No pressure.</span> 2254 </div> 2255 2256 2257 2258 2259 2260 <div class = 'cart-login'> 2261 <a href = '/cart' class = 'cart-link'> 2262 <img src = '//cdn.shopify.com/s/files/1/2137/3313/t/3/assets/cart-base.svg?v=17301320609903383747' alt = ''> 2263 <img src = '//cdn.shopify.com/s/files/1/2137/3313/t/3/assets/cart-hover.svg?v=16586892917602588454' alt = ''> 2264 <span class="cart-count cart-count--mobile" style="display:none;">0</span> 2265 </a> 2266 </div> 2267 2268 2269 2270 2271 2272 </div> 2273 </div> 2274 2275 2276 2277 2278 2279 <div class = 'flex space flex-end nav-search'> 2280 <div class = 'page-width header-section-bottom'> 2281 <nav role = 'navigation'> 2282 <ul class = 'site-nav'> 2283 2284 2285 2286 2287 2288 2289 <li class = 'site-nav--has-submenu site-nav--active'> 2290 <a href = '/pages/shop-by' class = 'site-nav__link'>Shop By <i class = 'fa fa-caret-down'></i></a> 2291 <div class = 'site-nav__submenu'> 2292 <div class = 'page-width'> 2293 <h3>Shop English Literacy Resources</h3> 2294 <div class = 'dropdown-card-grid'> 2295 <a href = '/pages/shop-by-grade' class = 'dropdown-card'> 2296 <img loading = 'lazy' src = 'https://hameray-images.s3.us-west-1.amazonaws.com/collection-book-sets-by-grade-level.png'> 2297 <h4>Grade</h4> 2298 </a> 2299 <a href = '/pages/shop-by-reading-level-2' class = 'dropdown-card'> 2300 <img loading = 'lazy' src = 'https://hameray-images.s3.us-west-1.amazonaws.com/collection-sets-by-reading-level.png'> 2301 <h4>Level</h4> 2302 </a> 2303 <a href = '/pages/shop-by-skill' class = 'dropdown-card'> 2304 <img loading = 'lazy' src = 'https://hameray-images.s3.us-west-1.amazonaws.com/collection-los-pajaritos-de-joy-cowley.png'> 2305 <h4>Skill</h4> 2306 </a> 2307 <a href = '/pages/shop-by-series-2' class = 'dropdown-card'> 2308 <img loading = 'lazy' src = 'https://hameray-images.s3.us-west-1.amazonaws.com/collection-fabulas-y-el-mundo-real.png'> 2309 <h4>Series</h4> 2310 </a> 2311 <a href = '/pages/shop-by-genre' class = 'dropdown-card'> 2312 <img loading = 'lazy' src = 'https://hameray-images.s3.us-west-1.amazonaws.com/collection-story-world-real-world.png'> 2313 <h4>Genre</h4> 2314 </a> 2315 <a href = '/pages/shop-by-content-area-2' class = 'dropdown-card'> 2316 <img loading = 'lazy' src = 'https://hameray-images.s3.us-west-1.amazonaws.com/collection-new-spanish-books.png'> 2317 <h4>Topic, Subject, Content Area</h4> 2318 </a> 2319 </div> 2320 </div> 2321 </div> 2322 </li> 2323 2324 2325 2326 2327 2328 2329 <li class = 'site-nav--active'><a href = '/pages/best-sellers' class = 'site-nav__link'>Best Sellers</a></li> 2330 2331 2332 2333 2334 2335 2336 <li class = 'site-nav--active'><a href = '/pages/bundles-and-kits' class = 'site-nav__link'>Bundles & Kits</a></li> 2337 2338 2339 2340 2341 2342 2343 <li class = 'site-nav--has-submenu site-nav--active'> 2344 <a href = '/pages/shop-by-skill' class = 'site-nav__link'>Shop by Skill <i class = 'fa fa-caret-down'></i></a> 2345 <div class = 'site-nav__submenu'> 2346 <div class = 'page-width'> 2347 <h3>Shop by Skill</h3> 2348 <div class = 'dropdown-card-grid'> 2349 <a href = '/pages/build-phonics' class = 'dropdown-card'> 2350 <img loading = 'lazy' src = 'https://hameray-images.s3.us-west-1.amazonaws.com/collection-
2350phonics-resources.png'> 2351 <h4>Build Phonics</h4> 2352 </a> 2353 <a href = '/pages/boost-fluency' class = 'dropdown-card'> 2354 <img loading = 'lazy' src = 'https://hameray-images.s3.us-west-1.amazonaws.com/collection-dual-language.png'> 2355 <h4>Boost Fluency</h4> 2356 </a> 2357 <a href = '/pages/independent-reading' class = 'dropdown-card'> 2358 <img loading = 'lazy' src = 'https://hameray-images.s3.us-west-1.amazonaws.com/collection-spanish-books-for-7-year-olds.png'> 2359 <h4>Independent Reading</h4> 2360 </a> 2361 <a href = '/pages/support-english-learners' class = 'dropdown-card'> 2362 <img loading = 'lazy' src = 'https://hameray-images.s3.us-west-1.amazonaws.com/collection-spanish-level-2-books.png'> 2363 <h4>Support English Learners</h4> 2364 </a> 2365 <a href = '/pages/whole-group-read-alouds' class = 'dropdown-card'> 2366 <img loading = 'lazy' src = 'https://hameray-images.s3.us-west-1.amazonaws.com/collection-spanish-level-5-books.png'> 2367 <h4>Whole Group <br>Read-Alouds</h4> 2368 </a> 2369 </div> 2370 </div> 2371 </div> 2372 </li> 2373 2374 2375 2376 2377 2378 2379 <li class = 'site-nav--has-submenu site-nav--active'> 2380 <a href = '/pages/shop-spanish' class = 'site-nav__link'>Spanish <i class = 'fa fa-caret-down'></i></a> 2381 <div class = 'site-nav__submenu'> 2382 <div class = 'page-width'> 2383 <h3>Shop Spanish Literacy Resources</h3> 2384 <div class = 'dropdown-card-grid'> 2385 <a href = '/pages/shop-spanish-by-grade-level' class = 'dropdown-card'> 2386 <img loading = 'lazy' src = 'https://hameray-images.s3.us-west-1.amazonaws.com/collection-book-sets-by-grade-level.png'> 2387 <h4>Grade</h4> 2388 </a> 2389 <a href = '/pages/shop-spanish-by-reading-level' class = 'dropdown-card'> 2390 <img loading = 'lazy' src = 'https://hameray-images.s3.us-west-1.amazonaws.com/collection-sets-by-reading-level.png'> 2391 <h4>Level</h4> 2392 </a> 2393 <a href = '/pages/shop-spanish-by-series' class = 'dropdown-card'> 2394 <img loading = 'lazy' src = 'https://hameray-images.s3.us-west-1.amazonaws.com/collection-fabulas-y-el-mundo-real.png'> 2395 <h4>Series</h4> 2396 </a> 2397 <a href = '/pages/shop-spanish-by-genre' class = 'dropdown-card'> 2398 <img loading = 'lazy' src = 'https://hameray-images.s3.us-west-1.amazonaws.com/collection-story-world-real-world.png'> 2399 <h4>Genre</h4> 2400 </a> 2401 <a href = '/pages/shop-spanish-by-content-area' class = 'dropdown-card'> 2402 <img loading = 'lazy' src = 'https://hameray-images.s3.us-west-1.amazonaws.com/collection-new-spanish-books.png'> 2403 <h4>Topic, Subject, Content Area</h4> 2404 </a> 2405 <a href = '/collections/spanish-big-books' class = 'dropdown-card'> 2406 <img loading = 'lazy' src = 'https://hameray-images.s3.us-west-1.amazonaws.com/collection-spanish-level-5-books.png'> 2407 <h4>Whole Group <br>Read-Alouds</h4> 2408 </a> 2409 <a href = '/collections/dual-language' class = 'dropdown-card'> 2410 <img loading = 'lazy' src = 'https://hameray-images.s3.us-west-1.amazonaws.com/collection-dual-language.png'> 2411 <h4>Dual Language</h4> 2412 </a> 2413 </div> 2414 </div> 2415 </div> 2416 </li> 2417 2418 2419 2420 2421 2422 2423 <li class = 'site-nav--has-submenu site-nav--active'> 2424 <a href = '/pages/teacher-resources' class = 'site-nav__link'>Resources <i class = 'fa fa-caret-down'></i></a> 2425 <div class = 'site-nav__submenu'> 2426 <div class = 'page-width'> 2427 <h3>Resources for Teachers</h3> 2428 <div class = 'dropdown-card-grid'> 2429 <a href = '/pages/teachers-guides' class = 'dropdown-card'> 2430 <img src = 'https://www.hameraypublishing.com/cdn/shop/files/hameray-publishing-teacher-resources-teacher-guides_500x.jpg'> 2431 <h4>Teacher's Guides</h4> 2432 </a> 2433 <a href = '/pages/worksheets' class = 'dropdown-card'> 2434 <img src = 'https://www.hameraypublishing.com/cdn/shop/files/book-wor
2434ksheets_500x.jpg'> 2435 <h4>Worksheets</h4> 2436 </a> 2437 <a href = '/blogs/all' class = 'dropdown-card'> 2438 <img src = 'https://www.hameraypublishing.com/cdn/shop/files/hameray-publishing-teacher-resources-hameray-classroom-literacy-blog_500x.jpg'> 2439 <h4>Blog</h4> 2440 </a> 2441 <a href = '/pages/catalogs-and-brochures' class = 'dropdown-card'> 2442 <img src = 'https://www.hameraypublishing.com/cdn/shop/files/image4_500x.jpg'> 2443 <h4>Catalogs & Brochures</h4> 2444 </a> 2445 <a href = '/pages/sample-books' class = 'dropdown-card'> 2446 <img src = 'https://www.hameraypublishing.com/cdn/shop/files/hameray-publishing-teacher-resources-digital-sample-books_500x.jpg'> 2447 <h4>Sample Books</h4> 2448 </a> 2449 <a href = '/pages/teacher-resources' class = 'dropdown-card'> 2450 <img src = 'https://www.hameraypublishing.com/cdn/shop/files/literacy-guides-and-literacy-glossary_500x.jpg'> 2451 <h4>Other Resources</h4> 2452 </a> 2453 </div> 2454 </div> 2455 </div> 2456 </li> 2457 2458 2459 2460 2461 2462 </ul> 2463 </nav> 2464 </div> 2465 </div> 2466 </header> 2467 </div> 2468 2469 2470 2471 2472 2473 2474 2475 2476 2477 2478 <!-- ============================================================ 2479 Mobile Menu Redesign 2480 ============================================================ --> 2481 2482<style> 2483 2484/* ââ Prevent horizontal overflow at all viewport sizes ââââââââââ */ 2485html, body { 2486 overflow-x: hidden; 2487} 2488 2489/* ââ Hide default mobile menu & trigger âââââââââââ */ 2490 2491@media only screen and (max-width: 850px) { 2492 2493 .mobile-menu { 2494 display: none !important; 2495 } 2496 2497 .mobile-menu-trigger { 2498 display: none !important; 2499 } 2500 2501 .cart-login { 2502 display: none !important; 2503 } 2504 2505 /* Hide the existing header middle/bottom sections on mobile */ 2506 .header-middle-section { 2507 display: none !important; 2508 } 2509 2510 .nav-search { 2511 display: none !important; 2512 } 2513 2514 /* Make header non-fixed so it flows naturally above our mobile header */ 2515 div[data-section-type="header-section"] { 2516 position: relative !important; 2517 } 2518 2519 #MainContent { 2520 margin-top: 0px !important; 2521 } 2522 2523 /* Show announcement text and hide nav links in the orange bar */ 2524 .header-bar .header-nav { 2525 display: none !important; 2526 } 2527 2528 .header-bar .header-text { 2529 display: block !important; 2530 text-align: center; 2531 width: 100%; 2532 } 2533 2534 .header-bar .header-text a { 2535 color: #fff !important; 2536 } 2537} 2538 2539/* ââ New Mobile Header âââââââââââââââââââââââââââââââââââââââââ */ 2540 2541.st-mobile-header { 2542 display: none; 2543} 2544 2545@media only screen and (max-width: 850px) { 2546 2547 .st-mobile-header { 2548 display: flex; 2549 align-items: center; 2550 justify-content: space-between; 2551 padding: 0 16px; 2552 height: 75px; 2553 background: #fff; 2554 border-bottom: 1px solid #eee; 2555 position: sticky; 2556 top: 0; 2557 z-index: 25; 2558 } 2559 2560 .st-mobile-header__left { 2561 display: flex; 2562 align-items: center; 2563 gap: 16px; 2564 flex: 1; 2565 } 2566 2567 .st-mobile-header__center { 2568 flex: 1; 2569 display: flex; 2570 justify-content: center; 2571 align-items: center; 2572 } 2573 2574 .st-mobile-header__center a { 2575 display: inline-block; 2576 line-height: 0; 2577 } 2578 2579 .st-mobile-header__center img { 2580 height: 60px !important; 2581 width: auto !important; 2582 max-width: none !important; 2583 } 2584 2585 .st-mobile-header__right { 2586 flex: 1; 2587 display: flex; 2588 justify-content: flex-end; 2589 align-items: center; 2590 } 2591 2592 /* Hamburger button */ 2593 .st-hamburger { 2594 background: none; 2595 border: none; 2596 padding: 4px; 2597 cursor: pointer; 2598 width: 32px; 2599 height: 32px; 2600 display: flex; 2601 align-items: center; 2602 justify-content: center; 2603 position: relative; 2604 -webkit-tap-highlight-color: transparent; 2605 } 2606 2607 .st-hamburger__lines { 2608 display: block; 2609 width: 22px; 2610 height: 2px; 2611 background-color: #F58436; 2612 position: relative; 2613 transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1); 2614 } 2615 2616 .st-hamburger__lines::before, 2617 .st-hamburger__lines::after { 2618 content: ''; 2619 display: block; 2620 width: 22px; 2621 height: 2px; 2622 background-color: #F58436; 2623 position: absolute; 2624 left: 0; 2625 transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), 2626 top 0.15s cubic-bezier(0.4, 0, 0.2, 1) 0.15s; 2627 } 2628 2629 .st-hamburger__lines::before { 2630 top: -7px; 2631 } 2632 2633 .st-hamburger__lines::after { 2634 top: 7px; 2635 } 2636 2637 /* X state â two-stage: collapse lines first, then rotate */ 2638 .st-hamburger.is-active .st-hamburger__lines { 2639 background-color: transparent; 2640 } 2641 2642 .st-hamburger.is-active .st-hamburger__lines::before, 2643 .st-hamburger.is-active .st-hamburger__lines::after { 2644 transition: top 0.15s cubic-bezier(0.4, 0, 0.2, 1), 2645 transform 0.35s cubic-bezier(0.4, 0, 0.2, 1) 0.15s; 2646 } 2647 2648 .st-hamburger.is-active .st-hamburger__lines::before { 2649 top: 0; 2650 transform: rotate(45deg); 2651 } 2652 2653 .st-hamburger.is-active .st-hamburger__lines::after { 2654 top: 0; 2655 transform: rotate(-45deg); 2656 } 2657 2658 /* Search icon button */ 2659 .st-search-btn { 2660 background: none; 2661 border: none; 2662 padding: 4px; 2663 cursor: pointer; 2664 width: 32px; 2665 height: 32px; 2666 display: flex; 2667 align-items: center; 2668 justify-content: center; 2669 -webkit-tap-highlight-color: transparent; 2670 } 2671 2672 .st-search-btn svg {
2673 width: 20px; 2674 height: 20px; 2675 stroke: #F58436; 2676 fill: none; 2677 stroke-width: 2; 2678 stroke-linecap: round; 2679 stroke-linejoin: round; 2680 } 2681 2682 /* Cart icon */ 2683 .st-cart-link { 2684 position: relative; 2685 display: inline-flex; 2686 align-items: center; 2687 justify-content: center; 2688 } 2689 2690 .st-cart-link img { 2691 height: 20px; 2692 width: auto; 2693 } 2694 2695 .st-cart-count { 2696 position: absolute; 2697 top: -6px; 2698 right: -10px; 2699 background: #19657C; 2700 color: #fff; 2701 font-size: 10px; 2702 font-weight: 600; 2703 border-radius: 999px; 2704 min-width: 16px; 2705 height: 16px; 2706 padding: 0 4px 0 6px; 2707 display: inline-flex; 2708 align-items: center; 2709 justify-content: center; 2710 line-height: 1; 2711 box-sizing: border-box; 2712 } 2713 2714} 2715 2716/* ââ Overlay âââââââââââââââââââââââââââââââââââââââââââââââââââ */ 2717 2718.st-menu-overlay { 2719 display: none; 2720 position: fixed; 2721 top: 0; 2722 left: 0; 2723 width: 100%; 2724 height: 100%; 2725 background: rgba(0, 0, 0, 0.4); 2726 z-index: 21; 2727 opacity: 0; 2728 transition: opacity 0.3s ease; 2729} 2730 2731.st-menu-overlay.is-visible { 2732 display: block; 2733 opacity: 1; 2734} 2735 2736/* ââ Menu Panel ââââââââââââââââââââââââââââââââââââââââââââââââ */ 2737 2738.st-menu { 2739 display: none; 2740} 2741 2742@media only screen and (max-width: 850px) { 2743 2744 .st-menu { 2745 display: block; 2746 position: fixed; 2747 top: 60px; 2748 left: 0; 2749 width: 85vw; 2750 max-width: 380px; 2751 height: calc(100% - 60px); 2752 background: #fff; 2753 z-index: 22; 2754 transform: translateX(-100%); 2755 transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1); 2756 overflow-y: auto; 2757 overflow-x: hidden; 2758 -webkit-overflow-scrolling: touch; 2759 box-shadow: 2px 0 12px rgba(0, 0, 0, 0.08); 2760 } 2761 2762 .st-menu.is-open { 2763 transform: translateX(0); 2764 } 2765 2766 /* ââ Section 1: Shop âââââââââââââââââââââââââââââââââââââââââ */ 2767 2768 .st-menu__shop { 2769 border-bottom: 1px solid #eee; 2770 } 2771 2772 .st-menu__shop-list { 2773 list-style: none; 2774 margin: 0; 2775 padding: 0; 2776 } 2777 2778 .st-menu__shop-list li { 2779 border-bottom: 1px solid #f0f0f0; 2780 } 2781 2782 .st-menu__shop-list li:last-child { 2783 border-bottom: none; 2784 } 2785 2786 .st-menu__shop-list li a { 2787 display: flex; 2788 align-items: center; 2789 justify-content: space-between; 2790 padding: 14px 20px; 2791 font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif; 2792 font-size: 14px; 2793 font-weight: 600; 2794 letter-spacing: 0.02em; 2795 color: #19657C; 2796 text-decoration: none; 2797 transition: transform 0.15s ease, background 0.15s ease; 2798 -webkit-tap-highlight-color: transparent; 2799 } 2800 2801 .st-menu__shop-list li a:active { 2802 transform: scale(0.98); 2803 background: #f7f7f7; 2804 } 2805 2806 .st-menu__shop-list li a svg { 2807 width: 14px; 2808 height: 14px; 2809 stroke: #F58436; 2810 fill: none; 2811 stroke-width: 2.5; 2812 flex-shrink: 0; 2813 margin-left: 8px; 2814 } 2815 2816 /* ââ Sub-menu (drill-down) âââââââââââââââââââââââââââââââââââ */ 2817 2818 .st-submenu { 2819 position: absolute; 2820 top: 0; 2821 left: 0; 2822 width: 100%; 2823 height: 100%; 2824 background: #fff; 2825 transform: translateX(100%); 2826 transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); 2827 overflow-y: auto; 2828 -webkit-overflow-scrolling: touch; 2829 z-index: 2; 2830 } 2831 2832 .st-submenu.is-open { 2833 transform: translateX(0); 2834 } 2835 2836 .st-submenu__header { 2837 display: flex; 2838 align-items: center; 2839 justify-content: center; 2840 position: relative; 2841 padding: 14px 20px; 2842 border-bottom: 1px solid #eee; 2843 background: #fafafa; 2844 } 2845 2846 .st-submenu__back { 2847 position: absolute; 2848 left: 16px; 2849 background: none; 2850 border: none; 2851 padding: 4px; 2852 cursor: pointer; 2853 display: flex; 2854 align-items: center; 2855 justify-content: center; 2856 -webkit-tap-highlight-color: transparent; 2857 } 2858 2859 .st-submenu__back svg { 2860 width: 18px; 2861 height: 18px; 2862 stroke: #19657C; 2863 fill: none; 2864 stroke-width: 2.5; 2865 } 2866 2867 .st-submenu__title { 2868 font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif; 2869 font-size: 14px; 2870 font-weight: 700; 2871 letter-spacing: 0.04em; 2872 text-transform: uppercase; 2873 color: #19657C; 2874 margin: 0; 2875 } 2876 2877 .st-submenu__list { 2878 list-style: none; 2879 margin: 0; 2880 padding: 0; 2881 } 2882 2883 .st-submenu__list li {
2884 border-bottom: 1px solid #f0f0f0; 2885 } 2886 2887 .st-submenu__list li:last-child { 2888 border-bottom: none; 2889 } 2890 2891 .st-submenu__list li a { 2892 display: block; 2893 padding: 13px 20px; 2894 font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif; 2895 font-size: 14px; 2896 font-weight: 500; 2897 color: #333; 2898 text-decoration: none; 2899 transition: transform 0.15s ease, background 0.15s ease; 2900 -webkit-tap-highlight-color: transparent; 2901 } 2902 2903 .st-submenu__list li a:active { 2904 transform: scale(0.98); 2905 background: #f7f7f7; 2906 } 2907 2908 /* ââ Section 2: Account/Utility ââââââââââââââââââââââââââââââ */ 2909 2910 .st-menu__account { 2911 padding: 8px 0; 2912 background: #fafaf8; 2913 border-bottom: 1px solid #eee; 2914 } 2915 2916 .st-menu__account-list { 2917 list-style: none; 2918 margin: 0; 2919 padding: 0; 2920 } 2921 2922 .st-menu__account-list li a { 2923 display: flex; 2924 align-items: center; 2925 gap: 12px; 2926 padding: 12px 20px; 2927 font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif; 2928 font-size: 14px; 2929 font-weight: 500; 2930 color: #333; 2931 text-decoration: none; 2932 transition: transform 0.15s ease, background 0.15s ease; 2933 -webkit-tap-highlight-color: transparent; 2934 } 2935 2936 .st-menu__account-list li a:active { 2937 transform: scale(0.98); 2938 background: rgba(0, 0, 0, 0.03); 2939 } 2940 2941 .st-menu__account-list li a svg { 2942 width: 18px; 2943 height: 18px; 2944 stroke: #19657C; 2945 fill: none; 2946 stroke-width: 1.8; 2947 flex-shrink: 0; 2948 } 2949 2950 /* ââ Section 3: Contact Info âââââââââââââââââââââââââââââââââ */ 2951 2952 .st-menu__contact { 2953 padding: 24px 20px 40px; 2954 padding-bottom: calc(40px + env(safe-area-inset-bottom, 0px)); 2955 } 2956 2957 .st-menu__contact-heading { 2958 font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif; 2959 font-size: 13px; 2960 font-weight: 700; 2961 letter-spacing: 0.06em; 2962 text-transform: uppercase; 2963 color: #19657C; 2964 margin: 0 0 12px 0; 2965 } 2966 2967 .st-menu__contact p { 2968 font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif; 2969 font-size: 14px; 2970 font-weight: 400; 2971 color: #555; 2972 line-height: 1.6; 2973 margin: 0; 2974 } 2975 2976 .st-menu__contact a { 2977 color: #F58436; 2978 text-decoration: none; 2979 font-weight: 500; 2980 } 2981 2982 .st-menu__contact a:hover { 2983 text-decoration: underline; 2984 } 2985 2986 /* ââ Menu inner wrapper for sub-menu positioning âââââââââââââ */ 2987 2988 .st-menu__inner { 2989 position: relative; 2990 min-height: 100%; 2991 } 2992 2993} 2994 2995@media only screen and (max-width: 525px) { 2996 2997 .st-mobile-header { 2998 height: 65px; 2999 } 3000 3001 .st-mobile-header__center img { 3002 height: 50px !important; 3003 } 3004 3005} 3006 3007@media only screen and (max-width: 380px) { 3008 3009 .st-mobile-header { 3010 height: 55px; 3011 } 3012 3013 .st-mobile-header__center img { 3014 height: 40px !important; 3015 } 3016 3017} 3018 3019</style> 3020 3021<!-- ââ New Mobile Header âââââââââââââââââââââââââââââââââââââââ --> 3022 3023<div class="st-mobile-header"> 3024 <div class="st-mobile-header__left"> 3025 <button class="st-hamburger" id="stHamburger" aria-label="Open menu"> 3026 <span class="st-hamburger__lines"></span> 3027 </button> 3028 <button class="st-search-btn" id="stSearchBtn" aria-label="Search"> 3029 <svg viewBox="0 0 24 24"> 3030 <circle cx="11" cy="11" r="8" /> 3031 <line x1="21" y1="21" x2="16.65" y2="16.65" /></svg> 3032 </button> 3033 </div> 3034 <div class="st-mobile-header__center"> 3035 <a href="/"> 3036 <img src="https://cdn.shopify.com/s/files/1/2137/3313/files/hameray-publishing-group-logo.svg" alt="Hameray Publishing Group"> 3037 </a> 3038 </div> 3039 <div class="st-mobile-header__right"> 3040 <a href="/cart" class="st-cart-link" aria-label="Cart"> 3041 <img src="//www.hameraypublishing.com/cdn/shop/t/3/assets/cart-base.svg?v=173013206099033837471772694707" alt="" /> 3042 <span class="st-cart-count cart-count" style="display:none;" >0</span> 3043 </a> 3044 </div> 3045</div> 3046 3047<!-- ââ Overlay ââââââââââââââââââââââââââââââââââââââââââââââââââ --> 3048 3049<div class="st-menu-overlay" id="stMenuOverlay"></div> 3050 3051<!-- ââ Menu Panel âââââââââââââââââââââââââââââââââââââââââââââââ --> 3052 3053<div class="st-menu" id="stMenu"> 3054 <div class="st-menu__inner"> 3055 3056 <!-- Section 1: Shop --> 3057 <div class="st-menu__shop"> 3058 <ul class="st-menu__shop-list"> 3059 3060 <li> 3061 <a href="#" data-st-submenu="shopBy"> 3062 <span>Shop By</span> 3063 <svg viewBox="0 0 24 24"> 3064 <polyline points="9 18 15 12 9 6" /></svg> 3065 </a> 3066 </li> 3067 3068 <li><a href="/pages/best-sellers"><span>Best Sellers</span></a></li> 3069 3070 <li><a href="/pages/bundles-and-kits"><span>Bundles & Kits</span></a></li> 3071 3072 <li> 3073 <a href="#" data-st-submenu="shopBySkill"> 3074 <span>Shop by Skill</span> 3075 <svg viewBox="0 0 24 24"> 3076 <polyline points="9 18 15 12 9 6" /></svg> 3077 </a> 3078 </li> 3079 3080 <li> 3081 <a href="#" data-st-submenu="spanish"> 3082 <span>Shop Spanish</span> 3083 <svg viewBox="0 0 24 24"> 3084 <polyline points="9 18 15 12 9 6" /></svg> 3085 </a> 3086 </li> 3087 3088 <li> 3089 <a href="#" data-st-submenu="resources"> 3090 <span>Teacher Resources</span> 3091 <svg viewBox="0 0 24 24"> 3092 <polyline points="9 18 15 12 9 6" /></svg> 3093 </a> 3094 </li> 3095 3096 </ul> 3097 3098 <!-- Sub-menu: Shop By --> 3099 <div class="st-submenu" id="st-sub-shopBy"> 3100 <div class="st-submenu__header"> 3101 <button class="st-submenu__back" data-st-back aria-label="Back"> 3102 <svg viewBox="0 0 24 24"> 3103 <polyline points="15 18 9 12 15 6" /></svg> 3104 </button> 3105 <h3 class="st-submenu__title">Shop By</h3>
3106 </div> 3107 <ul class="st-submenu__list"> 3108 <li><a href="/pages/shop-by-grade">Shop by Grade</a></li> 3109 <li><a href="/pages/shop-by-reading-level-2">Shop by Level</a></li> 3110 <li><a href="/pages/shop-by-skill">Shop by Skill</a></li> 3111 <li><a href="/pages/shop-by-series-2">Shop by Series</a></li> 3112 <li><a href="/pages/shop-by-genre">Shop by Genre</a></li> 3113 <li><a href="/pages/shop-by-content-area-2">Shop by Topic, Subject, Content Area</a></li> 3114 </ul> 3115 </div> 3116 3117 <!-- Sub-menu: Shop by Skill --> 3118 <div class="st-submenu" id="st-sub-shopBySkill"> 3119 <div class="st-submenu__header"> 3120 <button class="st-submenu__back" data-st-back aria-label="Back"> 3121 <svg viewBox="0 0 24 24"> 3122 <polyline points="15 18 9 12 15 6" /></svg> 3123 </button> 3124 <h3 class="st-submenu__title">Shop by Skill</h3> 3125 </div> 3126 <ul class="st-submenu__list"> 3127 <li><a href="/pages/build-phonics">Build Phonics</a></li> 3128 <li><a href="/pages/boost-fluency">Boost Fluency</a></li> 3129 <li><a href="/pages/independent-reading">Independent Reading</a></li> 3130 <li><a href="/pages/support-english-learners">Support English Learners</a></li> 3131 <li><a href="/pages/whole-group-read-alouds">Whole Group Read-Alouds</a></li> 3132 </ul> 3133 </div> 3134 3135 <!-- Sub-menu: Spanish --> 3136 <div class="st-submenu" id="st-sub-spanish"> 3137 <div class="st-submenu__header"> 3138 <button class="st-submenu__back" data-st-back aria-label="Back"> 3139 <svg viewBox="0 0 24 24"> 3140 <polyline points="15 18 9 12 15 6" /></svg> 3141 </button> 3142 <h3 class="st-submenu__title">Shop Spanish</h3> 3143 </div> 3144 <ul class="st-submenu__list"> 3145 <li><a href="/pages/shop-spanish-by-grade-level">Shop Spanish by Grade</a></li> 3146 <li><a href="/pages/shop-spanish-by-reading-level">Shop Spanish by Level</a></li> 3147 <li><a href="/pages/shop-spanish-by-series">Shop Spanish by Series</a></li> 3148 <li><a href="/pages/shop-spanish-by-genre">Shop Spanish by Genre</a></li> 3149 <li><a href="/pages/shop-spanish-by-content-area">Shop Spanish by Topic, Subject, Content Area</a></li> 3150 <li><a href="/collections/spanish-big-books">Shop Spanish Whole Group Read-Alouds</a></li> 3151 <li><a href="/collections/dual-language">Shop Dual Language</a></li> 3152 </ul> 3153 </div> 3154 3155 <!-- Sub-menu: Resources --> 3156 <div class="st-submenu" id="st-sub-resources"> 3157 <div class="st-submenu__header"> 3158 <button class="st-submenu__back" data-st-back aria-label="Back"> 3159 <svg viewBox="0 0 24 24"> 3160 <polyline points="15 18 9 12 15 6" /></svg> 3161 </button> 3162 <h3 class="st-submenu__title">Teacher Resources</h3> 3163 </div> 3164 <ul class="st-submenu__list"> 3165 <li><a href="/pages/teachers-guides">Teacher's Guides</a></li> 3166 <li><a href="/pages/worksheets">Worksheets</a></li> 3167 <li><a href="/blogs/all">Blog</a></li> 3168 <li><a href="/pages/catalogs-and-brochures">Catalogs & Brochures</a></li> 3169 <li><a href="/pages/sample-books">Sample Books</a></li> 3170 <li><a href="/pages/teacher-resources">Other Resources</a></li> 3171 </ul> 3172 </div> 3173 3174 </div> 3175 3176 <!-- Section 2: Account / Utility --> 3177 <div class="st-menu__account"> 3178 <ul class="st-menu__account-list"> 3179 3180 3181 <li> 3182 <a href="/account/login"> 3183 <svg viewBox="0 0 24 24"> 3184 <path d="M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2" /> 3185 <circle cx="12" cy="7" r="4" /></svg> 3186 <span>Login</span> 3187 </a> 3188 </li> 3189 <li> 3190 <a href="/account/register"> 3191 <svg viewBox="0 0 24 24"> 3192 <path d="M16 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2" /> 3193 <circle cx="8.5" cy="7" r="4" /> 3194 <line x1="20" y1="8" x2="20" y2="14" /> 3195 <line x1="23" y1="11" x2="17" y2="11" /></svg> 3196 <span>Create Account</span> 3197 </a> 3198 </li> 3199 3200 3201 <li> 3202 <a href="/cart"> 3203 <svg viewBox="0 0 24 24"> 3204 <circle cx="9" cy="21" r="1" /> 3205 <circle cx="20" cy="21" r="1" /> 3206 <path d="M1 1h4l2.68 13.39a2 2 0 002 1.61h9.72a2 2 0 002-1.61L23 6H6" /></svg> 3207 <span>Cart</span> 3208 </a> 3209 </li> 3210 3211 <li> 3212 <a href="/pages/wishlist"> 3213 <svg viewBox="0 0 24 24"> 3214 <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> 3215 <span>Wishlist</span> 3216 </a> 3217 </li> 3218 3219 <li> 3220 <a href="/pages/get-help-choosing-books"> 3221 <svg viewBox="0 0 24 24"> 3222 <circle cx="12" cy="12" r="10" /> 3223 <path d="M9.09 9a3 3 0 015.83 1c0 2-3 3-3 3" />
3224 <line x1="12" y1="17" x2="12.01" y2="17" /></svg> 3225 <span>Get Help Choosing Books</span> 3226 </a> 3227 </li> 3228 3229 <li> 3230 <a href="/pages/contact-us"> 3231 <svg viewBox="0 0 24 24"> 3232 <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" /> 3233 <polyline points="22,6 12,13 2,6" /></svg> 3234 <span>Contact Us</span> 3235 </a> 3236 </li> 3237 3238 <li> 3239 <a href="/pages/catalogs-and-brochures"> 3240 <svg viewBox="0 0 24 24"> 3241 <path d="M2 3h6a4 4 0 014 4v14a3 3 0 00-3-3H2z" /> 3242 <path d="M22 3h-6a4 4 0 00-4 4v14a3 3 0 013-3h7z" /></svg> 3243 <span>Catalog</span> 3244 </a> 3245 </li> 3246 3247 </ul> 3248 </div> 3249 3250 <!-- Section 3: Contact Info --> 3251 <div class="st-menu__contact"> 3252 <h4 class="st-menu__contact-heading">Contact Us</h4> 3253 <p> 3254 (866) 918-6173<br> 3255 Mon–Fri: 8am – 5pm Pacific<br> 3256 <a href="mailto:[email protected]">[email protected]</a> 3257 </p> 3258 </div> 3259 3260 </div> 3261</div> 3262 3263<!-- ââ JavaScript âââââââââââââââââââââââââââââââââââââââââââââââ --> 3264
3265<script> 3266 3267 (function() { 3268 'use strict'; 3269 var hamburger = document.getElementById('stHamburger'); 3270 var menu = document.getElementById('stMenu'); 3271 var overlay = document.getElementById('stMenuOverlay'); 3272 var searchBtn = document.getElementById('stSearchBtn'); 3273 if (!hamburger || !menu || !overlay) return; 3274 var isOpen = false; 3275 3276 function positionMenu() { 3277 var header = document.querySelector('.st-mobile-header'); 3278 if (header) { 3279 var rect = header.getBoundingClientRect(); 3280 var top = rect.bottom + 'px'; 3281 menu.style.top = top; 3282 menu.style.height = 'calc(100% - ' + top + ')'; 3283 } 3284 } 3285 3286 function openMenu() { 3287 isOpen = true; 3288 positionMenu(); 3289 menu.classList.add('is-open'); 3290 overlay.classList.add('is-visible'); 3291 hamburger.classList.add('is-active'); 3292 hamburger.setAttribute('aria-label', 'Close menu'); 3293 document.body.style.overflow = 'hidden'; 3294 document.documentElement.style.overflow = 'hidden'; 3295 } 3296 3297 function closeMenu() { 3298 isOpen = false; 3299 menu.classList.remove('is-open'); 3300 overlay.classList.remove('is-visible'); 3301 hamburger.classList.remove('is-active'); 3302 hamburger.setAttribute('aria-label', 'Open menu'); 3303 document.body.style.overflow = ''; 3304 document.documentElement.style.overflow = ''; 3305 setTimeout(function() { 3306 var openSubs = menu.querySelectorAll('.st-submenu.is-open'); 3307 for (var i = 0; i < openSubs.length; i++) { 3308 openSubs[i].classList.remove('is-open'); 3309 } 3310 }, 350); 3311 } 3312 3313 hamburger.addEventListener('click', function(e) { 3314 e.preventDefault(); 3315 if (isOpen) { closeMenu(); } else { openMenu(); } 3316 }); 3317 3318 overlay.addEventListener('click', function() { closeMenu(); }); 3319 3320 var submenuTriggers = menu.querySelectorAll('[data-st-submenu]'); 3321 for (var i = 0; i < submenuTriggers.length; i++) { 3322 submenuTriggers[i].addEventListener('click', function(e) { 3323 e.preventDefault(); 3324 var targetId = 'st-sub-' + this.getAttribute('data-st-submenu'); 3325 var target = document.getElementById(targetId); 3326 if (target) { target.classList.add('is-open'); } 3327 }); 3328 } 3329 3330 var backButtons = menu.querySelectorAll('[data-st-back]'); 3331 for (var j = 0; j < backButtons.length; j++) { 3332 backButtons[j].addEventListener('click', function(e) { 3333 e.preventDefault(); 3334 var submenu = this.closest('.st-submenu'); 3335 if (submenu) { submenu.classList.remove('is-open'); } 3336 }); 3337 } 3338 3339 if (searchBtn) { 3340 searchBtn.addEventListener('click', function(e) { 3341 e.preventDefault(); 3342 if (isOpen) closeMenu(); 3343 var searchInput = document.getElementById('Search'); 3344 if (searchInput) { 3345 searchInput.dispatchEvent(new Event('focus')); 3346 } 3347 }); 3348 } 3349 })(); 3350 3351</script>
3351 3352 3353 3354 3355 3356 3357 3358 3359 3360 3361 3362</div> 3363 3364 3365 3366 3367 3368<main role = 'main' id = "MainContent" class="add-margin"> 3369 3370 <style> 3371 3372#MainContent { 3373 padding-top: 23px !important; 3374} 3375 3376.main-container { 3377 margin-top: -18px; 3378 margin-bottom: 50px; 3379 max-width: 1140px; 3380 margin: 0 auto; 3381} 3382 3383.header-image-container { 3384 margin: 0 auto; 3385 text-align: center; 3386 position: relative; 3387} 3388 3389.header-image-container img { 3390 border: 1px solid #e7f8fe; 3391 border-radius: 0 0 10px 10px; 3392 border-top: 0px; 3393} 3394 3395.group-description { 3396 text-align: center; 3397 margin-top: 50px; 3398 margin-bottom: 50px; 3399} 3400 3401.group-description p { 3402 color: #19657c; 3403 font-family: Lato, sans-serif; 3404 font-size: 1.8rem; 3405 line-height: 1.5; 3406 margin: 0 auto; 3407 max-width: 850px; 3408 padding-left: 50px; 3409 padding-right: 50px; 3410 margin-top: 25px; 3411 margin-bottom: 25px; 3412} 3413 3414.group-title-container { 3415 position: absolute; 3416 max-width: 400px; 3417 margin-left: 255px; 3418 top: 48%; 3419 transform: translateY(-50%); 3420 text-align: left; 3421} 3422 3423.group-title { 3424 color: #19657C !important; 3425 font-family: Superclarendon-Bold; 3426 font-size: 38px; 3427 padding-left: 25px; 3428 padding-right: 25px; 3429 letter-spacing: 2.5px; 3430} 3431 3432.group-subtitle { 3433color: #19657C !important; 3434 font-family: Montserrat; 3435 font-size: 18.7px; 3436 padding-left: 25px; 3437 padding-right: 25px; 3438 margin-left: -2px; 3439 margin-top: 30px; 3440 font-weight: 450; 3441 text-transform: uppercase; 3442} 3443 3444.shop-by-container { 3445 margin-top: 50px; 3446 background-color: rgb(243, 243, 243); 3447 border-radius: 10px; 3448 padding: 75px 50px; 3449 padding-bottom: 25px; 3450 display: flex; 3451 gap: 0px; 3452} 3453 3454.shop-by-title-section { 3455 flex: 0 0 25%; 3456 display: flex; 3457 flex-direction: column; 3458 justify-content: flex-start; 3459} 3460 3461.shop-by-main-title { 3462 font-size: 28px; 3463 font-weight: bold; 3464 color: #19657c; 3465 margin: 0px; 3466 margin-left: 25px; 3467 line-height: 1.55; 3468} 3469 3470.shop-by-cards-section { 3471 flex: 1; 3472} 3473 3474.resources-list { 3475 justify-content: left; 3476} 3477 3478.resource { 3479 width: calc(50% - 50px); 3480 margin-right: 25px; 3481 margin-left: 25px; 3482 margin-bottom: 50px; 3483 transition: background-color 0.3s ease; 3484 cursor: pointer; 3485 border-radius: 10px; 3486} 3487 3488.resource-img { 3489 display: flex; 3490 justify-content: center; 3491 align-items: center; 3492 position: relative; 3493} 3494 3495.resource img { 3496 border: 1px solid #e7f8fe; 3497 border-radius: 5px; 3498 width: 100%; 3499 border-radius: 10px; 3500} 3501 3502.resource h3 { 3503 text-align: center; 3504 color: #19657C; 3505 font-weight: 600; 3506 font-size: 22px; 3507 margin-top: 30px; 3508 margin-bottom: 0px; 3509} 3510 3511.view-now { 3512 text-align: center; 3513 margin-top: 2.5px; 3514 margin-bottom: 0px; 3515 margin-left: 15px; 3516 margin-right: 15px; 3517 font-family: 'Superclarendon'; 3518 font-weight: bold; 3519 letter-spacing: normal; 3520 font-size: 18px; 3521 position: absolute; 3522 background-color: #FFF; 3523 border-radius: 10px; 3524 padding: 12.5px; 3525 padding-top: 12.5px; 3526 color: #19657c !important; 3527 border: 1px solid #e7f8fe; 3528 -webkit-font-smoothing: antialiased; 3529 -webkit-text-size-adjust: 100%; 3530} 3531 3532@media only screen and (max-width: 1140px) { 3533 3534 .header-image-container img { 3535 border-radius: 0px; 3536 border: 0px; 3537 border-bottom: 1px solid #e7f8fe; 3538 } 3539 3540 .shop-by-container { 3541 border-radius: 0px; 3542 } 3543 3544} 3545 3546@media only screen and (max-width: 1050px) { 3547 3548 .group-title-container { 3549 position: relative; 3550 max-width: 100%; 3551 margin-left: initial; 3552 top: initial; 3553 transform: initial; 3554 text-align: center; 3555 margin-bottom: 25px; 3556 } 3557 3558 .group-title { 3559 padding-top: 50px; 3560 } 3561 3562 .header-image-container img { 3563 display: none; 3564 } 3565 3566 .group-description { 3567 margin-top: 25px; 3568 } 3569 3570 .mobile-hide { 3571 display: none; 3572 } 3573 3574} 3575 3576 3577@media only screen and (max-width: 1024px) { 3578 3579 .shop-by-container { 3580 flex-direction: column; 3581 gap: 40px; 3582 padding: 50px 25px; 3583 } 3584 3585 .shop-by-title-section { 3586 flex: 0 0 auto; 3587 margin-left: 0px; 3588 text-align: center; 3589 } 3590 3591} 3592 3593@media only screen and (max-width: 850px) { 3594 3595 .group-title { 3596 padding-top: 0px; 3597 } 3598 3599} 3600 3601@media only screen and (max-width: 625px) { 3602 3603 .resource { 3604 width: calc(100% - 30px); 3605 } 3606 3607} 3608 3609 3610 3611@media only screen and (max-width: 500px) { 3612 3613 .group-description p { 3614 padding-left: 25px; 3615 padding-right: 25px; 3616 } 3617 3618} 3619 3620</style> 3621 3622 3623 3624 3625 3626 3627 3628 3629 3630 3631<div class = 'main-container'> 3632 3633 3634 3635 3636 3637 3638 3639 3640 3641 3642 <div class = 'header-image-container'> 3643 3644 <div class = 'group-title-container'> 3645 3646 3647 3648 3649 3650 <h1 class = 'group-title'>Shop <br>Hameray</h1> 3651 3652 3653 3654 3655 3656 3657 3658 <h2 class = 'group-subtitle'>Resources by teachers <br class = 'mobile-hide'>for teachers to supplement <br class = 'mobile-hide'>elementary reading programs</h2> 3659 3660 3661 3662 </div> 3663 3664 3665 3666 3667 3668 <img src = 'https://hameray-images.s3.us-west-1.amazonaws.com/header-shop-by.jpg' /> 3669 3670 3671 3672 </div> 3673 3674 3675 3676 3677 3678 3679 3680 3681 3682 3683 3684 3685 3686 3687 3688 3689 3690 3691 3692 3693 3694 3695 3696 3697 3698 3699 3700 3701 3702 <div class = 'shop-by-container'> 3703 3704 <div class = 'shop-by-title-section'> 3705 3706 <h1 class = 'shop-by-main-title'>Categories</h1> 3707 3708 </div> 3709 3710 <div class = 'shop-by-cards-section'> 3711 3712 <div class = 'resources-list flex wrap'> 3713 3714 3715 3716 3717 3718 3719 3720 3721 3722 <a class = 'resource flex column' href = 'https://www.hameraypublishing.com/pages/shop-by-grade'> 3723 <div class = 'resource-img'> 3724 <img src = 'https://hameray-images.s3.us-west-1.amazonaws.com/shop-by-grade.jpg'> 3725 <p class = 'view-now'>Shop by Grade</p> 3726 </div> 3727 </a> 3728 3729 3730 3731 3732 3733 3734 3735 3736 3737 <a class = 'resource flex column' href = 'https://www.hameraypublishing.com/pages/shop-by-reading-level-2'> 3738 <div class = 'resource-img'> 3739 <img src = 'https://hameray-images.s3.us-west-1.amazonaws.com/shop-by-reading-level.jpg'> 3740 <p class = 'view-now'>Shop by Level</p> 3741 </div> 3742 </a> 3743 3744 3745 3746 3747 3748 3749 3750 3751 3752 <a class = 'resource flex column' href = 'https://www.hameraypublishing.com/pages/shop-by-skill'> 3753 <div class = 'resource-img'> 3754 <img src = 'https://hameray-images.s3.us-west-1.amazonaws.com/shop-by-skill.jpg'> 3755 <p class = 'view-now'>Shop by Skill</p> 3756 </div> 3757 </a> 3758 3759 3760 3761 3762 3763 3764 3765 3766 3767 <a class = 'resource flex column' href = 'https://www.hameraypublishing.com/pages/shop-by-series-2'> 3768 <div class = 'resource-img'> 3769 <img src = 'https://hameray-images.s3.us-west-1.amazonaws.com/shop-by-series.jpg'> 3770 <p class = 'view-now'>Shop by Series</p> 3771 </div> 3772 </a> 3773 3774 3775 3776 3777 3778 3779 3780 3781 3782 <a class = 'resource flex column' href = 'https://www.hameraypublishing.com/pages/shop-by-genre'> 3783 <div class = 'resource-img'> 3784 <img src = 'https://hameray-images.s3.us-west-1.amazonaws.com/shop-by-genre.jpg'> 3785 <p class = 'view-now'>Shop by Genre</p> 3786 </div> 3787 </a> 3788 3789 3790 3791 3792 3793 3794 3795 3796 3797 <a class = 'resource flex column' href = 'https://www.hameraypublishing.com/pages/shop-by-content-area-2'> 3798 <div class = 'resource-img'> 3799 <img src = 'https://hameray-images.s3.us-west-1.amazonaws.com/shop-by-content-area.jpg'> 3800 <p class = 'view-now'>Shop by Content Area</p> 3801 </div> 3802 </a> 3803 3804 3805 3806 </div> 3807 3808 </div> 3809 3810</div> 3811 3812 3813 3814 3815 3816 3817 3818 3819 3820 3821 3822 3823 3824 3825 3826 3827 3828 3829 3830 3831 3832 3833 3834 3835 3836 3837 3838 3839 3840 3841 3842 3843 3844 3845 3846 3847 3848 3849 3850 3851 3852 3853 3854 3855 3856 3857 3858 3859 3860 3861 3862 3863 3864 3865 3866 3867 3868 3869 3870 3871 3872 3873 3874 3875 3876 3877 3878 3879 3880 3881 3882 3883 3884 3885 3886 3887 3888 3889 3890 3891 3892 3893 3894 3895 3896 3897 3898 3899 3900 3901 3902 3903 3904 3905 3906 3907 3908 3909 3910 3911 3912 3913 3914 3915 3916 3917 3918 3919 3920 3921 3922 3923 3924 3925 3926</div> 3927 3928 3929 3930 3931 3932 3933 3934 3935 3936 3937 3938</main> 3939 3940 3941 3942 3943 3944<div id="shopify-section-footer" class="shopify-section"><footer> 3945 <div class="page-width"> 3946 <div id = 'footer-address' class="flex space flex-start"> 3947 <div class="logo"> 3948 <a href="https://www.hameraypublishing.com"><img src="//www.hameraypublishing.com/cdn/shop/t/3/assets/brandmark.svg?v=98579313773125210591772
3948694707" alt="Hameray Publishing" /></a> 3949 </div> 3950 <div class="address"> 3951 <h3>Hameray Publishing</h3> 3952 <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> 3953 </div> 3954 <div class="footer-nav"> 3955 <h3>Shop</h3> 3956 <ul class="footer-nav-list"> 3957 3958 <li><a href="/pages/shop-by-category" title="">Shop by Category</a></li> 3959 3960 <li><a href="/pages/shop-by-series" title="">Shop by Series</a></li> 3961 3962 <li><a href="/pages/spanish-collections" title="">Shop Spanish</a></li> 3963 3964 <li><a href="/collections/decodable-books" title="">Shop Decodable Books</a></li> 3965 3966 <li><a href="/pages/shop-by-phonics" title="">Shop Phonics</a></li> 3967 3968 <li><a href="/pages/all-collections" title="">Shop All</a></li> 3969 3970 </ul> 3971 </div> 3972 <div class="footer-nav"> 3973 <h3>Customer Care</h3> 3974 <ul class="footer-nav-list"> 3975 3976 <li><a href="/pages/about-us" title="">About Us</a></li> 3977 3978 <li><a href="/pages/contact-us" title="">Contact Us</a></li> 3979 3980 <li><a href="/pages/catalogs-and-brochures" title="">Catalog</a></li> 3981 3982 <li><a href="/pages/order-form" title="">Order Form</a></li> 3983 3984 <li><a href="/pages/wishlist" title="">Wishlist</a></li> 3985 3986 <li><a href="/pages/get-help-choosing-books" title="">Get Help Choosing Books</a></li> 3987 3988 </ul> 3989 </div> 3990 <div class="footer-nav"> 3991 <h3>Resources</h3> 3992 <ul class="footer-nav-list"> 3993 3994 <li><a href="/pages/teacher-resources" title="">Teacher Resources</a></li> 3995 3996 <li><a href="/pages/sample-books" title="">Book Samples</a></li> 3997 3998 <li><a href="/pages/call-for-contributors" title="">Be a Contributor</a></li> 3999 4000 <li><a href="/blogs/all" title="">Blog</a></li> 4001 4002 <li><a href="/pages/faq" title="">FAQ</a></li> 4003 4004 </ul> 4005 </div> 4006 4007 <div class="newsletter-social"><ul style = 'margin-top: 0px !important;'> 4008 4009 4010 4011 4012 4013 4014 4015 <li> 4016 <a href="https://www.facebook.com/hameray" target="_blank" title="Hameray Publishing on Facebook"> 4017 4018 <i class="fa fa-facebook-f"></i> 4019 4020 <span class="icon-fallback-text">Facebook</span> 4021 </a> 4022 </li> 4023 4024 4025 4026 4027 4028 4029 4030 4031 4032 <li> 4033 <a href="https://twitter.com/hameray" target="_blank" title="Hameray Publishing on Twitter"> 4034 4035 <i class="fa fa-twitter"></i> 4036 4037 <span class="icon-fallback-text">Twitter</span> 4038 </a> 4039 </li> 4040 4041 4042 4043 4044 4045 4046 4047 4048 4049 <li> 4050 <a href="https://pinterest.com/hameray" target="_blank" title="Hameray Publishing on Pinterest"> 4051 4052 <i class="fa fa-pinterest-p"></i> 4053 4054 <span class="icon-fallback-text">Pinterest</span> 4055 </a> 4056 </li> 4057 4058 4059 4060 4061 4062 4063 4064 4065 4066 <li> 4067 <a href="https://www.instagram.com/hameraypublishing" target="_blank" title="Hameray Publishing on Instagram"> 4068 4069 <i class="fa fa-instagram"></i> 4070
4071 <span class="icon-fallback-text">Instagram</span> 4072 </a> 4073 </li> 4074 4075 4076 4077 4078 4079 4080 4081 4082 4083 4084 4085 4086 4087 4088 4089 4090 4091 4092 4093 4094 4095 4096 4097 4098 4099 4100 4101 4102 4103 4104 4105 4106 4107 4108 4109 </ul> 4110 </div> 4111 4112 </div> 4113 </div> 4114 <div class="credit"> 4115 <div class="page-width text-center"> 4116 © 2026 <a href="/" title="">Hameray Publishing</a> 4117 </div> 4118</footer> 4119 4120</div> 4121 4122 4123 4124 4125
4126<script> 4127 4128 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}; 4129 4130</script>
4130 4131 4132 4133 4134 4135 4136<!-- Pop-Up --> 4137 4138 4139<link href="//www.hameraypublishing.com/cdn/shop/t/3/assets/popup.css?v=54841740989800051651777262788" rel="stylesheet" type="text/css" media="all" /> 4140 4141 <div id = 'popup-overlay' class = 'popup-overlay'> 4142 4143 <div class = 'popup-modal'> 4144 4145 <button class = 'popup-close' id = 'popup-close'>×</button> 4146 4147 <div class = 'popup-content'> 4148 4149 <h2>Find the Right BooksâFast</h2> 4150 4151 <p class = 'popup-description'>Get help selecting resources to improve phonics, fluency, <br class = 'mobile-hide'>and bilingual literacy for Kâ5 students.</p> 4152 4153 <form class = 'popup-form' id = 'popup-form'> 4154 <div class = 'popup-role-group' id = 'popup-role'> 4155 <span class = 'popup-role-label'>Tell us who you are:</span> 4156 <span class = 'popup-role-error' id = 'popup-role-error'>Please select a role</span> 4157 <div class = 'popup-role-options'> 4158 <label class = 'popup-role-option'> 4159 <input type = 'checkbox' name = 'role' value = 'Teacher'> 4160 <span><span class = 'popup-role-emoji'>ð©âð« </span>Teacher</span> 4161 </label> 4162 <label class = 'popup-role-option'> 4163 <input type = 'checkbox' name = 'role' value = 'Administrator/Coach'> 4164 <span><span class = 'popup-role-emoji'>ð« </span>Admin<span class = 'popup-role-coach'> / Coach</span></span> 4165 </label> 4166 <label class = 'popup-role-option'> 4167 <input type = 'checkbox' name = 'role' value = 'Other'> 4168 <span><span class = 'popup-role-emoji'>ð¨âð©âð§ </span>Other</span> 4169 </label> 4170 </div> 4171 </div> 4172 <input type = 'email' name = 'email' class = 'popup-input' placeholder = 'Enter your email address'> 4173 <span class = 'popup-role-error' id = 'popup-email-error'>Please enter a valid email address</span> 4174 <button type = 'button' class = 'popup-submit' id = 'popup-submit-btn'>Help Me Find the Right Books</button> 4175 </form> 4176 4177 4178 <div class = 'popup-footer'> 4179 <p><i>Takes a few seconds. Saves hours of searching.</i></p> 4180 <p style = 'margin-bottom: 0px; font-weight: 700; color: #f58436; font-size: 16px; margin-top: 17.5px;'>Get 10% off your first order!</p> 4181 </div> 4182 4183 <div class = 'popup-success' id = 'popup-success'> 4184 <p>Greatâlet's start with what you need most!</p> 4185 <p>Pick your goal. Weâll show you where to start.</p> 4186 <p style = 'font-size: 15px;'><i>(Your 10% off is ready to useâcode: <strong>HAMERAY10</strong>)</i></p> 4187 <div class = 'popup-success-buttons'> 4188 <a href = '/pages/build-phonics' class = 'popup-success-btn'>Build Strong Phonics Foundations</a> 4189 <a href = '/pages/boost-fluency' class = 'popup-success-btn'>Turn Choppy Reading into Smooth Fluency</a> 4190 <a href = '/pages/shop-spanish' class = 'popup-success-btn'>Support Spanish & Bilingual Learners</a> 4191 <a href = '/collections/classroom-libraries' class = 'popup-success-btn'>Fill Your Classroom Library (By Grade)</a> 4192 <a href = '/pages/whole-group-read-alouds' class = 'popup-success-btn'>See Read-Alouds & Big Books</a> 4193 </div> 4194 <a href = '#' class = 'popup-continue-shopping' id = 'popup-continue-shopping'>Continue Browsing</a> 4195 </div> 4196 4197 </div> 4198 4199 </div> 4200 4201 </div> 4202 4203 4204 <div id = 'popup-tab' class = 'popup-tab'> 4205 4206 <span id = 'popup-tab-text'>Get 10% Off</span> 4207 <span id = 'popup-tab-close' class = 'popup-tab-close'>×</span> 4208 4209 </div> 4210 4211
4211<script src = '//www.hameraypublishing.com/cdn/shop/t/3/assets/popup.js?v=127342988660773128281777262788' defer></script>
4211 4212 4213 4214 4215 4216 4217 4218 4219
4220<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
4220 4221</body> 4222</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.