The Hook

Filter By

King Crab
Snow Crab
Dungeness Crab
Fish
Shrimp
Lobster
Crawfish
Mussels
Scallops
Accessories
Gifts

How To Cook
Diet & Health
Sustainability
Behind The Scenes
Fun Facts

Appetizers
Side Dishes
Main Course
All Recipes

Filter

King Crab
Snow Crab
Dungeness Crab
Fish
Shrimp
Lobster
Crawfish
Mussels
Scallops
Accessories
Gifts

How To Cook
Diet & Health
Sustainability
Behind The Scenes
Fun Facts

Appetizers
Side Dishes
Main Course
All Recipes

Watch Alaska King Crab Pots at Work

Watch Alaska King Crab fishers and crab pots at work in the Bering Sea as they catch red Alaska King Crab. Read More</a> </div> </div> <div class="row"> <div class="col-12 col-md-6 col-xl-4 blog-grid-col"> <div class="blog-grid-item"> <div class="image-wrapper"> <a class="article-image-link" href="/blogs/resources/blog-learn-the-anatomy-of-alaskan-king-crab"> <img data-ot-ignore src="//www.alaskankingcrab.com/cdn/shop/articles/alaskan-king-crab-co-anatomy-of-king-crab-blog_500x500_crop_top.jpg?v=1709326292" alt="The Anatomy of Alaskan King Crab"/> </a> </div> <div class="text-wrapper"> <h3 class="h3 blog-title"><a href="/blogs/resources/blog-learn-the-anatomy-of-alaskan-king-crab" class="blog-title-link">The Anatomy of Alaskan King Crab</a></h3> </div> <div class="button-wrapper"> <a href="/blogs/resources/blog-learn-the-anatomy-of-alaskan-king-crab" class="foreword-button cta button cta-foreword-primary">Read More</a> </div> </div> </div> <div class="col-12 col-md-6 col-xl-4 blog-grid-col"> <div class="blog-grid-item"> <div class="image-wrapper"> <a class="article-image-link" href="/blogs/resources/blog-learn-fishing-for-king-crab"> <img data-ot-ignore src="//www.alaskankingcrab.com/cdn/shop/articles/Scenic_Fishing_Alaska_Crab_6_500x500_crop_top.jpg?v=1507768870" alt="Fishing for Alaska King Crab"/> </a> </div> <div class="text-wrapper"> <h3 class="h3 blog-title"><a href="/blogs/resources/blog-learn-fishing-for-king-crab" class="blog-title-link">Fishing for Alaska King Crab</a></h3> </div> <div class="button-wrapper"> <a href="/blogs/resources/blog-learn-fishing-for-king-crab" class="foreword-button cta button cta-foreword-primary">Read More</a> </div> </div> </div> <div class="col-12 col-md-6 col-xl-4 blog-grid-col"> <div class="blog-grid-item"> <div class="image-wrapper"> <a class="article-image-link" href="/blogs/resources/blog-learn-life-and-history-of-king-crab"> <img data-ot-ignore src="//www.alaskankingcrab.com/cdn/shop/articles/alaskan-king-crab-co-life-and-history-of-alaskan-king-crab_500x500_crop_top.jpg?v=1709325110" alt="The Life & History of Alaska King Crab"/> </a> </div> <div class="text-wrapper"> <h3 class="h3 blog-title"><a href="/blogs/resources/blog-learn-life-and-history-of-king-crab" class="blog-title-link">The Life & History of Alaska King Crab</a></h3> </div> <div class="button-wrapper"> <a href="/blogs/resources/blog-learn-life-and-history-of-king-crab" class="foreword-button cta button cta-foreword-primary">Read More</a> </div> </div> </div> <div class="col-12"> <section class="component-pagination mb-1"> <ol class="pagination"> <li> <a href="/blogs/resources?page=15" class="h5"> <img src="//www.alaskankingcrab.com/cdn/shop/t/170/assets/arrow-left.svg?v=74747143905221192731700852083" alt="arrow-left" height="24px" width="24px" style="margin-right: 20px"/> </a> </li><li> <a href="/blogs/resources?page=1" class="h5"> <span class="visuallyhidden">page</span> 1 </a> </li><li class="h5"> <span class="visuallyhidden">page</span> <i>…</i> </li><li> <a href="/blogs/resources?page=14" class="h5"> <span class="visuallyhidden">page</span> 14 </a> </li><li> <a href="/blogs/resources?page=15" class="h5"> <span class="visuallyhidden">page</span> 15 </a> </li><li class="active h5" aria-current="page"> <span class="visuallyhidden">page</span> <i>16</i> </li><li> <a class="disabled body1" > <img src="//www.alaskankingcrab.com/cdn/shop/t/170/assets/arrow-right.svg?v=173646933448477866071700852083" alt="arrow-left" height="24px" width="24px" style="margin-left: 20px"/> </a> </li></ol> </section> </div></div> </div> </div> </div> </section> <script> $(document).ready(function () { $('.sidebar-mobile').click(function () { console.log('click'); $('.sidebar-mobile-filters').slideToggle(200); }); }); </script> </div> </main> <div id="shopify-section-footer" class="shopify-section"> <footer> <link href="//www.alaskankingcrab.com/cdn/shop/t/170/assets/footer.css?v=179402630296612061271708648617" rel="stylesheet" type="text/css" media="all" /> <div class="row"> <div class="col-12"> <div class="footer-logo-container position-relative"> <a href="/" class="footer-logo"> <img src="//www.alaskankingcrab.com/cdn/shop/files/AKC-Brand-Files_Crab-Claw-w-Logo-Red-on-Transparent_400x.png?v=1707942146" alt="Alaskan King Crab Co. Logo" class="footer-logo-image" width="220" height="141"/> </a> </div> </div> </div> <div class="row background-foreword-primary"> <div class="col-12"> <div class="footer-newsletter"> <form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="contact-form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /> <div class="newsletter-img"> <svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 493.58 86.58"> <defs> <style> .cls-1 { fill: #fff; stroke-width: 0px; } </style> </defs> <g id="Layer_1-2" data-name="Layer 1"> <g> <path class="cls-1" d="M30.93,12.06c3.24-3.69,7.2-6.39,11.25-6.39,6.21,0,8.37,4.14,8.37,9,0,10.71-13.05,26.55-18.81,39.24-2.25,5.13-.09,6.48,1.62,6.48,5.13,0,13.23-10.35,16.92-16.11.99-1.44,1.71-1.26,2.16-.45.54.99.27,1.8-.54,3.06-2.7,4.32-11.25,17.1-20.07,17.1-5.4,0-8.19-5.04-5.04-12.69,2.7-6.3,9.9-17.01,15.93-28.8,4.41-8.28,2.43-12.6-1.53-12.6-4.32,0-8.1,2.7-13.95,13.32-6.75,14.22-15.12,28.8-20.7,39.51-.36.72-.81,1.08-1.89,1.08H1.05c-1.08,0-1.35-.54-.72-1.8,4.05-7.47,16.2-29.52,23.13-44.1,4.23-9.09,2.61-14.67-2.25-14.67-5.31,0-11.79,5.31-15.12,12.42-2.16,4.5-1.8,7.65.72,7.65,2.25,0,5.04-2.34,7.92-9.09,1.08-2.7,4.14-1.26,3.06,1.35-3.33,8.28-7.74,11.25-11.34,11.25C1.32,26.82-.12,21.87,2.04,16.02,4.47,9.45,12.12,0,21.84,0c7.02,0,9.9,6.21,9.09,12.06Z"/> <path class="cls-1" d="M45.69,49.41c3.78-7.11,9.9-10.53,15.03-10.53,3.24,0,4.95,1.8,5.13,3.69.18,1.62-.54,3.42-1.89,4.95-3.6,3.78-9.63,4.32-13.23,4.14-.27.63-.54,1.62-.72,2.25-.81,3.15.09,6.57,4.59,6.57,7.47,0,16.02-10.44,19.71-16.2.99-1.44,1.71-1.26,2.16-.45.45.99.27,1.8-.63,3.06-2.61,4.32-12.51,17.1-22.32,17.1-8.46,0-11.61-7.38-7.83-14.58ZM52.53,48.6c3.78-.18,6.84-1.08,8.73-2.79,1.89-1.62,1.53-3.42.09-3.42-.99,0-2.52.27-5.04,2.34-1.35,1.17-2.79,2.43-3.78,3.87Z"/> <path class="cls-1" d="M68.46,54.18c1.8-3.69,6.84-12.24,7.2-12.87.45-.72.81-1.08,1.89-1.08h3.51c1.08,0,1.26.54.63,1.8-.63,1.26-5.85,10.26-8.01,14.22-1.62,2.97-.36,4.32,1.35,4.32,1.44,0,3.42-1.44,6.57-5.22,2.7-3.33,5.04-7.11,6.48-9.72l2.25-4.32c.45-.72.81-1.08,1.89-1.08h3.51c1.08,0,1.26.54.63,1.8-.63,1.26-5.22,9.45-7.38,14.22-1.35,2.97.36,4.23,1.98,4.23,1.98,0,4.5-1.62,7.47-5.58,1.89-2.52,3.06-4.68,3.78-6.48-1.62-2.7-1.71-6.12-.81-7.74.72-1.53,1.89-1.98,3.24-1.89,1.44,0,2.61,1.53,2.52,4.32-.09,1.53-.45,3.15-1.08,4.86.72.54,1.62.72,2.97.72,4.41,0,10.17-7.02,10.71-7.83,2.43-3.33,3.69-4.41,5.31-4.68,1.17-.18,2.97.27,2.88,1.71-.09,1.71-1.98,1.71-1.71,2.88,0,0,1.8,4.77,2.7,7.92,1.17,4.05.99,7.65-.99,10.26,2.88-1.62,5.58-4.05,7.65-6.21,2.34-2.43,4.32-4.68,6.84-8.37.99-1.53,1.71-1.26,2.16-.54.45.99.18,1.8-.63,3.15-5.67,8.55-14.76,17.64-25.38,17.64s-10.44-7.29-8.37-10.35c1.44-2.25,3.06-2.61,4.5-2.34,2.61.45,2.34,3.42.45,4.5-2.16,1.35-.9,5.13,2.07,5.13,2.43,0,4.5-1.8,5.76-4.59,2.07-4.77-.09-10.71-.72-14.13-2.79,3.51-7.74,8.91-13.5,8.91-1.53,0-2.88-.27-3.96-.9-3.24,6.57-9.54,13.32-15.21,13.32-3.96,0-6.75-2.97-6.57-6.66-3.15,3.78-6.57,6.66-9.99,6.66-5.04,0-7.2-4.95-4.59-9.99Z"/> <path class="cls-1" d="M148.47,33.21c5.58-9.54,10.08-15.57,15.57-15.57,4.59,0,6.75,4.86,1.71,11.07-3.6,4.41-8.28,8.37-15.03,12.24-2.88,4.95-6.12,10.8-7.56,13.5-2.07,3.87-.9,6.12,1.44,6.12,5.22,0,14.49-11.16,18.27-16.29,1.08-1.35,1.71-1.26,2.16-.45.45.99.27,1.89-.63,3.06-2.34,3.24-12.42,17.1-21.24,17.1-6.66,0-7.92-6.84-4.68-12.87,2.34-4.5,9.63-17.28,9.99-17.91ZM158.91,31.68c8.64-8.19,7.2-11.07,5.22-11.07s-4.86,4.95-10.53,15.3c1.98-1.44,3.87-2.88,5.31-4.23Z"/> <path class="cls-1" d="M158.1,49.41c3.78-7.11,9.9-10.53,15.03-10.53,3.24,0,4.95,1.8,5.13,3.69.18,1.62-.54,3.42-1.89,4.95-3.6,3.78-9.63,4.32-13.23,4.14-.27.63-.54,1.62-.72,2.25-.81,3.15.09,6.57,4.59,6.57,7.47,0,16.02-10.44,19.71-16.2.99-1.44,1.71-1.26,2.16-.45.45.99.27,1.8-.63,3.06-2.61,4.32-12.51,17.1-22.32,17.1-8.46,0-11.61-7.38-7.83-14.58ZM164.94,48.6c3.78-.18,6.84-1.08,8.73-2.79,1.89-1.62,1.53-3.42.09-3.42-.99,0-2.52.27-5.04,2.34-1.35,1.17-2.79,2.43-3.78,3.87Z"/> <path class="cls-1" d="M199.59,57.06c-3.87,3.69-8.46,6.93-12.69,6.93-7.02,0-8.82-5.76-6.03-10.53l6.66-10.89h-2.25c-1.44,0-1.89-.54-1.44-1.44.54-1.08,1.17-.9,2.7-.9h2.43l4.05-6.39c.45-.63.81-1.08,1.89-1.08h3.33c1.08,0,1.35.54.63,1.8l-3.33,5.67h13.41l4.05-6.39c.36-.63.81-1.08,1.89-1.08h3.24c1.08,0,1.35.54.72,1.8l-3.42,5.67h4.05c1.08,0,2.07,0,1.62,1.26-.36,1.26-1.35,1.35-2.79,1.35h-4.41c-2.79,4.5-5.85,9.54-7.02,11.61-2.16,3.78-.9,6.12,1.53,6.12,5.13,0,14.4-11.16,18.18-16.29,1.08-1.35,1.71-1.26,2.16-.45.45.99.27,1.89-.63,3.06-2.34,3.24-12.42,17.1-21.24,17.1-5.31,0-7.74-3.24-7.29-6.93ZM205.26,46.08l2.07-3.24h-13.41c-2.79,4.5-5.85,9.54-7.02,11.61-2.07,3.78-.9,6.12,1.53,6.12,4.59,0,12.51-8.91,16.83-14.49Z"/> <path class="cls-1" d="M229.83,63.99c-8.46,0-11.61-7.38-7.83-14.58,3.78-7.11,9.9-10.53,15.03-10.53,3.24,0,4.95,1.8,5.13,3.69.18,1.62-.54,3.42-1.89,4.95-3.6,3.78-9.63,4.32-13.23,4.14-.27.63-.54,1.62-.72,2.25-.81,3.15.09,6.57,4.59,6.57,7.29,0,15.48-9.36,20.97-19.26l-.18-.27c-.99-1.44-.27-3.96,1.89-5.76,2.25-1.8,5.13.45,2.61,4.59.81-.09,1.71-.27,2.79-.36,4.23-.36,7.92-1.08,8.01,3.15.09,3.33-5.22,9-8.1,12.96-1.98,2.7-1.17,4.77.99,4.77,4.23,0,8.91-4.32,11.79-8.19.99-1.35,1.62-1.35,2.16-.45.45.72.27,1.89-.63,3.06-2.52,3.51-8.01,9.27-14.31,9.27s-8.1-6.21-4.86-11.25c2.07-3.24,4.5-5.85,6.21-7.92,1.53-1.8,1.17-2.97-1.62-2.61-1.8.27-3.15.36-4.14.27-6.21,11.25-15.3,21.51-24.66,21.51ZM228.84,48.6c3.78-.18,6.84-1.08,8.73-2.79,1.89-1.62,1.53-3.42.09-3.42-.99,0-2.52.27-5.04,2.34-1.35,1.17-2.79,2.43-3.78,3.87Z"/> <path class="cls-1" d="M334.14,13.77c0-2.43,1.35-4.23,2.79-4.95,2.16-1.17,3.69,1.35,2.07,2.52-.9.63-1.35,1.53-1.35,2.43,0,1.71,1.44,2.97,3.96,2.97,3.33,0,5.4-2.7,5.4-6.12,0-3.96-3.24-6.66-7.74-6.66-6.03,0-10.71,4.68-10.71,11.34,0,9.81,6.66,19.89,6.66,30.78,0,10.08-8.1,19.08-19.89,19.08-11.07,0-17.91-7.02-17.91-16.29,0-8.55,6.39-15.84,14.67-15.84,5.94,0,10.17,3.69,10.17,8.73,0,4.32-2.79,7.65-6.75,8.46-2.79.63-3.51-2.7-.99-3.24,2.34-.63,4.05-2.34,4.05-5.22s-2.07-5.4-6.48-5.4c-6.3,0-11.07,5.4-11.07,12.42,0,8.1,5.94,12.96,14.22,12.96s13.86-6.03,13.86-14.76c0-10.8-6.3-19.17-6.3-30.6,0-10.26,8.64-15.84,15.66-15.84,8.82,0,12.06,5.58,12.06,10.08,0,4.95-3.24,9.27-8.82,9.27-4.68,0-7.56-2.79-7.56-6.12Z"/> <path class="cls-1" d="M346.11,41.31c.45-.63.81-1.08,1.89-1.08h3.51c1.08,0,1.26.63.63,1.8-1.08,2.07-5.94,9.9-8.37,14.13-1.62,2.88,0,4.14,1.35,4.14,6.12,0,13.95-10.26,17.64-16.02.99-1.44,1.71-1.26,2.16-.45.45.99.27,1.8-.63,3.06-2.61,4.32-11.16,17.1-19.98,17.1-5.67,0-7.92-5.94-4.86-11.61,2.25-4.14,6.3-10.35,6.66-11.07ZM355.38,25.38c1.98,0,3.42,1.44,3.42,3.42s-1.44,3.42-3.42,3.42-3.51-1.53-3.51-3.42,1.62-3.42,3.51-3.42Z"/> <path class="cls-1" d="M372.93,66.87c-5.13,9.54-11.88,19.71-20.34,19.71-3.96,0-6.3-2.79-6.3-5.49,0-5.13,3.87-8.19,9.81-10.62,4.41-1.89,8.28-3.24,11.97-4.77,1.35-2.16,2.7-4.68,3.87-7.02-2.43,2.97-5.4,5.4-8.82,5.4-5.94,0-7.83-8.1-3.87-15.21,4.68-8.46,10.62-10.26,14.76-10.26,3.42,0,5.13,2.43,5.58,4.23l.81-1.53c.36-.63.81-1.08,1.89-1.08h3.42c1.08,0,1.35.63.72,1.89l-7.83,14.04-3.24,6.39c11.07-5.85,16.02-12.96,19.44-18.27.99-1.44,1.71-1.17,2.16-.45.45.99.18,1.8-.63,3.15-2.61,4.23-8.37,13.23-23.22,19.89h-.18ZM365.64,70.02c-6.21,2.43-11.43,4.32-13.95,6.66-2.97,2.79-2.25,6.48,1.26,6.48,3.69,0,8.19-5.67,12.69-13.14ZM376.98,47.25c1.35-2.7.18-5.13-2.16-5.13-1.26,0-3.06.45-5.31,2.52-3.24,2.88-5.4,6.75-6.03,9.27-.9,3.42-.9,6.3,1.44,6.3,4.32,0,8.64-7.29,12.06-12.96Z"/> <path class="cls-1" d="M398.58,47.97c4.77-5.22,9.63-8.37,13.32-8.37,3.06,0,5.22,1.71,5.22,4.68,0,4.05-4.77,8.91-7.38,12.42-2.07,2.7-.99,4.14.36,4.14,6.12,0,14.31-10.71,18.09-16.56.99-1.44,1.71-1.17,2.07-.45.54.99.27,1.8-.54,3.15-2.61,4.23-11.52,17.28-20.34,17.28-3.96,0-6.3-2.07-6.3-5.04,0-4.5,3.24-7.11,6.84-12.06,1.53-1.98,1.35-3.51-.27-3.51-2.43,0-9.54,5.4-13.68,11.16-3.24,4.59-5.04,8.19-5.04,8.19-.36.72-.81,1.08-1.89,1.08h-2.43c-1.08,0-1.35-.63-.63-1.8,3.51-6.3,6.84-14.4,10.44-21.51.36-.63.81-1.08,1.89-1.08h3.51c.99,0,.99.72.27,1.98-.81,1.53-2.16,3.87-3.51,6.3Z"/> <path class="cls-1" d="M445.56,41.31c.45-.63.81-1.08,1.89-1.08h3.42c1.08,0,1.35.63.63,1.89-.63,1.17-5.85,10.17-8.1,14.04-1.62,2.88,0,4.14,1.17,4.14,6.12,0,13.95-10.26,17.64-16.02.99-1.44,1.71-1.17,2.16-.45.45.99.18,1.8-.63,3.15-2.61,4.23-11.16,17.01-19.98,17.01-3.69,0-6.03-2.79-6.3-6.21-3.15,3.6-6.48,6.39-9.9,6.39-5.04,0-7.56-4.95-5.04-10.08,1.89-3.69,6.84-12.06,7.29-12.78.45-.63.81-1.08,1.89-1.08h3.51c.99,0,1.26.63.63,1.89-.63,1.17-6.03,10.17-8.28,14.04-1.62,2.88-.18,4.05.99,4.05,1.44,0,4.05-1.26,7.38-4.86,2.25-2.52,3.33-4.05,5.49-7.47,1.98-3.15,3.87-6.12,4.14-6.57Z"/> <path class="cls-1" d="M479.94,51.93l-.63,1.26c-4.05,7.74-9.81,10.89-14.4,10.89-3.51,0-5.31-1.8-5.85-3.78-4.23,8.19-6.3,12.69-8.73,17.73-.36.72-.9,1.35-1.98,1.35h-3.06c-1.08,0-1.26-.81-.54-2.07,4.77-9.18,6.3-12.06,12.15-23.58,1.89-3.69,8.64-15.84,9.09-16.74.36-.63.81-1.08,1.89-1.08h2.97c1.08,0,1.35.63.63,1.89l-2.34,3.96c1.8-1.8,3.78-2.88,5.85-2.88,5.4,0,7.29,4.59,5.94,10.08h.99c4.59,0,7.74-2.97,9.45-5.04.81-.99,1.53-1.08,1.98-.27.45.99.27,1.98-.63,3.15-2.07,2.7-6.12,5.13-11.7,5.13h-1.08ZM462.03,54.45c-1.17,2.97-.45,6.3,2.88,6.3,4.68,0,8.64-6.39,10.17-11.16-.72-.81-1.26-1.98-1.35-3.24,0-1.53.54-2.61,1.35-3.42-.45-.45-.99-.81-1.89-.81-5.31,0-9.54,8.19-11.16,12.33Z"/> </g> </g> </svg> </div> <p class="body1 newsletter-text color-foreword-white text-center">Sign up for special offers here!</p> <div class="newsletter-form text-center"> <div class="klaviyo-form-MgjCUe"></div> <div class="d-none"> <input type="hidden" name="contact[tags]" value="newsletter"> <label class="visuallyhidden" for="Faxcheckbox">Hidden Fax checkbox field - ignore</label> <input type="checkbox" id="Faxcheckbox" class="checks" name="contact_me_by_fax_only" value="1" tabindex="-1" autocomplete="off"> <label class="visuallyhidden" for="newsletterEmail">Enter email addres</label> <input id="newsletterEmail" type="email" value="" placeholder="Email address" name="contact[email]" id="NewsletterEmail" class="newsletter-input input-text background-foreword-white color-foreword-primary text-uppercase h6" autocorrect="off" autocapitalize="off" required/> <label class="visuallyhidden" for="accepts_marketing">accepts marketing</label> <input type="hidden" name="customer[accepts_marketing]" id="accepts_marketing" class="" value="true"/> <button class="button cta subscribe-button cta-foreword-secondary color-foreword-white text-uppercase w-100" type="submit" name="commit" id="Subscribe">Sign Up</button> </div> </div> </form> </div> <script> $('.subscribe-button').prop("disabled", false); $('input:checkbox.checks').click(function () { if ($(this).is(':checked')) { $('.subscribe-button').prop("disabled", true); } else { if ($('.checks').filter(':checked').length < 1) { $('.subscribe-button').attr('disabled', false); } } }); </script> </div> <div class="col-12"> <div class="footer-menus footer-menu-container"> <div class="footer-nav"> <div class="footer-nav-header"> <p class="footer-nav-title h4 color-foreword-white text-uppercase">Shop</p> <div class="more d-lg-none"> <div class="circle-plus"> <div class="circle"> <div class="horizontal"></div> <div class="vertical"></div> </div> </div> </div> </div> <ul role="menu"> <li> <a href="/collections/all-products" class="body1 color-foreword-off-white cursor-pointer">All Seafood</a> </li> <li> <a href="/collections/alaskan-king-crab-legs" class="body1 color-foreword-off-white cursor-pointer">King Crab</a> </li> <li> <a href="/collections/seafood-gifts" class="body1 color-foreword-off-white cursor-pointer">Seafood Gifts</a> </li> <li> <a href="/collections/home-page-popular-catches-featured-collection" class="body1 color-foreword-off-white cursor-pointer">Best Sellers</a> </li> </ul> </div> <div class="footer-nav"> <div class="footer-nav-header"> <p class="footer-nav-title h4 color-foreword-white text-uppercase">About</p> <div class="more d-lg-none"> <div class="circle-plus"> <div class="circle"> <div class="horizontal"></div> <div class="vertical"></div> </div> </div> </div> </div> <ul role="menu"> <li> <a href="/pages/about-us" class="body1 color-foreword-off-white cursor-pointer">Our Story</a> </li> <li> <a href="/pages/alaskan-king-crab-process" class="body1 color-foreword-off-white cursor-pointer">Our Process</a> </li> <li> <a href="/pages/what-makes-us-better" class="body1 color-foreword-off-white cursor-pointer">What Makes Us Better</a> </li> </ul> </div> <div class="footer-nav"> <div class="footer-nav-header"> <p class="footer-nav-title h4 color-foreword-white text-uppercase">Explore</p> <div class="more d-lg-none"> <div class="circle-plus"> <div class="circle"> <div class="horizontal"></div> <div class="vertical"></div> </div> </div> </div> </div> <ul role="menu"> <li> <a href="/blogs/resources" class="body1 color-foreword-off-white cursor-pointer">The Hook Blog</a> </li> <li> <a href="/blogs/resources/tagged/fun-facts" class="body1 color-foreword-off-white cursor-pointer">Tips & Tricks</a> </li> <li> <a href="/blogs/resources/tagged/recipe" class="body1 color-foreword-off-white cursor-pointer">Recipes</a> </li> <li> <a href="/pages/faqs" class="body1 color-foreword-off-white cursor-pointer">FAQs</a> </li> <li> <a href="/pages/reviews" class="body1 color-foreword-off-white cursor-pointer">Customer Reviews</a> </li> </ul> </div> <div class="footer-nav"> <div class="footer-nav-header"> <p class="footer-nav-title h4 color-foreword-white text-uppercase">Perks & Discounts</p> <div class="more d-lg-none"> <div class="circle-plus"> <div class="circle"> <div class="horizontal"></div> <div class="vertical"></div> </div> </div> </div> </div> <ul role="menu"> <li> <a href="/pages/alaskan-king-crab-co-subscriptions" class="body1 color-foreword-off-white cursor-pointer">Subscribe</a> </li> <li> <a href="/pages/refer" class="body1 color-foreword-off-white cursor-pointer">Refer a Friend</a> </li> <li> <a href="/pages/rewards" class="body1 color-foreword-off-white cursor-pointer">Customer Rewards</a> </li> <li> <a href="/pages/service-members" class="body1 color-foreword-off-white cursor-pointer">Military Discount</a> </li> <li> <a href="/pages/first-responders" class="body1 color-foreword-off-white cursor-pointer">First Responder Discount</a> </li> <li> <a href="/pages/medical-professionals" class="body1 color-foreword-off-white cursor-pointer">Medical Professional Discount</a> </li> </ul> </div> <div class="footer-nav"> <div class="footer-nav-header"> <p class="footer-nav-title h4 color-foreword-white text-uppercase">Support</p> <div class="more d-lg-none"> <div class="circle-plus"> <div class="circle"> <div class="horizontal"></div> <div class="vertical"></div> </div> </div> </div> </div> <ul role="menu"> <li> <a href="/pages/contact-us" class="body1 color-foreword-off-white cursor-pointer">Contact Us</a> </li> <li> <a href="https://alaskankingcrab.customerdesk.io/#rp-customer-widget-home" class="body1 color-foreword-off-white cursor-pointer">Help Center</a> </li> <li> <a href="/account" class="body1 color-foreword-off-white cursor-pointer">Customer Login</a> </li> <li> <a href="/policies/shipping-policy" class="body1 color-foreword-off-white cursor-pointer">Shipping and Returns</a> </li> <li> <a href="/pages/holiday-shipping-schedule" class="body1 color-foreword-off-white cursor-pointer">Holiday Shipping Details</a> </li> </ul> </div> <div class="social d-lg-none pt-3"><div class="social-media"> <ul> <li> <a href="https://www.facebook.com/kingcrabandseafood" title="Follow Alaskan King Crab Co. on Facebook"> <img src="//www.alaskankingcrab.com/cdn/shop/t/170/assets/icon-fb.svg?v=173908338461826499541691617189" alt="Follow Alaskan King Crab Co. on Facebook" class="social-media-icon" width="11" height="22"/> </a> </li> <li> <a href="https://www.instagram.com/alaskankingcrabco/" title="Follow Alaskan King Crab Co. on Instagram" class="social-ig"> <img src="//www.alaskankingcrab.com/cdn/shop/t/170/assets/icon-ig.svg?v=91583031184473633901691617189" alt="Follow Alaskan King Crab Co. on Instagram" class="social-media-icon" width="22" height="22"/> </a> </li> <li> <a href="https://www.pinterest.com/kingcrabandseafood/" title="Follow Alaskan King Crab Co. on Pinterest" class="social-pinterest"> <img src="//www.alaskankingcrab.com/cdn/shop/t/170/assets/icon-pin.svg?v=77199256124880919891691617189" alt="Follow Alaskan King Crab Co. on Pinterest" class="social-media-icon" width="18" height="22"/> </a> </li> <li> <a href="https://www.youtube.com/@alaskankingcrabco" title="Follow Alaskan King Crab Co. on YouTube" class="social-youtube"> <img src="//www.alaskankingcrab.com/cdn/shop/t/170/assets/icon-yt.svg?v=147338952475681503721691617190" alt="Follow Alaskan King Crab Co. on YouTube" class="social-media-icon" width="31" height="22"/> </a> </li> </ul> </div> </div> </div> </div> <div class="d-lg-none"> <div class="copyright"> <div class="col-12 d-md-flex text-center pl-0 pr-0"> <div class="terms-nav"> <span class="h6 color-foreword-white">2024 Alaskan King Crab Co. Co.</span> <span class="color-foreword-white dash" role="separator">|</span> <span><a href="/pages/your-california-privacy-rights" class="h6 color-foreword-white">California Privacy Act</a> <span class="color-foreword-white dash" role="separator">|</span> </span> <span><a href="/policies/privacy-policy" class="h6 color-foreword-white">Privacy Policy</a> <span class="color-foreword-white dash" role="separator">|</span> </span> <span><a href="/policies/terms-of-service" class="h6 color-foreword-white">Terms & Conditions</a> <span class="color-foreword-white dash" role="separator"></span> </span> </div> </div> </div> </div> <div class="footer-bottom w-100 text-center d-lg-none"> <div class="col-12 text-center"> <a href="https://markethouse.com"> <img src="//www.alaskankingcrab.com/cdn/shop/files/market-house_86b09a77-85fe-4214-a16c-472d8fab1651.png?v=1691620097" alt="Alaskan King Crab Co. Logo" width="55" height="55" class="footer-bottom-logo-image" /> </a> <span class="title color-foreword-white">Got beef?</span> <span class="link"><a class="color-foreword-off-white" href="https://markethouse.com">Shop Market House cuts here</a> <svg class="chevron" xmlns="http://www.w3.org/2000/svg" width="8" height="14" viewBox="0 0 8 14" fill="none" role="presentation"><path d="M0.374151 12.1502C0.153809 11.741 0.237735 11.2346 0.578307 10.9184L4.77816 7.01849C4.89793 6.90728 4.89793 6.71772 4.77816 6.60651L0.578307 2.70664C0.237735 2.39039 0.15381 1.884 0.374152 1.47479C0.690856 0.886628 1.47783 0.7562 1.96735 1.21075L7.3005 6.16297C7.67816 6.51365 7.67816 7.11135 7.3005 7.46203L1.96735 12.4142C1.47783 12.8688 0.690855 12.7384 0.374151 12.1502Z" fill="white"/></svg></span> </div> </div> <div class="d-none d-lg-flex mx-auto w-100"> <div class="col-3 social-icons-container"> <div class="social-media"> <ul> <li> <a href="https://www.facebook.com/kingcrabandseafood" title="Follow Alaskan King Crab Co. on Facebook"> <img src="//www.alaskankingcrab.com/cdn/shop/t/170/assets/icon-fb.svg?v=173908338461826499541691617189" alt="Follow Alaskan King Crab Co. on Facebook" class="social-media-icon" width="11" height="22"/> </a> </li> <li> <a href="https://www.instagram.com/alaskankingcrabco/" title="Follow Alaskan King Crab Co. on Instagram" class="social-ig"> <img src="//www.alaskankingcrab.com/cdn/shop/t/170/assets/icon-ig.svg?v=91583031184473633901691617189" alt="Follow Alaskan King Crab Co. on Instagram" class="social-media-icon" width="22" height="22"/> </a> </li> <li> <a href="https://www.pinterest.com/kingcrabandseafood/" title="Follow Alaskan King Crab Co. on Pinterest" class="social-pinterest"> <img src="//www.alaskankingcrab.com/cdn/shop/t/170/assets/icon-pin.svg?v=77199256124880919891691617189" alt="Follow Alaskan King Crab Co. on Pinterest" class="social-media-icon" width="18" height="22"/> </a> </li> <li> <a href="https://www.youtube.com/@alaskankingcrabco" title="Follow Alaskan King Crab Co. on YouTube" class="social-youtube"> <img src="//www.alaskankingcrab.com/cdn/shop/t/170/assets/icon-yt.svg?v=147338952475681503721691617190" alt="Follow Alaskan King Crab Co. on YouTube" class="social-media-icon" width="31" height="22"/> </a> </li> </ul> </div> </div> <div class="col-6 copyright-container"> <div class="copyright"> <div class="col-12 d-md-flex text-center pl-0 pr-0"> <div class="terms-nav"> <span class="h6 color-foreword-white">2024 Alaskan King Crab Co. Co.</span> <span class="color-foreword-white dash" role="separator">|</span> <span><a href="/pages/your-california-privacy-rights" class="h6 color-foreword-white">California Privacy Act</a> <span class="color-foreword-white dash" role="separator">|</span> </span> <span><a href="/policies/privacy-policy" class="h6 color-foreword-white">Privacy Policy</a> <span class="color-foreword-white dash" role="separator">|</span> </span> <span><a href="/policies/terms-of-service" class="h6 color-foreword-white">Terms & Conditions</a> <span class="color-foreword-white dash" role="separator"></span> </span> </div> </div> </div> </div> <div class="col-3 footer-bottom-container"> <div class="footer-bottom w-100 text-center d-none d-lg-flex"> <div class="icon"> <a href="https://markethouse.com"> <img src="//www.alaskankingcrab.com/cdn/shop/files/market-house_86b09a77-85fe-4214-a16c-472d8fab1651.png?v=1691620097" alt="Alaskan King Crab Co. Logo" width="55" height="55" class="footer-bottom-logo-image" /> </a> </div> <div class="info"> <span class="title color-foreword-white text-left">Got beef?</span> <span class="link text-left"><a class="color-foreword-off-white" href="https://markethouse.com">Shop Market House cuts here</a> <svg class="chevron" xmlns="http://www.w3.org/2000/svg" width="8" height="14" viewBox="0 0 8 14" fill="none" role="presentation"><path d="M0.374151 12.1502C0.153809 11.741 0.237735 11.2346 0.578307 10.9184L4.77816 7.01849C4.89793 6.90728 4.89793 6.71772 4.77816 6.60651L0.578307 2.70664C0.237735 2.39039 0.15381 1.884 0.374152 1.47479C0.690856 0.886628 1.47783 0.7562 1.96735 1.21075L7.3005 6.16297C7.67816 6.51365 7.67816 7.11135 7.3005 7.46203L1.96735 12.4142C1.47783 12.8688 0.690855 12.7384 0.374151 12.1502Z" fill="white"/></svg></span> </div> </div> </div> </div> </div> </footer> </div> <div id="search-pop"> <div class="right search-close"> <span class="icon-close"><i class="fa fa-times"></i></span> </div> <div class="container"> <div class="col-12 col-sm-8 offset-sm-2 text-center"> <form action="/search"> <div class="form-layout"> <input type="hidden" name="options[prefix]" value="last" /> <input type="text" name="q" placeholder="Search Alaskan King Crab Co." value="" autocapitalize="off" autocomplete="off" autocorrect="off" /> <button class="button cta"><i class="icon-search-form"></i></button> </div> </form> </div> </div> </div> </div> <script src="//www.alaskankingcrab.com/cdn/shop/t/170/assets/vendor.js?v=129841261747560366101691084146" type="text/javascript"></script> <script src="//www.alaskankingcrab.com/cdn/shop/t/170/assets/theme.js?v=81956557984011351081734543972" type="text/javascript"></script>  <div class="go-cart__modal go-cart__modal--fail js-go-cart-modal-fail"> <div class="go-cart-modal">  <div class="go-cart-modal__close js-go-cart-modal-fail-close"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" role="presentation"> <path d="M15.89 14.696l-4.734-4.734 4.717-4.717c.4-.4.37-1.085-.03-1.485s-1.085-.43-1.485-.03L9.641 8.447 4.97 3.776c-.4-.4-1.085-.37-1.485.03s-.43 1.085-.03 1.485l4.671 4.671-4.688 4.688c-.4.4-.37 1.085.03 1.485s1.085.43 1.485.03l4.688-4.687 4.734 4.734c.4.4 1.085.37 1.485-.03s.43-1.085.03-1.485z"></path> </svg> </div>   <div class="go-cart-modal__content js-go-cart-modal-fail-content body1"> Something went wrong, please contact us! </div>  </div> </div>   <div class="go-cart__modal js-go-cart-modal"> <div class="go-cart-modal">  <div class="go-cart-modal__close js-go-cart-modal-close"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" role="presentation"> <path d="M15.89 14.696l-4.734-4.734 4.717-4.717c.4-.4.37-1.085-.03-1.485s-1.085-.43-1.485-.03L9.641 8.447 4.97 3.776c-.4-.4-1.085-.37-1.485.03s-.43 1.085-.03 1.485l4.671 4.671-4.688 4.688c-.4.4-.37 1.085.03 1.485s1.085.43 1.485.03l4.688-4.687 4.734 4.734c.4.4 1.085.37 1.485-.03s.43-1.085.03-1.485z"></path> </svg> </div>   <div class="go-cart-modal__content js-go-cart-modal-content body1"></div>   <div class="go-cart-modal__buttons"> <a class="go-cart__button js-go-cart-modal-close button cta"> Continue shopping </a> <a href="/checkout/" class="go-cart__button button cta"> Checkout </a> </div>  </div> </div>   <div class="go-cart__drawer js-go-cart-drawer"> <div class="go-cart-drawer">  <div class="go-cart-drawer__header"> <h3>Cart</h3> <div class="go-cart-drawer__close js-go-cart-drawer-close"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="presentation"> <path d="M1.5625 1.16699L22.5794 22.1839" stroke="#607326" stroke-width="2" stroke-linecap="round"/> <path d="M22.5808 1.16699L1.5639 22.1839" stroke="#607326" stroke-width="2" stroke-linecap="round"/> </svg> </div> </div>   <div class="go-cart-drawer__content"> <div class="special-offer h6 text-center bold">Use code DOGGY20 to get 20% off<br/> orders of $90 or more!</div> <div class="go-cart-drawer__shipping-message js-go-cart-drawer__shipping-message" data-free-shipping-amount="6000"> <div class="go-cart-drawer__shipping-away h6 color-grass" data-template="You are ## away from Free Shipping" data-threshold-met="You have unlocked free shipping!" style="display: none;">You are ## away from Free Shipping</div> <div class="go-cart-drawer__shipping-meter" style="display: none;"> <div class="go-cart-drawer__shipping-fill"></div> </div> </div> <div class="js-go-cart-drawer-content"> </div> </div>   <div class="go-cart-drawer__subtotal h5"> <span role="heading">Subtotal: </span> <span class="go-cart-drawer__subtotal-price js-go-cart-drawer-subtotal h5"></span> </div>   <div class="go-cart-drawer__footer js-go-cart-drawer-footer"> <a href="/checkout/" class="go-cart__button button cta"> <span>Checkout</span> </a> </div>  </div> <div data-rebuy-id="57130"></div> </div>   <div class="go-cart__overlay js-go-cart-overlay"> </div>   <script type="text/javascript"> (function e(){var e=document.createElement("script");e.type="text/javascript",e.async=true,e.src="//staticw2.yotpo.com/VEDAYH2l5htNM91pyxLtGkFnLhCJN9U7BTaaXngk/widget.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})(); </script> <script> /** Init the GoCart */ const goCart = new GoCart({ cartMode: 'drawer', // drawer or mini-cart drawerDirection: '', // cart drawer from left or right displayModal: 'false', // display success modal when adding product to cart moneyFormat: '${{amount}} USD', // template for money format when displaying money }); </script> <script> document.addEventListener('rebuy:smartcart.show', (event) => { const smartcart = event.detail.smartcart; document.getElementById('smartcart-tooltip').style.display = 'block'; document.getElementById('smartcart-tooltip-content').innerHTML = 'Next-day delivery applies only to orders placed Monday-Thursday before 3pm ET. Free shipping is available for all orders over $300.'; console.log('rebuy:smartcart.show: smartcart', smartcart); }); </script> <script> document.addEventListener('rebuy:smartcart.show', (event) => { const smartcart = event.detail.smartcart; document.querySelector('.rebuy-cart__progress-bar-below > span').innerHTML = 'Promo code use may affect free shipping qualification. Contiguous US only.'; console.log('progress bar below changed','Promo code use may affect free shipping qualification. Contiguous US only.'); }); </script> <script> function getProductSizeByProductId(productId) { for (var i = 0; i < productSizes.length; i++) { if (productSizes[i].product_id === productId) { return productSizes[i].product_size; } } return false; } var productSizes = []; productSizes.push( ); </script> <script> /* Add Product Size Metafield to Existing Items */ document.addEventListener('rebuy:smartcart.show', (event) => { const smartcart = event.detail.smartcart; const variantSizeElements = document.querySelectorAll('.rebuy-cart__flyout-item-variant-size'); variantSizeElements.forEach(function(element) { const thisInnerText = parseInt(element.innerText); if (thisInnerText.toString().length < 6) return; const productSize = getProductSizeByProductId(thisInnerText); if (productSize){ element.innerText = productSize; element.classList.remove('d-none'); } }); }); /* Add Product Size Metafield to New Items */ document.addEventListener('rebuy:cart.add', (event) => { const variantId = event.detail.item.product_id; console.log('event.detail', event.detail); setTimeout(function(){ document.querySelectorAll('.rebuy-cart__flyout-item-variant-size').forEach(function(element) { const innerTextAsInteger = parseInt(element.innerText); if (innerTextAsInteger === variantId) { if (getProductSizeByProductId(variantId)){ element.classList.remove('d-none'); element.innerHTML = getProductSizeByProductId(variantId); } } }); }, 600); }); </script> <script id="rebuy-cart-template" type="text/template"> <div id="rebuy-cart" class="rebuy-cart" v-cloak v-bind:class="[visible ? 'is-visible' : '', 'currency-' + currency() ]" role="dialog" aria-modal="true" aria-labelledby="SmartCart_title" v-bind:aria-hidden="!visible ? 'true' : 'false'" > <div class="rebuy-cart__flyout"> <div class="rebuy-cart__flyout-header"> <div v-html="renderHeader()"></div> <button class="rebuy-cart__flyout-close" type="button" v-on:click="hide()" aria-label="Close Cart" > <i class="fal fa-times" aria-hidden="true"></i> </button> </div> <div class="rebuy-cart__flyout-body"> <div class="rebuy-cart__flyout-announcement-bar" id="rebuy-smart-cart-announcement-bar" v-if="announcementBarEnabled()" > <div class="rebuy-cart__flyout-announcement-bar-message" v-for="message in settings.announcement_bar.messages" v-html="message" ></div> </div> <div class="rebuy-cart__flyout-shipping-bar" v-if="freeShippingEnabled()" v-bind:class="[ freeShippingHelperMessage() ? 'has-helper' : '', hasFreeShipping() ? 'has-free-shipping': '' ]" > <div class="rebuy-cart__flyout-shipping-bar-message" v-if="!hasFreeShipping()" v-html="freeShippingRemainingMessage()" ></div> <div class="rebuy-cart__flyout-shipping-bar-message" v-if="hasFreeShipping()" v-html="freeShippingCompleteMessage()" ></div> <div class="rebuy-cart__flyout-shipping-bar-meter" v-bind:class="[hasFreeShippingProgress() ? 'has-progress' : 'no-progress']" > <span id="free-shipping-progress-label" class="rebuy-cart__flyout-shipping-bar-meter-fill-text"> Progress to free shipping: {{ freeShippingPercentComplete() }} </span> <div class="rebuy-cart__flyout-shipping-bar-meter-fill" v-bind:style="{ width: freeShippingPercentComplete() }" role="progressbar" tabindex="0" aria-valuemin="0" aria-valuemax="100" v-bind:aria-valuenow="freeShippingPercentComplete(false, true)" aria-labelledby="free-shipping-progress-label" ></div> </div> <div class="rebuy-cart__flyout-shipping-bar-helper" v-if="freeShippingHelperMessage()" v-html="freeShippingHelperMessage()" ></div> </div> <div v-else-if="progressBarEnabled()" class="rebuy-cart__progress-bar-container above"> <div v-for="bar in settings.progress_bar.bars" v-if="isValidBar(bar)"> <div class="rebuy-cart__progress-step-wrapper" v-bind:class="[ 'count-' + bar.tiers.length ]"> <div v-for="tier in bar.tiers" class="rebuy-cart__progress-step" v-bind:style="{ width: progressStepMaxWidth(bar) }" v-bind:class="[ progressTierReached(tier) ? 'complete' : '' ]"> <div class="rebuy-cart__progress-step-icon" v-html="progressTierIcon(tier)"></div> <span class="rebuy-cart__progress-step-label">{{ getTierLabel(tier)}}</span> </div> </div> <div class="rebuy-cart__progress-bar-wrapper"> <div id="rebuy-cart__progress-bar-meter-label" class="rebuy-cart__progress-bar-prompt" v-if="hasProgressPrompt(bar)" v-html="getTierFeedbackText(bar)"></div> <div class="rebuy-cart__progress-bar-meter" v-bind:class="[hasTierProgress() ? 'has-progress' : 'no-progress']"> <div class="rebuy-cart__progress-bar-meter-fill" v-bind:style="{ width: tiersPercentageComplete(bar) }" role="progressbar" tabindex="0" aria-valuemin="0" aria-valuemax="100" v-bind:aria-valuenow="tiersPercentageComplete(bar, true)" aria-labelledby="rebuy-cart__progress-bar-meter-label" > <span class="sr-only"></span> </div> </div> <div class="rebuy-cart__progress-bar-below"> <span>Promo code use may affect free shipping qualification. Contiguous US only.</span> <div class="rebuy-cart__tooltip tooltip" id="smartcart-tooltip"> <svg xmlns="http://www.w3.org/2000/svg" width="9" height="8" viewBox="0 0 9 8" fill="none"> <path d="M4.11591 2.93341H4.86426V2.18507H4.11591M4.49009 7.04924C2.83995 7.04924 1.49665 5.70598 1.49665 4.05591C1.49665 2.40583 2.83995 1.06257 4.49009 1.06257C6.14022 1.06257 7.48352 2.40583 7.48352 4.05591C7.48352 5.70598 6.14022 7.04924 4.49009 7.04924ZM4.49009 0.31424C3.99871 0.31424 3.51214 0.411021 3.05816 0.599057C2.60419 0.787093 2.19169 1.0627 1.84424 1.41015C1.14251 2.11185 0.748291 3.06355 0.748291 4.05591C0.748291 5.04826 1.14251 5.99997 1.84424 6.70166C2.19169 7.04911 2.60419 7.32472 3.05816 7.51276C3.51214 7.70079 3.99871 7.79757 4.49009 7.79757C5.48247 7.79757 6.43421 7.40336 7.13593 6.70166C7.83766 5.99997 8.23188 5.04826 8.23188 4.05591C8.23188 3.56454 8.1351 3.07799 7.94705 2.62403C7.75901 2.17007 7.48339 1.75759 7.13593 1.41015C6.78848 1.0627 6.37598 0.787093 5.92201 0.599057C5.46803 0.411021 4.98146 0.31424 4.49009 0.31424ZM4.11591 5.92674H4.86426V3.68174H4.11591V5.92674Z" fill="#ED522E"/> </svg> <div id="smartcart-tooltip-content" class="tooltip-content body1"></div> </div> </div> </div> <div class="rebuy-cart__progress-free-products" v-if="getBarLayout(bar) == 'above' && earnedProducts(bar).length > 0"> <div class="rebuy-cart__progress-free-products-title">Free Gifts</div> <div class="rebuy-cart__progress-free-products-list" ref="freeProductList"> <div v-for="product in earnedProducts(bar)" class="rebuy-cart__progress-free-product" v-bind:style="[ freeProductTileStyle(bar) ]"> <div class="rebuy-cart__progress-free-product-image" v-bind:style="freeProductStyles(product)"></div> <div class="rebuy-cart__progress-free-product-info"> <div> <p class="rebuy-cart__progress-free-product-title" v-html="product.title"></p> <span v-if="product.chosen_variant" class="rebuy-cart__progress-free-product-variant-title" v-html="getFreeVariantTitle(product)"></span> </div> <div v-if="!product.chosen_variant" class="rebuy-cart__progress-free-product-variant-select-container"> <select class="rebuy-cart__progress-free-product-variant-select" v-on:change="selectFreeProductVariant($event, product)"> <option value="" disabled selected>Select Variant</option> <option v-for="variant in freeProductOptions(product)" v-bind:value="variant.id">{{ variant.title }} </option> </select> <div class="rebuy-cart__progress-free-product-variant-select-prompt" v-html="freeProductPrompt(product)"></div> </div> </div> <button v-show="product.chosen_variant" class="rebuy-cart__progress-free-product-remove" v-on:click="removeFreeProduct(product)" > <i class="fal fa-times" aria-hidden="true"></i> <span class="sr-only">Remove {{ product.title }} {{ product.chosen_variant?.title ? product.chosen_variant.title : '' }} from Cart</span> </button> </div> </div> </div> </div> </div> <div class="rebuy-cart__flyout-content" v-bind:class="[ hasItems() ? 'has-items' : 'no-items' ]" > <ul class="rebuy-cart__flyout-items" v-if="hasItems()" data-smartcart-items tabindex="0"> <li class="rebuy-cart__flyout-item" v-for="item in items()" v-if="!isHiddenItem(item)" :key="item.key" v-bind:class="[ 'product-' + item.handle, itemProductTagsClasses(item), itemPropertyClasses(item) ]" role="group" aria-label="product" > <div class="rebuy-cart__flyout-item-media"> <a v-bind:href="itemURL(item)" tabindex="-1"> <img v-bind:src="sizeImage(item.image, '240x240')" v-bind:alt="item.featured_image?.alt" /> </a> </div> <div class="rebuy-cart__flyout-item-info"> <div class="rebuy-cart__flyout-title-container"> <div> <a role="heading" aria-level="5" class="rebuy-cart__flyout-item-product-title" v-bind:href="itemURL(item)" v-html="item.product_title" v-bind:alt="'View ' + item.product_title" ></a> </div> <div> <div class="rebuy-cart__flyout-item-price"> <div v-if="itemHasDiscount(item)"> <span class="rebuy-money sale" > <span class="sr-only">Sale price</span> <span v-html="formatMoney(itemPrice(item))"></span> </span> <span class="rebuy-money compare-at" > <span class="sr-only">Original price</span> <span v-html="formatMoney(compareAtPrice(item))"></span> </span> </div> <div v-if="!itemHasDiscount(item)"> <span class="rebuy-money" > <span class="sr-only">Price</span> <span v-html="formatMoney(itemPrice(item))"></span> </span> </div> </div> </div> </div> <div class="rebuy-cart__flyout-item-details"> <div class="rebuy-cart__flyout-item-variant-title" v-html="item.variant_title" v-if="item.variant_title" ></div> <div class="rebuy-cart__flyout-item-variant-size d-none" v-html="item.product.id" v-if="item.product.id" ></div> </div> <div class="rebuy-cart__flyout-item-discount-message body1" v-if="hasLineItemDiscount(item)" v-html="lineItemDiscountMessage(item)" ></div> <div class="rebuy-cart__flyout-item-properties" v-if="hasItemProperties(item)" > <div class="rebuy-cart__flyout-item-property rebuy-cart__flyout-item-property--delivery-frequency" v-if="itemDeliveryFrequency(item)" v-html="itemDeliveryFrequency(item)" ></div> <div class="rebuy-cart__flyout-item-property" v-for="property in itemProperties(item)" v-bind:class="[ itemPropertyKeyClass(property), itemPropertyValueClass(property) ]" > <span class="rebuy-cart__flyout-item-property-name" v-html="property.key" ></span> <span class="rebuy-cart__flyout-item-property-separator"> : </span> <span class="rebuy-cart__flyout-item-property-value" v-html="property.value" ></span> </div> </div> <div class="rebuy-cart__flyout-item-quantity"> <div class="rebuy-cart__flyout-item-quantity-widget" v-if="hideQuantitySelectors && !hideQuantitySelectors(item)" > <button class="rebuy-cart__flyout-item-quantity-widget-button" v-bind:alt="'Decrease quantity of ' + item.product_title" v-bind:aria-label="'Decrease quantity of ' + item.product_title" v-on:click="decreaseItem(item)" type="button" > <i class="far" v-bind:class="[(item.status == 'decreasing') ? 'fa-sync-alt fa-fast-spin' : 'fa-minus']" aria-hidden="true" ></i> </button> <span class="rebuy-cart__flyout-item-quantity-widget-label" > <span class="sr-only">Quantity of {{ item.product_title }}</span> {{ item.quantity }} </span> <button class="rebuy-cart__flyout-item-quantity-widget-button" v-bind:alt="'Increase quantity of ' + item.product_title" v-bind:aria-label="'Increase quantity of ' + item.product_title" v-on:click="increaseItem(item)" type="button" > <i class="far" v-bind:class="[(item.status == 'increasing') ? 'fa-sync-alt fa-fast-spin' : 'fa-plus']" aria-hidden="true" ></i> </button> </div> <button class="rebuy-cart__flyout-item-remove" type="button" v-bind:alt="'Remove ' + item.product_title" v-bind:aria-label="'Remove ' + item.product_title" v-on:click="removeItem(item)" > <span class="body1" v-bind:class="[(item.status == 'removing') ? ' ' : '']" aria-hidden="true" >REMOVE</span> </button> </div> <div class="rebuy-cart__flyout-item-bundle" v-if="itemIsBundle(item)"> <button class="rebuy-cart__flyout-item-bundle-show-button" v-if="itemBundleLength(item) > 0 && !isSeeingBundle(item)" v-on:click="toggleActiveBundle(item)" type="button" v-bind:alt="'Expand bundle of ' + item.product_title" v-bind:aria-label="'Expand bundle of ' + item.product_title" > Show <span v-html="itemBundleLength(item)"></span> items <span class="rebuy-cart__flyout-bundle-chev-icon"><i class="fas fa-chevron-down"></i></span> </button> <button class="rebuy-cart__flyout-item-bundle-hide-button" v-if="itemBundleLength(item) > 0 && isSeeingBundle(item)" v-on:click="toggleActiveBundle(item)" type="button" v-bind:alt="'Collapse bundle of ' + item.product_title" v-bind:aria-label="'Collapse bundle of ' + item.product_title" > Hide <span v-html="itemBundleLength(item)"></span> items <span class="rebuy-cart__flyout-bundle-chev-icon"><i class="fas fa-chevron-up"></i></span> </button> <ul class="rebuy-cart__flyout-item-bundle-children" v-if="itemBundleLength(item) > 0 && isSeeingBundle(item)" tabindex="0" > <li class="rebuy-cart__flyout-item-bundle-child" v-for="(option, index) in item.options_with_values"> <div class="rebuy-cart__flyout-item-bundle-child-left"> <div class="rebuy-cart__flyout-item-bundle-image-container"> <img v-bind:src="getBundleOptionImage(item.product, option, index)" v-bind:alt="childBundleTitle(option)" class="rebuy-cart__flyout-item-bundle-image" /> </div> </div> <div class="rebuy-cart__flyout-item-bundle-child-right"> <h5 v-html="childBundleTitle(option)" class="rebuy-cart__flyout-item-bundle-title"></h5> <p v-html="option.value" class="rebuy-cart__flyout-item-bundle-value"></p> </div> </li> <ul> </div> </div> <div v-if="itemHasBMSM(item) && bMSMFinalTierNotReached(item)" class="rebuy-cart__flyout-item-buy-more-save-more" > <div v-if="hasBMSMButtons()" class="rebuy-cart__flyout-item-buy-more-save-more-container" > <div v-for="tier in getBMSMTiers()" class="rebuy-cart__flyout-item-buy-more-save-more-button-container" v-if="tier.quantity > item.quantity" > <button v-on:click="adjustBMSMQuantity(item, tier)" class="rebuy-button rebuy-cart__flyout-item-buy-more-save-more-button" v-bind:alt="getBMSMButtonText(tier)" > <span v-html="getBMSMButtonText(tier)"></span> </button> </div> </div> <span v-if="!hasBMSMButtons()" class="rebuy-cart__flyout-buy-more-save-more-dynamic-message-text" v-html="buyMoreSaveMoreDynamicText(item)" ></span> </div> <div class="rebuy-cart__flyout-item-subscription" v-if="hasSwitchToSubscription(item)" > <button class="rebuy-button outline" v-if="!item.product.subscription || item.status == 'downgrading' || item.status == 'upgrading'" v-bind:alt="'Switch ' + item.product_title + ' to a Subscription'" v-bind:disabled="(item.status == 'downgrading' || item.status == 'upgrading')" v-on:click="updateItemDeliveryFrequency(item, selectedSubscriptionFrequency(item, 0), 'onetime')" type="button" > <span v-html="switchToSubscriptionLabel(item)"></span> </button> <select class="rebuy-select muted" aria-label="subscription frequency" v-if="item.product.subscription && item.status != 'downgrading'" v-model="item.product.subscription_frequency" v-on:change="updateItemDeliveryFrequency(item)" > <optgroup v-if="!item.product.is_subscription_only && !subscriptionDowngradeDisabled()" v-bind:label="onetimeOptionGroupLabel(item)" > <option v-bind:value="'onetime'" v-html="onetimeOptionLabel(item)" ></option> </optgroup> <optgroup v-bind:label="subscriptionOptionGroupLabel(item)"> <option v-for="frequency in subscriptionFrequencies(item)" v-bind:value="frequency" v-html="subscriptionOptionLabel(item, frequency, item.product.subscription_interval)" ></option> </optgroup> </select> </div> </li> </ul> <div class="rebuy-cart__flyout-note" v-if="notesEnabled()"> <label class="rebuy-cart__flyout-note-toggle"> <input class="rebuy-cart__flyout-note-toggle-input rebuy-checkbox" type="checkbox" v-model="notes.visible" v-on:click="notesToggle()" /> <span class="rebuy-cart__flyout-note-toggle-label" v-html="settings.language.notes_label" ></span> </label> <div class="rebuy-cart__flyout-note-content" v-if="notesIsVisible()" > <textarea id="rebuy-cart-notes" class="rebuy-textarea rebuy-cart__flyout-note-textarea" v-model="notes.value" v-on:keyup="notesChange($event)" v-on:keydown="notesChange($event)" v-on:change="notesChange($event)" v-bind:placeholder="settings.language.notes_placeholder" ></textarea> <small id="rebuy-cart-characters-remaining" v-html="notesRemainingCharacters()" ></small> </div> </div> <div class="rebuy-cart__flyout-empty-cart" v-html="emptyCartMessage()" v-if="!hasItems()"></div> <div class="rebuy-cart__flyout-empty-cart-footer" v-if="!hasItems()"> <div data-app-target="empty_cart"></div> </div> <div class="rebuy-cart__subtotal-actions"> <div class="rebuy-cart__flyout-apps"> <div data-app-target="above_subtotal"></div> </div> <div class="rebuy-cart__flyout-subtotal"> <div class="rebuy-cart__flyout-subtotal-label"> <span v-html="subtotalLabel()"></span> </div> <div class="rebuy-cart__flyout-subtotal-amount" v-html="subtotal()" ></div> </div> <div data-app-target="below_subtotal"></div> <div class="rebuy-cart__flyout-actions"> <div v-if="settings.terms && settings.terms.enabled" class="rebuy-cart__flyout-terms" > <input class="rebuy-cart__flyout-terms-checkbox rebuy-checkbox" id="rebuy-terms-checkbox" name="rebuy-terms-checkbox" type="checkbox" v-model="termsAccepted" v-on:click="updateTermsCheck()" /> <label class="rebuy-cart__flyout-terms-label" for="rebuy-terms-checkbox" v-html="settings.terms.disclaimer" ></label> </div> <button v-show="hasCheckoutButton()" class="rebuy-button rebuy-cart__checkout-button block cta-foreword-primary cta" type="button" v-on:click="checkout()" v-bind:disabled="hasTermsEnabled() && !hasAcceptedTerms()" > <span v-html="checkoutLabel()"></span> </button> <button v-if="hasViewCartButton()" class="rebuy-button rebuy-cart__view-cart-button block cta-foreword-primary cta" v-bind:class="{'outline': hasCheckoutButton()}" type="button" v-on:click="viewCart()" > <span v-html="viewCartLabel()"></span> </button> <button v-if="hasContinueShoppingButton()" class="rebuy-button rebuy-cart__continue-shopping-button block outline" type="button" v-on:click="hide()" > <span v-html="continueShoppingLabel()"></span> </button> <button v-if="hasShopPayButton()" class="rebuy-button rebuy-cart__shop-pay-button block" v-on:click="shopPayCheckout()" aria-label="Checkout with Shop Pay" > <svg width="80" height="30" viewBox="0 0 4317 1037" fill="none" xmlns="http://www.w3.org/2000/svg" > <g clip-path="url(#clip0)"> <path d="M1105.96 326.186C1071.34 253.553 1005.7 206.635 906.786 206.635C876.426 207.164 846.593 214.661 819.588 228.543C792.585 242.427 769.128 262.328 751.033 286.711L747.423 291.109V6.44337C747.423 4.7982 746.77 3.22051 745.606 2.05722C744.443 0.8939 742.864 0.240234 741.219 0.240234H601.367C599.742 0.269795 598.194 0.936325 597.055 2.09644C595.915 3.25656 595.277 4.81756 595.277 6.44337V822.999C595.277 824.614 595.92 826.162 597.062 827.304C598.204 828.447 599.752 829.089 601.367 829.089H751.145C752.771 829.089 754.332 828.452 755.492 827.311C756.652 826.172 757.318 824.624 757.348 822.999V474.835C757.348 407.165 802.461 359.231 874.643 359.231C953.592 359.231 973.555 424.195 973.555 490.398V822.999C973.555 824.614 974.196 826.162 975.338 827.304C976.48 828.447 978.03 829.089 979.645 829.089H1129.08C1130.71 829.089 1132.27 828.452 1133.43 827.311C1134.59 826.172 1135.26 824.624 1135.29 822.999V470.549C1135.29 458.481 1135.29 446.638 1133.71 435.135C1131.14 397.437 1121.74 360.519 1105.96 326.186Z" fill="white" /> <path d="M358.093 447.206C358.093 447.206 281.851 429.273 253.768 422.055C225.684 414.837 176.623 399.498 176.623 362.392C176.623 325.286 216.21 313.443 256.362 313.443C296.513 313.443 341.176 323.143 344.672 367.693C344.813 369.299 345.552 370.791 346.742 371.879C347.933 372.965 349.488 373.563 351.1 373.558L498.734 372.994C499.603 372.996 500.463 372.819 501.26 372.474C502.057 372.129 502.774 371.623 503.367 370.987C503.96 370.353 504.416 369.602 504.705 368.783C504.994 367.963 505.113 367.093 505.05 366.226C495.915 223.668 370.837 172.69 255.459 172.69C118.652 172.69 18.6132 262.917 18.6132 362.392C18.6132 435.025 39.1399 503.147 200.533 550.516C228.842 558.749 267.302 569.463 300.912 578.825C341.288 590.104 363.055 607.134 363.055 633.976C363.055 665.104 317.942 686.758 273.618 686.758C209.444 686.758 163.879 662.961 160.157 620.215C159.963 618.652 159.202 617.212 158.016 616.172C156.831 615.132 155.305 614.564 153.728 614.576L6.43255 615.253C5.569 615.253 4.71432 615.426 3.91928 615.764C3.12425 616.101 2.40528 616.594 1.80527 617.216C1.20527 617.836 0.736446 618.572 0.426968 619.378C0.11749 620.185 -0.0263401 621.045 0.00395994 621.908C6.77099 756.459 136.698 828.978 257.829 828.978C438.283 828.978 519.825 727.474 519.825 632.397C520.051 587.734 509.787 486.003 358.093 447.206Z" fill="white" /> <path d="M2257.37 206.409C2182.38 206.409 2119.55 247.913 2079.06 297.991V212.274C2079.06 210.678 2078.43 209.145 2077.31 208.007C2076.21 206.868 2074.68 206.213 2073.08 206.185H1933.01C1931.4 206.185 1929.84 206.825 1928.7 207.967C1927.56 209.11 1926.91 210.66 1926.91 212.274V1013.04C1926.95 1014.63 1927.61 1016.16 1928.75 1017.27C1929.89 1018.39 1931.42 1019.02 1933.01 1019.02H2082.9C2084.48 1019.02 2086 1018.39 2087.12 1017.27C2088.24 1016.15 2088.87 1014.62 2088.87 1013.04V749.802H2091.13C2114.92 786.117 2180 829.653 2265.05 829.653C2424.96 829.653 2558.28 697.019 2558.28 517.806C2558.4 345.811 2425.76 206.409 2257.37 206.409ZM2243.5 677.057C2211.94 677.841 2180.83 669.2 2154.2 652.238C2127.57 635.274 2106.58 610.759 2093.93 581.82C2081.29 552.88 2077.55 520.829 2083.21 489.757C2088.85 458.685 2103.64 430.002 2125.66 407.369C2147.69 384.733 2175.96 369.175 2206.87 362.679C2237.77 356.183 2269.91 359.042 2299.18 370.893C2328.46 382.743 2353.53 403.048 2371.22 429.215C2388.9 455.383 2398.38 486.224 2398.47 517.806C2398.79 538.449 2395.03 558.955 2387.42 578.145C2379.81 597.335 2368.47 614.831 2354.07 629.628C2339.68 644.425 2322.5 656.232 2303.51 664.371C2284.54 672.511 2264.15 676.821 2243.5 677.057Z" fill="white" /> <path d="M1483.34 171.229C1343.6 171.229 1273.9 218.711 1217.95 256.72L1216.26 257.847C1213.38 259.821 1211.35 262.813 1210.57 266.221C1209.8 269.63 1210.34 273.204 1212.09 276.231L1267.35 371.419C1268.39 373.201 1269.81 374.732 1271.5 375.901C1273.2 377.071 1275.13 377.852 1277.17 378.187C1279.16 378.546 1281.2 378.459 1283.15 377.932C1285.1 377.405 1286.91 376.454 1288.45 375.141L1292.84 371.533C1321.6 347.397 1367.73 315.14 1479.39 306.343C1541.53 301.382 1595.22 317.622 1634.8 354.615C1678.34 394.767 1704.4 459.617 1704.4 528.077C1704.4 654.057 1630.18 733.23 1510.97 734.81C1412.73 734.246 1346.75 683.042 1346.75 607.364C1346.75 567.212 1364.91 541.047 1400.33 514.881C1403.03 512.947 1404.94 510.1 1405.71 506.866C1406.48 503.632 1406.05 500.229 1404.5 497.287L1354.87 403.45C1353.96 401.771 1352.72 400.289 1351.23 399.089C1349.74 397.889 1348.03 396.995 1346.19 396.458C1344.31 395.899 1342.34 395.741 1340.4 395.992C1338.45 396.245 1336.58 396.903 1334.91 397.925C1279.2 430.97 1210.85 491.422 1214.57 607.59C1219.08 755.449 1342.02 868.345 1501.83 872.97H1509.84H1520.78C1710.7 866.766 1847.85 725.787 1847.85 534.619C1847.85 359.126 1719.95 171.229 1483.34 171.229Z" fill="white" /> <path d="M3148.93 261.455H3053.73C3051.51 261.484 3049.37 262.385 3047.79 263.964C3046.2 265.544 3045.3 267.679 3045.29 269.914V469.653C3045.3 471.878 3046.21 473.999 3047.8 475.561C3049.38 477.123 3051.51 478 3053.73 478H3148.93C3206.9 478 3249.65 432.322 3249.65 369.727C3249.65 307.132 3206.9 261.455 3148.93 261.455Z" fill="white" /> <path d="M3441.38 614.802C3441.38 643.787 3465.85 659.915 3508.48 659.915C3566.45 659.915 3600.73 628.561 3600.73 572.958V556.944L3513.9 561.455C3468.1 563.71 3441.38 582.772 3441.38 614.802Z" fill="white" /> <path d="M4146.27 2.04983H2867.3C2846.33 2.04981 2825.54 6.18442 2806.17 14.2172C2786.78 22.25 2769.17 34.0237 2754.35 48.8653C2739.51 63.707 2727.75 81.3258 2719.73 100.715C2711.7 120.104 2707.59 140.883 2707.61 161.865V862.026C2707.61 904.392 2724.43 945.025 2754.38 974.992C2784.33 1004.96 2824.95 1021.81 2867.3 1021.84H4146.27C4167.28 1021.9 4188.1 1017.82 4207.53 1009.83C4226.95 1001.84 4244.61 990.093 4259.5 975.273C4274.37 960.45 4286.2 942.839 4294.28 923.445C4302.35 904.052 4306.51 883.258 4306.55 862.252V162.09C4306.58 141.042 4302.47 120.192 4294.43 100.74C4286.39 81.2884 4274.58 63.6179 4259.69 48.7448C4244.8 33.8719 4227.11 22.0899 4207.65 14.0763C4188.19 6.06265 4167.33 1.97545 4146.27 2.04983ZM3153.77 556.609H3053.17C3050.93 556.609 3048.79 557.499 3047.19 559.085C3045.61 560.672 3044.71 562.824 3044.71 565.068V708.302C3044.71 710.545 3043.82 712.697 3042.24 714.283C3040.65 715.87 3038.5 716.761 3036.26 716.761H2965.42C2963.2 716.732 2961.05 715.831 2959.47 714.25C2957.89 712.672 2957.01 710.537 2956.97 708.302V191.639C2956.97 189.397 2957.86 187.245 2959.46 185.658C2961.04 184.072 2963.18 183.181 2965.42 183.181H3153.77C3260.47 183.181 3336.82 260.889 3336.82 369.951C3336.82 479.013 3261.03 556.833 3154.35 556.833L3153.77 556.609ZM3683.86 708.19C3683.88 709.31 3683.68 710.421 3683.25 711.461C3682.83 712.5 3682.21 713.447 3681.43 714.244C3680.63 715.041 3679.7 715.675 3678.66 716.107C3677.64 716.538 3676.52 716.761 3675.4 716.761H3608.52C3607.4 716.761 3606.29 716.538 3605.26 716.107C3604.22 715.675 3603.28 715.041 3602.5 714.244C3601.72 713.447 3601.09 712.5 3600.68 711.461C3600.26 710.421 3600.05 709.31 3600.07 708.19V692.739C3600.17 691.382 3599.85 690.026 3599.12 688.874C3598.41 687.72 3597.34 686.829 3596.06 686.334C3594.8 685.84 3593.41 685.769 3592.1 686.131C3590.77 686.491 3589.62 687.266 3588.79 688.34C3568.82 710.107 3536.34 725.896 3484.57 725.896C3408.34 725.896 3357.91 686.197 3357.91 617.624C3357.18 600.904 3360.63 584.265 3367.96 569.216C3375.28 554.17 3386.26 541.19 3399.88 531.458C3427.39 510.818 3470.02 500.104 3533.29 497.622L3600.39 495.367V475.741C3600.39 436.154 3573.78 419.35 3531.03 419.35C3488.29 419.35 3461.33 434.463 3455.03 459.163C3454.52 460.907 3453.45 462.433 3451.97 463.496C3450.51 464.56 3448.72 465.098 3446.9 465.027H3380.7C3379.48 465.058 3378.27 464.82 3377.15 464.334C3376.05 463.846 3375.04 463.12 3374.23 462.206C3373.43 461.291 3372.83 460.214 3372.49 459.044C3372.14 457.875 3372.05 456.646 3372.24 455.441C3382.17 396.793 3430.66 352.243 3534.09 352.243C3643.94 352.243 3683.52 403.335 3683.52 500.892L3683.86 708.19ZM4100.49 372.995L3951.62 770.108C3917.78 862.364 3858.56 886.05 3793.71 886.05C3781.5 886.348 3769.3 884.866 3757.51 881.652C3755.67 881.157 3754.06 880.073 3752.88 878.563C3751.73 877.056 3751.1 875.208 3751.08 873.305V812.965C3751.08 811.703 3751.35 810.455 3751.88 809.311C3752.42 808.167 3753.19 807.154 3754.16 806.347C3755.14 805.538 3756.27 804.955 3757.49 804.637C3758.71 804.319 3759.99 804.274 3761.23 804.506C3771.46 806.446 3781.84 807.428 3792.25 807.44C3810.18 808.339 3827.9 803.193 3842.57 792.825C3857.22 782.457 3867.98 767.467 3873.11 750.258L3877.52 736.385C3878.2 734.529 3878.2 732.491 3877.52 730.633L3738.33 373.109C3737.91 371.831 3737.79 370.469 3737.99 369.137C3738.2 367.804 3738.71 366.537 3739.47 365.439C3740.26 364.341 3741.29 363.442 3742.48 362.814C3743.67 362.187 3745 361.849 3746.34 361.83H3814.02C3815.75 361.847 3817.43 362.381 3818.86 363.367C3820.29 364.351 3821.39 365.741 3822.02 367.357L3916.54 619.542C3917.17 621.189 3918.27 622.608 3919.72 623.609C3921.18 624.612 3922.89 625.147 3924.66 625.147C3926.41 625.147 3928.15 624.612 3929.59 623.609C3931.04 622.608 3932.16 621.189 3932.77 619.542L4014.78 368.034C4015.32 366.319 4016.41 364.825 4017.87 363.77C4019.33 362.714 4021.08 362.153 4022.88 362.169H4092.26C4093.59 362.163 4094.91 362.475 4096.12 363.073C4097.31 363.673 4098.36 364.545 4099.16 365.62C4099.96 366.695 4100.49 367.942 4100.72 369.263C4100.96 370.582 4100.88 371.938 4100.49 373.221V372.995Z" fill="white" /> </g> <defs> <clipPath id="clip0"> <rect width="4317" height="1036.76" fill="white" transform="translate(0 0.240234)" /> </clipPath> </defs> </svg> </button> </div> </div> <div class="rebuy-cart__flyout-recommendations" v-if="hasCrossSells()"> <div v-for="widget_id in settings.cross_sells" v-bind:data-rebuy-id="widget_id" ></div> </div> <div class="rebuy-cart__value-props"> <div class="rebuy-cart__value-props-single"> <div class="rebuy-cart__value-props-image text-center"> <img src="https://cdn.shopify.com/s/files/1/2113/5975/files/icon-wild-caught.png?v=1728507099" width="100" height="100" alt="Wild Caught" class="value-prop"> </div> <div class="rebuy-cart__value-props-text body1 text-center"> Wild Caught </div> </div> <div class="rebuy-cart__value-props-single"> <div class="rebuy-cart__value-props-image text-center"> <img src="https://cdn.shopify.com/s/files/1/2113/5975/files/icon-flash-frozen.png?v=1728507099" width="100" height="100" alt="Flash Frozen" class="value-prop"> </div> <div class="rebuy-cart__value-props-text body1 text-center"> Flash Frozen </div> </div> <div class="rebuy-cart__value-props-single"> <div class="rebuy-cart__value-props-image text-center"> <img src="https://cdn.shopify.com/s/files/1/2113/5975/files/icon-shipped-overnight.png?v=1728507099" width="100" height="100" alt="Shipped Overnight" class="value-prop"> </div> <div class="rebuy-cart__value-props-text body1 text-center"> Shipped Overnight </div> </div> </div> <div class="rebuy-cart__value-props-below"></div> <div class="rebuy-cart__upsells" v-if="hasPrePurchase()"> <div v-bind:data-rebuy-id="settings.pre_purchase.id"></div> </div> </div> <div v-if="progressBarEnabled()" class="rebuy-cart__progress-bar-container below"> <div class="rebuy-cart__progress-free-products" v-for="bar in settings.progress_bar.bars" v-if="isValidBar(bar) && getBarLayout(bar) == 'below' && earnedProducts(bar).length > 0"> <div class="rebuy-cart__progress-free-products-title">Free Gifts</div> <div class="rebuy-cart__progress-free-products-list" ref="freeProductList"> <div v-for="product in earnedProducts(bar)" class="rebuy-cart__progress-free-product" v-bind:style="[ freeProductTileStyle(bar) ]"> <div class="rebuy-cart__progress-free-product-image" v-bind:style="freeProductStyles(product)"></div> <div class="rebuy-cart__progress-free-product-info"> <div> <p class="rebuy-cart__progress-free-product-title" v-html="product.title"></p> <span v-if="product.chosen_variant" class="rebuy-cart__progress-free-product-variant-title" v-html="product.chosen_variant.title"></span> </div> <div v-if="!product.chosen_variant" class="rebuy-cart__progress-free-product-variant-select-container"> <select class="rebuy-cart__progress-free-product-variant-select" v-on:change="selectFreeProductVariant($event, product)"> <option value="" disabled selected>Select Variant</option> <option v-for="variant in freeProductOptions(product)" v-bind:value="variant.id">{{ variant.title }} </option> </select> <div class="rebuy-cart__progress-free-product-variant-select-prompt" v-html="freeProductPrompt(product)"></div> </div> </div> <button v-show="product.chosen_variant" class="rebuy-cart__progress-free-product-remove" v-on:click="removeFreeProduct(product)" v-bind:aria-label="'Remove ' + product.title + ' ' + (product.chosen_variant?.title)" > <i class="fal fa-times" aria-hidden="true"></i> </button> </div> </div> </div> </div> </div> <div class="rebuy-cart__flyout-footer" v-show="hasItems()"> <div class="rebuy-cart__flyout-discount-container" v-if="discountEnabled()"> <form class="rebuy-cart__flyout-discount-form" v-if="shouldShowDiscountInput()" v-on:submit="applyDiscount(null, $event)"> <div class="rebuy-input-wrapper rebuy-input-wrapper--floating-label" v-bind:class="[discount.inputValue ? 'show-label' : '' ]" > <span class="rebuy-input-label" v-html="settings.language.discount_code_label" ></span> <input class="rebuy-input" v-model="discount.inputValue" v-bind:placeholder="settings.language.discount_code_label" v-bind:disabled="discount.loading" id="rebuy-discount-input" aria-label="Input Discount" autocomplete /> </div> <button class="rebuy-button" v-bind:disabled="discount.loading" > <span v-html="discountButtonLabel()"></span> </button> </form> <div class="rebuy-cart__flyout-discount-error-message" v-if="discount.hasError()" v-html="discount.errorMessage()"></div> <div class="rebuy-cart__flyout-discount-tag" v-if="shouldShowDiscountSubtotal()"> <span class="rebuy-cart__flyout-discount-tag-icon"><i class="fas fa-tags"></i></span> <span class="rebuy-cart__flyout-discount-tag-text" v-html="discount.code"></span> <span class="rebuy-cart__flyout-discount-tag-remove" v-on:click="removeDiscount()" > <i class="far fa-times"></i> </span> </div> <div class="rebuy-cart__flyout-discount-amount" v-if="shouldShowDiscountSubtotal()"> <span v-html="discountTotal()"></span> </div> </div> <div class="rebuy-cart__flyout-integration" v-if="settings.integrations && settings.integrations.enabled" ></div> <div class="rebuy-cart__flyout-installments" v-if="installmentsEnabled()" v-html="installmentsMessage()" ></div> <div data-app-target="below_checkout"></div> </div> </div> <div class="rebuy-cart__background" v-on:click="hide()"></div> <div id="rebuy-cart-live-region" class="sr-only" aria-live="polite"></div> </div> </script> <script> document.addEventListener('rebuy.ready', function(event){ if (event.detail.widget.id === '109790'){ const widget = window.Rebuy.widgets.find((w) => w.id === '109790'); const products = widget.data.products; const superTitleLocation = document.querySelectorAll('.super-title-location'); products.forEach(function (product, index) { superTitleLocation[index].innerHTML = product.metafields.custom.product_location_and_size; }); } }); </script> <script id="rebuy-widget-109790" type="text/template"> <div class="rebuy-widget" v-cloak v-on:click="stopPropagation($event)" v-bind:id="'rebuy-widget-' + id" v-bind:class="['widget-type-' + config.type.replace('_','-'), 'widget-display-' + config.display_type, products.length > 0 ? 'is-visible' : 'is-hidden', 'widget-layout-' + currentLayout()]"> <div class="rebuy-widget-container" v-cloak v-bind:class="['widget-display-' + config.display_type, visible ? 'is-visible' : 'is-hidden' ]" v-on:click.self="hide()"> <div class="rebuy-widget-content"> <div class="rebuy-modal-close" v-on:click="hide()" aria-label="close modal"> <i class="fas fa-times" aria-hidden="true"></i> </div> <div class="rebuy-timer" v-if="hasTimer()"> <p class="rebuy-timer-title" v-if="config.language.timer_title"> <span v-html="config.language.timer_title"></span> <span class="rebuy-timer-minutes" v-html="config.timer.duration_minutes"></span>:<span class="rebuy-timer-seconds" v-html="config.timer.duration_seconds"></span> </p> </div> <h3 class="super-title" v-if="config.language.super_title != ''" v-html="config.language.super_title"></h3> <h4 class="primary-title title" v-if="config.language.title != ''" v-html="config.language.title"></h4> <div class="description" v-if="config.language.description != ''" v-html="config.language.description"></div> <div class="rebuy-product-grid" v-bind:class="layoutClasses" tabindex="0" role="list"> <div v-for="(product, product_index) in products" v-bind:class="[product.handle, 'product-id-' + product.id, cartHasProduct(product) ? 'cart-has-item' : '', productTagClasses(product)]" aria-label="product" class="rebuy-product-block" role="listitem"> <div class="rebuy-product-media"> <a class="rebuy-product-image" tabindex="-1" v-bind:href="learnMoreURL(product)" v-bind:style="imageStyles" v-on:click="learnMore(product);" v-bind:class="[hasLearnMore() ? 'clickable' : '']"> <img v-bind:loading="product_index > 1 ? 'lazy' : 'eager'" v-bind:src="itemImage(product, product.selected_variant, '400x400')" v-bind:alt="itemImageAlt(product, product.selected_variant)"> </a> </div> <div class="rebuy-product-info"> <div class="super-title-location text-uppercase color-foreword-tertiary"></div> <a role="heading" aria-level="5" class="rebuy-product-title" v-bind:href="learnMoreURL(product)" v-on:click="learnMore(product);" v-html="product.title" v-bind:class="[hasLearnMore() ? 'clickable' : '']" v-bind:aria-label="'View ' + product.title"></a> <div class="rebuy-variant-title" v-if="showVariantTitle(product)" v-html="product.selected_variant.title"> </div> <div class="rebuy-product-review" v-if="hasProductReviews(product)" aria-label="product star rating"> <span class="rebuy-star-rating sr-only"> <span v-if="product.reviews.star_rating" class="rebuy-star-rating-value sr-only" v-html="product.reviews.star_rating + ' stars out of 5 stars'"> </span> <span class="rebuy-star-rating-background"></span> <span class="rebuy-star-rating-foreground" v-bind:style="{ width: productReviewRatingPercentage(product) }"></span> </span> <span class="rebuy-review-count" v-html="productReviewCount(product)"></span> </div> <div class="rebuy-product-price"> <div v-if="variantOnSale(product, product.selected_variant)"> <span class="rebuy-money sale"> <span class="sr-only">Sale price</span> <span v-html="formatMoney(variantPrice(product, product.selected_variant))"></span> </span> <span class="rebuy-money compare-at"> <span class="sr-only">Original price</span> <span v-html="formatMoney(variantCompareAtPrice(product, product.selected_variant))"></span> </span> </div> <div v-if="!(variantOnSale(product, product.selected_variant))"> <span class="rebuy-money"> <span class="sr-only">Price</span> <span v-html="formatMoney(variantPrice(product, product.selected_variant))"></span> </span> </div> </div> <div class="rebuy-product-description" v-if="showProductDescription(product)" v-html="text(product.body_html)"></div> </div> <div class="rebuy-product-options" v-if="showVariantSelect(product)"> <select title="Select product variant" :id="id + '-' + 'select' + '-' + product_index" :class="{ hide : settings.view_options.variant_selector == 'buttons' }" class="rebuy-select" v-bind:aria-label="'variant of ' + product.title" v-model="product.selected_variant_id" v-on:change="selectVariant(product)"> <option v-for="variant in product.variants" v-bind:value="variant.id">{{ variant.title }}</option> </select> <div v-if="displayColorSwatches(option)" v-for="option in product.options" class="rebuy-color-swatches"> <div v-for="(value, value_index) in filterOOSOptions(option, product)" class="rebuy-color-swatch"> <input :name="id + '-color-' + product_index" :id="id + '-color-' + product_index + '-' + value + '-' + value_index" :checked="value_index == 0" :value="value" type="radio" class="rebuy-color-input hide" v-on:change="selectVariantByColor(product, value, product_index)"> <label :for="id + '-color-' + product_index + '-' + value + '-' + value_index" :style="{ backgroundColor: value }" :title="value" class="rebuy-color-label"></label> </div> </div> <div v-if="displaySizeSwatches(option)" v-for="option in product.options" class="mt-10 rebuy-size-swatches"> <div v-for="(value, value_index) in filterOOSOptions(option, product)" class="rebuy-size-swatch"> <input :name="id + '-size-' + product_index" :id="id + '-size-' + product_index + '-' + value" :checked="value_index == 0" :value="value" type="radio" class="rebuy-size-input hide" v-on:change="selectVariantBySize(product, value, product_index)"> <label :for="id + '-size-' + product_index + '-' + value" class="rebuy-size-label">{{ value }}</label> </div> </div> </div> <div class="rebuy-product-actions"> <div class="subscription-checkbox" v-if="showSubscriptionOptions(product)"> <label class="rebuy-checkbox-label"> <input class="checkbox-input rebuy-checkbox" v-model="product.subscription" v-on:change="toggleSubscription(product)" type="checkbox" /> <span class="checkbox-label" v-html="upgradeToSubscriptionLabel(product)"></span> </label> </div> <div class="subscription-frequency" v-if="showSubscriptionFrequency(product)"> <select class="rebuy-select" aria-label="subscription frequency" v-model="product.subscription_frequency" v-on:change="updateSubscriptionFrequency(product)"> <option v-for="frequency in product.subscription_frequencies" v-bind:value="frequency">{{ frequencyLabel(frequency, product.subscription_interval) }}</option> </select> </div> <div class="product-quantity" v-if="hasQuantityInputEnabled()"> <div class="rebuy-select-wrapper"> <label class="rebuy-label">Quantity</label> <select class="rebuy-select" aria-label="product quantity" v-model="product.quantity"> <option v-for="n in maxQuantityInputValue()" v-bind:value="n">{{ n }}</option> </select> </div> </div> <button class="rebuy-button" v-bind:class="{ working: (product.status != 'ready' && product.status != 'selecting') }" v-bind:disabled="!(variantAvailable(product.selected_variant)) || (product.status != 'ready' && product.status != 'selecting')" v-bind:aria-label="buttonAriaLabel(product)" v-on:click="addToCart(product)" type="button"> <span v-html="buttonLabel(product)"></span> </button> </div> </div> </div> <div class="rebuy-modal-actions" v-if="showContinueButton()"> <button class="rebuy-button decline" v-on:click="hide()" type="button"> <span v-html="continueLabel()"></span> </button> </div> <div class="powered-by-rebuy"> <a v-bind:href="'https://rebuyengine.com/?shop=' + config.shop.myshopify_domain" target="_blank" rel="noopener"> Powered by Rebuy </a> </div> </div> </div> </div> </script> <script> var lazyLoadInstance = new LazyLoad({ elements_selector: ".lazy" }); </script>  <style> #announcement-bar-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); } #announcement-bar-modal .modal-content { background-color: var(--foreword-white); margin: 15% auto; padding: 40px; border: 1px solid #888; position: relative; width: 95%; } #announcement-bar-modal .modal-text { line-height: 28px; padding: 0; } #announcement-bar-modal .modal-text p { display: flow-root; margin-bottom: 20px; } #announcement-bar-modal .close { color: var(--foreword-tertiary); float: right; font-size: 28px; font-weight: bold; position: absolute; right: 12px; top: 5px; } #announcement-bar-modal .close:hover, #announcement-bar-modal .close:focus { color: var(--foreword-primary); text-decoration: none; cursor: pointer; } @media only screen and (max-width: 991px){ #announcement-bar-modal-trigger svg { margin-bottom: -3px; margin-left: -4px; } } @media screen and (min-width: 992px){ #announcement-bar-modal { overflow: auto; } #announcement-bar-modal .modal-content { width: 60%; } #announcement-bar-modal .modal-text { padding: 0 40px 0 0; } #announcement-bar-modal-trigger { cursor: pointer; display: flex; margin-left: 7px; margin-top: -3px; } } </style> <div id="announcement-bar-modal" class="modal"> <div class="modal-content"> <span class="close"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none" role="presentation"><path d="M5.86123 14.1073L5.21766 14.1073L3.67204 12.5617L3.67204 11.9181L6.68057 8.90959L3.6521 5.88112L3.6521 5.23755L5.2376 3.65205L5.88117 3.65204L8.90964 6.68052L11.9182 3.67199L12.5617 3.67199L14.1074 5.21761L14.1074 5.86118L11.0988 8.86971L14.1273 11.8982L14.1273 12.5417L12.5418 14.1273H11.8982L8.86976 11.0988L5.86123 14.1073Z" fill="#0C67B3"/></svg> </span> <div class="modal-title text-left pb-3"> <h2 class="h2 color-foreword-primary">Shopping for Christmas?</h2> </div> <div class="modal-text text-left color-foreword-primary body1"> <p>Order by 3:00 pm ET on December 23rd for delivery before Christmas via Next Day Air. </p><p>Orders placed after 3:00 pm ET on December 23rd will be fulfilled on December 26th for delivery on December 27th unless a specific delivery date is chosen at checkout. </p><p><em>For questions related to holiday shipping, please </em><a href="https://www.alaskankingcrab.com/pages/contact-us"><em>contact our customer service team</em></a><em>. </em></p> </div> <div class="modal-link text-left pt-3"> <a href="/collections/all-products" class="button btn cta cta-foreword-primary text-uppercase">SHOP NOW</a> </div> </div> </div> <script> document.addEventListener('DOMContentLoaded', function() { console.log('dom ready'); if (document.getElementById('announcement-bar')){ const modal = document.getElementById('announcement-bar-modal'); const btn = document.getElementById('announcement-bar'); const mobileBtn = document.getElementById('announcement-bar-mobile'); const closeBtn = modal.getElementsByClassName('close')[0]; btn.addEventListener('click', function(){ modal.style.display = 'block'; console.log('modal btn clicked'); }); mobileBtn.addEventListener('click', function(){ modal.style.display = 'block'; console.log('modal btn clicked'); }); closeBtn.onclick = function() { modal.style.display = 'none'; } window.onclick = function(event) { if (event.target === modal) { modal.style.display = 'none'; } } } }); </script> <script> document.addEventListener('rebuy:cart.change', (event)=>{ updateCart(event); }); function updateCart(event) { document.querySelectorAll("#cart-count").forEach(label=>label.innerHTML = event.detail.cart.cart.items.reduce((a,b)=>a+b.quantity,0)); } </script>  <script async type="text/javascript" src="https://static.klaviyo.com/onsite/js/klaviyo.js?company_id=MnrCCF"></script>  <div data-rebuy-id="187713"></div>  <div id="shopify-block-AQTlTWDBDUEVwNWNoZ__10641372206048101839" class="shopify-block shopify-app-block"> <script> window.rebuyAppEmbedEnabled = true; </script> </div></body> </html>

The Hook

Product

Topics

Recipes

Product

Topics

Recipes

Watch Alaska King Crab Pots at Work