Add Apple wallet button to gift card template

assets/gift-card.scss.liquid

@@ -365,19 +365,7 @@ header, nav, section, article, aside, footer {
   animation: fadein 0.5s ease-in-out both 0.4s
 }
 
-
-.giftcard__icon {
-  display: none;
-
-  .svg & {
-    display: inline-block;
-    vertical-align: baseline;
-  }
-}
-
 #QrCode {
-  display: none;
-
   img {
     padding: $gutter;
     border: 1px solid $colorBorder;
@@ -490,7 +478,8 @@ header, nav, section, article, aside, footer {
   .giftcard__actions,
   .giftcard__wrap:before,
   .giftcard__wrap:after,
-  .tooltip {
+  .tooltip,
+  .add-to-apple-wallet {
     display: none;
   }
 
@@ -510,10 +499,6 @@ header, nav, section, article, aside, footer {
   .logo {
     color: #58686F;
   }
-
-  #QrCode {
-    display: block;
-  }
 }
 
 /*============================================================================

locales/de.json

@@ -286,7 +286,8 @@
       "active": "Läuft ab am {{ expiry }}",
       "redeem": "Nutzen Sie an der Kasse diesen Code, um Ihre Geschenkkarte einzulösen",
       "shop_link": "Einkauf beginnen",
-      "print": "Drucken"
+      "print": "Drucken",
+      "add_to_apple_wallet": "Hinzufügen zu Apple Wallet"
     }
   },
   "date_formats":{

locales/en.default.json

@@ -286,7 +286,8 @@
       "active": "Expires on {{ expiry }}",
       "redeem": "Use this code at checkout to redeem your gift card",
       "shop_link": "Start shopping",
-      "print": "Print"
+      "print": "Print",
+      "add_to_apple_wallet": "Add to Apple Wallet"
     }
   },
   "date_formats":{

locales/es.json

@@ -286,7 +286,8 @@
       "active": "Expira en {{ expiry }}",
       "redeem": "Use este código al terminar la comprar para canjear su tarjeta de regalo",
       "shop_link": "Empezar a comprar",
-      "print": "Imprimir"
+      "print": "Imprimir",
+      "add_to_apple_wallet": "Añadir a Apple Wallet"
     }
   },
   "date_formats":{

locales/fr.json

@@ -286,7 +286,9 @@
       "active": "Expire le {{ expiry }}",
       "redeem": "Entrez ce code lors du paiement pour utiliser votre carte-cadeau",
       "shop_link": "Boutique",
-      "print": "Imprimer"
+      "print": "Imprimer",
+      "add_to_apple_wallet": "Ajouter à Apple Wallet"
+
     }
   },
   "date_formats":{

locales/pt-BR.json

@@ -286,7 +286,8 @@
       "active": "Expira em {{ expiry }}",
       "redeem": "Para resgatar o seu vale-presente, utilize este código no fechamento do pedido",
       "shop_link": "Comece a comprar",
-      "print": "Imprimir"
+      "print": "Imprimir",
+      "add_to_apple_wallet": "Adicionar ao Apple Wallet"
     }
   },
   "date_formats":{

locales/pt-PT.json

@@ -286,7 +286,8 @@
       "active": "Expira em {{ expiry }}",
       "redeem": "Use este código ao fazer o check-out para redimir o seu cartão-presente",
       "shop_link": "Começar a fazer compras",
-      "print": "Imprimir"
+      "print": "Imprimir",
+      "add_to_apple_wallet": "Adicionar ao Apple Wallet"
     }
   },
   "date_formats":{

templates/gift_card.liquid

@@ -96,8 +96,8 @@
           <script>
             new QRCode(document.getElementById('QrCode'), {
               text: "{{ gift_card.qr_identifier }}",
-              width: 100,
-              height: 100
+              width: 120,
+              height: 120
             });
           </script>
 
@@ -113,7 +113,11 @@
     </main>
 
     <footer class="giftcard__footer" role="contentinfo">
-      <img src="{{ 'ico-gift-card.svg' | asset_url }}" class="giftcard__icon" alt="{{ 'gift_cards.issued.subtext' | t }}">
+       {% if gift_card.pass_url %}
+        <a class="add-to-apple-wallet" href="{{ gift_card.pass_url }}">
+          <img src="{{ 'gift-card/add-to-apple-wallet.svg' | shopify_asset_url }}" width="120" height="40" alt="{{ 'gift_cards.issued.add_to_apple_wallet' | t }}">
+        </a>
+      {% endif %}
     </footer>
 
   </div>