Shopify · NathanPJF · Apr 19, 2017 · Feb 27, 2017 · Apr 11, 2017 · Apr 12, 2017
diff --git a/src/layout/theme.liquid b/src/layout/theme.liquid
@@ -1,6 +1,6 @@
 <!doctype html>
-<!--[if IE 9]> <html class="ie9 no-js" lang="{{ shop.locale }}"> <![endif]-->
-<!--[if (gt IE 9)|!(IE)]><!--> <html class="no-js" lang="{{ shop.locale }}"> <!--<![endif]-->
+<!--[if IE 9]> <html class="ie9 no-js no-cookies" lang="{{ shop.locale }}"> <![endif]-->
+<!--[if (gt IE 9)|!(IE)]><!--> <html class="no-js no-cookies" lang="{{ shop.locale }}"> <!--<![endif]-->
 <head>
   <meta charset="utf-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">

diff --git a/src/locales/de.json b/src/locales/de.json
@@ -79,6 +79,7 @@
       "update": "Einkaufswagen aktualisieren",
       "checkout": "Zur Kasse",
       "empty": "Ihr Einkaufswagen ist im Moment leer.",
+      "cookies_required": "Aktivieren Sie Cookies, um den Einkaufswagen benutzen zu können",
       "continue_browsing_html": "Mit der Suche <a href=\"/collections/all\">hier</a> fortfahren.",
       "item_quantity": "Produktmenge",
       "savings": "Sie sparen"

diff --git a/src/locales/en.default.json b/src/locales/en.default.json
@@ -79,6 +79,7 @@
       "update": "Update Cart",
       "checkout": "Check Out",
       "empty": "Your cart is currently empty.",
+      "cookies_required": "Enable cookies to use the shopping cart",
       "continue_browsing_html": "Continue browsing <a href=\"/collections/all\">here</a>.",
       "item_quantity": "Item quantity",
       "savings": "You're saving"

diff --git a/src/locales/es.json b/src/locales/es.json
@@ -79,6 +79,7 @@
       "update": "Actualizar carrito",
       "checkout": "Finalizar pedido",
       "empty": "Su carrito actualmente está vacío.",
+      "cookies_required": "Habilite las cookies para usar el carrito de compras",
       "continue_browsing_html": "Continúe explorando <a href=\"/collections/all\">aquí</a>.",
       "item_quantity": "Cantidad de artículo",
       "savings": "Está ahorrando"

diff --git a/src/locales/fr.json b/src/locales/fr.json
@@ -79,6 +79,7 @@
       "update": "Mettre à jour",
       "checkout": "Procéder au paiement",
       "empty": "Votre panier est vide.",
+      "cookies_required": "Activer les cookies pour utiliser le panier",
       "continue_browsing_html": "<a href=\"/collections/all\">Retourner au magasinage</a>.",
       "item_quantity": "Quantité de l'article",
       "savings": "Vous économisez"

diff --git a/src/locales/pt-BR.json b/src/locales/pt-BR.json
@@ -79,6 +79,7 @@
       "update": "Atualizar Carrinho",
       "checkout": "Fechar pedido",
       "empty": "Seu carrinho está vazio no momento.",
+      "cookies_required": "Habilite os cookies para usar o carrinho de compras",
       "continue_browsing_html": "Continue navegando <a href=\"/collections/all\">aqui</a>.",
       "item_quantity": "Quantidade de itens",
       "savings": "Você está economizando"

diff --git a/src/locales/pt-PT.json b/src/locales/pt-PT.json
@@ -79,6 +79,7 @@
       "update": "Atualizar Carrinho de Compras",
       "checkout": "Check-Out",
       "empty": "O seu carrinho de compras está neste momento vazio.",
+      "cookies_required": "Ative cookies para poder usar o carrinho de compras",
       "continue_browsing_html": "Continue a ver <a href=\"/collections/all\">aqui</a>.",
       "item_quantity": "Quantidade de itens",
       "savings": "Está a poupar"

diff --git a/src/scripts/slate/cart.js b/src/scripts/slate/cart.js
@@ -0,0 +1,23 @@
+/**
+ * Cart Template Script
+ * ------------------------------------------------------------------------------
+ * A file that contains scripts highly couple code to the Cart template.
+ *
+ * @namespace cart
+ */
+
+slate.cart = {
+
+  /**
+   * Check if cookies are enabled in the browser
+   */
+  cookiesEnabled: function() {
+    var cookieEnabled = navigator.cookieEnabled;
+
+    if (!cookieEnabled){
+      document.cookie = 'testcookie';
+      cookieEnabled = (document.cookie.indexOf('testcookie') !== -1);
+    }
+    return cookieEnabled;
+  }
+};
diff --git a/src/scripts/theme.js b/src/scripts/theme.js
@@ -3,6 +3,7 @@ window.theme = window.theme || {};
 
 /*================ Slate ================*/
 // =require slate/a11y.js
+// =require slate/cart.js
 // =require slate/utils.js
 // =require slate/rte.js
 // =require slate/sections.js
@@ -31,4 +32,9 @@ $(document).ready(function() {
   // Wrap videos in div to force responsive layout.
   slate.rte.wrapTable();
   slate.rte.iframeReset();
+
+  // Add a message to the cart if cookies are disabled.
+  if (slate.cart.cookiesEnabled()) {
+    document.documentElement.className = document.documentElement.className.replace('no-cookies', 'cookies');
+  }
 });
diff --git a/src/styles/global/helper-classes.scss b/src/styles/global/helper-classes.scss
@@ -40,6 +40,22 @@
   }
 }
 
+// Only show when cookies are not supported
+.no-cookies:not(html) {
+  display: none;
+
+  .no-cookies & {
+    display: block;
+  }
+}
+
+// Only show when cookies are supported
+.cookies {
+  .no-cookies & {
+    display: none;
+  }
+}
+
 /*============================================================================
   Skip to content button
     - Overrides .visually-hidden when focused

diff --git a/src/templates/cart.liquid b/src/templates/cart.liquid
@@ -102,6 +102,19 @@
   </form>
 {% else %}
   <h1>{{ 'cart.general.title' | t }}</h1>
-  <p>{{ 'cart.general.empty' | t }}</p>
-  <p>{{ 'cart.general.continue_browsing_html' | t }}</p>
+
+  {% comment %}
+  Cart Empty State
+  {% endcomment %}
+  <div class="cookies">
+    <p>{{ 'cart.general.empty' | t }}</p>
+    <p>{{ 'cart.general.continue_browsing_html' | t }}</p>
+  </div>
+
+  {% comment %}
+  Cart no cookies state
+  {% endcomment %}
+  <div class="no-cookies">
+    <p>{{ 'cart.general.cookies_required' | t }}</p>
+  </div>
 {% endif %}