TH-109: Meraki: > Create max inventory popup alert (#67)

youcan-shop · Oct 18, 2024 · c000414 · c000414
1 parent e4ee134
commit c000414
Show file tree

Hide file tree

Showing 7 changed files with 21 additions and 5 deletions.
diff --git a/themes/meraki/assets/main.css b/themes/meraki/assets/main.css
@@ -505,6 +505,9 @@ textarea{
 .yc-alert.error{
   background-color:var(--yc-error-color);
 }
+.yc-alert.warning{
+  background-color:var(--yc-warning-color);
+}
 .yc-alert.show{
   opacity:1;
   z-index:9999;

diff --git a/themes/meraki/locales/ar.default.json b/themes/meraki/locales/ar.default.json
@@ -145,7 +145,8 @@
     "quantity_smaller_than_zero": "يجب أن تكون الكمية أكبر من 0",
     "upload_image": "الرجاء تحميل صورة",
     "product_added": "تمت إضافة المنتج بنجاح",
-    "empty_inventory": "المُنتج غير متوفر حاليًا في المخزون"
+    "empty_inventory": "المُنتج غير متوفر حاليًا في المخزون",
+    "max_quantity": "الكمية المتاحة لهذا العرض هي: "
   },
   "page": {
     "contact": {

diff --git a/themes/meraki/locales/en.json b/themes/meraki/locales/en.json
@@ -145,7 +145,8 @@
     "quantity_smaller_than_zero": "Quantity must be greater than 0",
     "upload_image": "Please upload an image",
     "product_added": "Product has been added successfully",
-    "empty_inventory": "Product out of stock"
+    "empty_inventory": "Product out of stock",
+    "max_quantity": "The available quantity for this variant is: "
   },
   "page": {
     "contact": {

diff --git a/themes/meraki/locales/fr.json b/themes/meraki/locales/fr.json
@@ -145,7 +145,8 @@
     "quantity_smaller_than_zero": "La quantité doit être supérieure à 0",
     "upload_image": "Veuillez télécharger une image",
     "product_added": "Produit ajouté avec succès",
-    "empty_inventory": "Produit en rupture de stock"
+    "empty_inventory": "Produit en rupture de stock",
+    "max_quantity": "La quantité disponible pour cette variante est : "
   },
   "page": {
     "contact": {

diff --git a/themes/meraki/snippets/alert.liquid b/themes/meraki/snippets/alert.liquid
@@ -7,5 +7,9 @@
     name='checkmark-circle-outline'
     class='text-xl icon-success icon'
   ></ion-icon>
+  <ion-icon
+    name="warning-outline"
+    class='text-xl icon-warning icon'
+  ></ion-icon>
   <span class='alert-msg text-white'> Some context </span>
 </div>
diff --git a/themes/meraki/snippets/cart-drawer.liquid b/themes/meraki/snippets/cart-drawer.liquid
@@ -1,5 +1,6 @@
 {{ 'cart-drawer.css' | asset_url | stylesheet_tag }}
 
+<input id='cartQuantity' type='hidden'>
 <div class="cart-overlay"></div>
 <div class="cart-drawer">
   <button class="cart-drawer__close" aria-label='close'>
@@ -18,7 +19,8 @@
     quantity_smaller_than_zero: "{{ 'errors.quantity_smaller_than_zero' | t }}",
     upload_image: "{{ 'errors.upload_image' | t }}",
     product_added: "{{ 'errors.product_added' | t }}",
-    empty_inventory: "{{ 'errors.empty_inventory' | t }}"
+    empty_inventory: "{{ 'errors.empty_inventory' | t }}",
+    max_quantity: "{{ 'errors.max_quantity' | t }}",
   }
 
   const CART_DRAWER_TRANSLATION = {
@@ -28,7 +30,7 @@
     checkoutPayment:  '{{ 'cart.summary.checkout_cta' | t }}',
     emptyCart:  '{{ 'cart.empty_cart' | t }}',
     itemsName: '{{ 'cart.items.items_name' | t }}',
-    continueShopping: '{{ 'cart.summary.continue_shppping' | t }}', 
+    continueShopping: '{{ 'cart.summary.continue_shppping' | t }}',
   }
 
 {% endjavascript %}

diff --git a/themes/meraki/styles/main.scss b/themes/meraki/styles/main.scss
@@ -561,6 +561,10 @@ textarea {
     background-color: var(--yc-error-color);
   }
 
+  &.warning {
+    background-color: var(--yc-warning-color);
+  }
+
   &.show {
     opacity: 1;
     z-index: 9999;