@viur/shop-components 0.1.2 → 0.1.4-0

package/src/components/CartItem.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="item-wrapper">
+  <div class="viur-shop-item-wrapper">
     <sl-card horizontal class="viur-shop-cart-leaf">
     <img
       class="viur-shop-cart-leaf-image"
@@ -12,44 +12,48 @@
         )
       "
     />
+    <h5 v-if="item.shop_art_no_or_gtin" class="viur-shop-cart-leaf-artno" slot="header">
+      {{ getValue(item.shop_art_no_or_gtin) }}
+    </h5>
     <h4
       class="viur-shop-cart-leaf-headline headline"
       v-html="getValue(item.shop_name)"
     ></h4>
-    <h5 class="viur-shop-cart-leaf-artno">
-      {{ getValue(item.shop_art_no_or_gtin) }}
-    </h5>
     <div
       class="viur-shop-cart-leaf-description"
       v-html="getValue(item.shop_description)"
     ></div>
-    <sl-input
-        :disabled="!edit"
-        class="viur-shop-cart-leaf-value viur-shop-cart-leaf-value--quantity"
-        type="number"
-        placeholder="Number"
-        min="0"
-        noSpinButtons
-        :value="item.quantity"
-        @sl-change="changeAmount($event.target.value)"
-      >
-      <dialog-Button slot="prefix" class="decent" v-if="item.quantity===1" variant="danger" outline>
-        <sl-icon name="trash"></sl-icon>
-        <template #dialog="{close}">
-          {{ $t('messages.remove_article_from_cart') }}
-          <sl-bar>
-            <sl-button slot="left" @click="close">{{$t('actions.cancel')}}</sl-button>
-            <sl-button slot="right" variant="danger" @click="removeArticle(); close()">{{ $t('actions.delete') }}</sl-button>
-          </sl-bar>
-        </template>
-      </dialog-Button>
-      <sl-button slot="prefix" v-else @click="changeAmount(item.quantity-=1)">
-        <sl-icon name="dash-lg"></sl-icon>
-      </sl-button>
-      <sl-button slot="suffix" @click="changeAmount(item.quantity+=1)">
-        <sl-icon name="plus-lg"></sl-icon>
-      </sl-button>
-    </sl-input>
+
+    <div class="viur-shop-cart-leaf-quantity">
+      <div class="viur-shop-cart-leaf-label">{{$t('shop.quantity')}}</div>
+      <sl-input
+          :disabled="!edit"
+          class="viur-shop-cart-leaf-value viur-shop-cart-leaf-value--quantity"
+          type="number"
+          placeholder="Number"
+          min="0"
+          noSpinButtons
+          :value="item.quantity"
+          @sl-change="changeAmount($event.target.value)"
+        >
+        <dialog-Button slot="prefix" class="decent" v-if="item.quantity===1" variant="danger" outline>
+          <sl-icon name="trash"></sl-icon>
+          <template #dialog="{close}">
+            {{ $t('messages.remove_article_from_cart') }}
+            <sl-bar>
+              <sl-button slot="left" @click="close">{{$t('actions.cancel')}}</sl-button>
+              <sl-button slot="right" variant="danger" @click="removeArticle(); close()">{{ $t('actions.delete') }}</sl-button>
+            </sl-bar>
+          </template>
+        </dialog-Button>
+        <sl-button slot="prefix" v-else @click="changeAmount(item.quantity-=1)">
+          <sl-icon name="dash-lg"></sl-icon>
+        </sl-button>
+        <sl-button slot="suffix" @click="changeAmount(item.quantity+=1)">
+          <sl-icon name="plus-lg"></sl-icon>
+        </sl-button>
+      </sl-input>
+    </div>
 
     <div class="viur-shop-cart-leaf-unitprice">
       <div class="viur-shop-cart-leaf-label">{{$t('shop.unit_price')}}</div>
@@ -63,11 +67,13 @@
       </sl-format-number>
     </div>
 
-
-    <div class="availability"
-      :class="`availability--${item.shop_availability}`"
-    >
+    <div class="viur-shop-cart-leaf-availability">
+      <div class="viur-shop-cart-leaf-label">{{ $t('shop.availability') }}</div>
+      <div class="availability"
+           :class="`availability--${item.shop_availability}`"
+      >
         {{$t(item.shop_availability)}}
+      </div>
     </div>
 
     <div class="viur-shop-cart-leaf-price">
@@ -125,44 +131,44 @@ function removeArticle(){
 @layer foundation.shop {
 
   .availability {
-  display: flex;
-  flex-basis: 70%;
-  font-size: .9em;
-  align-items: center;
-  justify-content: flex-end;
-  white-space: nowrap;
-  &:before {
-    content: '';
-    display: block;
-    background-color: #666;
-    width: .7em;
-    height: .7em;
-    border-radius: 50%;
-    margin-right: 5px;
-    margin-bottom: 2px;
+    display: flex;
+    flex-basis: 70%;
+    font-size: .9em;
+    align-items: center;
+    justify-content: flex-start;
+    white-space: nowrap;
+    &:before {
+      content: '';
+      display: block;
+      background-color: #666;
+      width: .7em;
+      height: .7em;
+      border-radius: 50%;
+      margin-right: 5px;
+      margin-bottom: 2px;
+    }
   }
-}
-.availability--onrequest,
-.availability--instock {
-  color: var(--ignt-color-success);
-  &:before {
-    background-color: var(--ignt-color-success);
+  .availability--onrequest,
+  .availability--instock {
+    color: var(--ignt-color-success);
+    &:before {
+      background-color: var(--ignt-color-success);
+    }
   }
-}
-.availability--discontinued,
-.availability--outofstock {
-  color: var(--ignt-color-danger);
-  &:before {
-    background-color: var(--ignt-color-danger);
+  .availability--discontinued,
+  .availability--outofstock {
+    color: var(--ignt-color-danger);
+    &:before {
+      background-color: var(--ignt-color-danger);
+    }
   }
-}
-.availability--limited,
-.availability--preorder {
-  color: var(--ignt-color-warning);
-  &:before {
-    background-color: var(--ignt-color-warning);
+  .availability--limited,
+  .availability--preorder {
+    color: var(--ignt-color-warning);
+    &:before {
+      background-color: var(--ignt-color-warning);
+    }
   }
-}
 
   .viur-shop-cart-leaf {
     --shop-leaf-label-color: var(--ignt-color-primary);
@@ -174,6 +180,7 @@ function removeArticle(){
     &::part(base) {
       display: flex;
       position: relative;
+      padding-bottom: var(--shop-leaf-gap, var(--ignt-spacing-small));
     }
 
     &::part(header) {
@@ -189,8 +196,9 @@ function removeArticle(){
     &::part(body) {
       display: grid;
       grid-template-columns: repeat(5, minmax(0, 1fr));
-      gap: var(--sl-spacing-medium);
-      padding: var(--sl-spacing-large);
+      grid-template-rows: fit-content(20%) 1fr fit-content(20%);
+      gap: var(--shop-leaf-gap, var(--ignt-spacing-small));
+      padding: 0 var(--sl-spacing-large);
       height: 100%;
     }
 
@@ -201,8 +209,8 @@ function removeArticle(){
     @media (max-width: 600px) {
       &::part(body) {
         grid-template-columns: repeat(2, minmax(0, 1fr));
-        gap: var(--sl-spacing-medium);
-        padding: var(--sl-spacing-large);
+        gap: var(--shop-leaf-gap, var(--ignt-spacing-small));
+        padding: 0 var(--sl-spacing-large);
         height: 100%;
       }
 
@@ -219,7 +227,6 @@ function removeArticle(){
 
   .viur-shop-cart-leaf-headline {
     grid-column: 1 / span 4;
-    order: -2;
     margin: 0;
     font-size: var(--shop-leaf-headline-font-size);
 
@@ -229,6 +236,7 @@ function removeArticle(){
   }
 
   .viur-shop-cart-leaf-artno {
+    font-size: .8em;
     grid-column: 1 / span 5;
     margin: 0;
 
@@ -284,6 +292,7 @@ function removeArticle(){
   }
 
   .viur-shop-cart-leaf-unitprice {
+    grid-column: 3 / span 1;
     align-self: center;
 
     @media (max-width: 600px) {
@@ -291,6 +300,12 @@ function removeArticle(){
     }
   }
 
+  .viur-shop-cart-leaf-availability {
+    grid-column: 4 / span 1;
+    align-self: center;
+    text-align: right;
+  }
+
   .viur-shop-cart-leaf-label,
   .viur-shop-cart-leaf-value--quantity::part(form-control-label) {
     color: var(--shop-leaf-label-color);
@@ -317,7 +332,7 @@ function removeArticle(){
     }
   }
 
-  .item-wrapper{
+  .viur-shop-item-wrapper{
     position: relative;
   }
 

package/src/components/CartItemSmall.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="item-wrapper">
+  <div class="viur-shop-item-wrapper">
     <sl-card horizontal class="viur-shop-cart-leaf-small">
     <img
       class="viur-shop-cart-leaf-image"
@@ -46,7 +46,7 @@
     </sl-input>
 
     <div class="viur-shop-cart-leaf-article-number">
-      <div class="viur-shop-cart-leaf-label">{{ $t('shop.articlenumber') }}</div>
+      <div class="viur-shop-cart-leaf-label">{{ $t('shop.article_number') }}</div>
       {{ getValue(item.shop_art_no_or_gtin) }}
     </div>
 
@@ -222,7 +222,7 @@ function removeArticle(){
     }
   }
 
-  .item-wrapper{
+  .viur-shop-item-wrapper{
     position: relative;
   }
 

package/src/components/DiscountInput.vue

@@ -12,7 +12,7 @@
   </shop-alert>
 
   <template v-if="shopStore.state.cartRoot.discount">
-    <div class="discount-view">
+    <div class="viur-shop-discount-view">
     <span>Code: {{ shopStore.state.cartRoot.discount.dest.name }}</span>
     <sl-button size="small"  outline variant="danger" @click="removeDiscountAction" :loading="state.loading">
       <sl-icon name="x-lg" slot="prefix"></sl-icon>
@@ -20,15 +20,16 @@
     </sl-button>
     </div>
   </template>
-  <template v-else>
+  <sl-button-group v-else>
     <sl-input
-      placeholder="Rabattcode eingeben"
+      class="viur-shop-discount-input"
+      :placeholder="$t('shop.add_discount_placeholder')"
       v-model="state.code"
       @keypress.enter="addDiscountAction()"
     >
     </sl-input>
-    <button @click="addDiscountAction()" :loading="state.loading">{{ $t('shop.add_discount') }}</button>
-  </template>
+    <sl-button @click="addDiscountAction()" :loading="state.loading">{{ $t('shop.add_discount') }}</sl-button>
+  </sl-button-group>
 </template>
 
 <script setup>
@@ -81,11 +82,15 @@ function removeDiscountAction(){
 
 </script>
 <style scoped>
-.discount-view{
+.viur-shop-discount-view{
   font-size:0.8em;
   display: flex;
   align-items: center;
   justify-content: space-between;
 }
 
-</style>
+.viur-shop-discount-input {
+  flex-basis: 100%;
+}
+
+</style>

package/src/components/PaymentProviderUnzer.vue

@@ -198,4 +198,11 @@ onBeforeMount(()=>{
 .loading{
   font-size:3rem;
 }
-</style>
+</style>
+
+<style>
+/* global style to overwrite UnzerCSS */
+.unzerUI.primary.button, .unzerUI.primary.buttons .button {
+  background-color: var(--ignt-color-primary) !important;
+}
+</style>

package/src/components/StepperTab.vue

@@ -19,7 +19,7 @@
         <template v-if="tab && shopStore.state.tabs[tab]">
           {{ shopStore.state.tabIndexMap[tab] + 1 }}.
           <span class="viur-shop-order-status-span">
-            {{ shopStore.state.tabs[tab]?.displayName }}
+            {{ $t(shopStore.state.tabs[tab]?.displayName) }}
           </span>
         </template>
         <template v-else>

package/src/composables/address.js

@@ -43,46 +43,46 @@ export const useAddress = defineStore("useAddressStore", () => {
 
     })
 
-    function saveForm(type,shippingIsBilling=false){
+    function saveForm(type,billingIsShipping=false){
       state[`${type}IsUpdating`] = true
       return state[`${type}Form`].sendData().then(async (resp)=>{
         let data = await resp.json()
+        
         if (['addSuccess','editSuccess'].includes(data['action'])){
           state[`${type}Data`] = data['values']
-          await updateAddresses(type, shippingIsBilling)
+          await updateAddresses(type, billingIsShipping)
         }
         state[`${type}IsUpdating`] = undefined
         return data
       })
     }
 
-    function saveAddresses(shippingIsBilling=false){
-        if (shippingIsBilling) {
-            return saveForm('shipping',shippingIsBilling)
+    function saveAddresses(billingIsShipping=false){
+        if (billingIsShipping) {
+            return saveForm('billing',billingIsShipping)
         }else{
             return new Promise((resolve, reject) => {
                 saveForm('shipping').then(()=>{
                     saveForm('billing').then(()=>{
-                        resolve({'actions':'editSuccess'})
+                        resolve({'action':'editSuccess'})
                     }).catch((e)=>reject(e))
                 }).catch((e)=>reject(e))
             })
         }
     }
 
-    async function updateAddresses(type, shippingIsBilling=false) {
+    async function updateAddresses(type, billingIsShipping=false) {
         let key = state[`${type}Data`]['key']
-
         if (type === 'shipping'){
             const {updateCart} = useCart()
             updateCart({shipping_address_key:key})
-            if(shippingIsBilling){
-                const {addOrUpdateOrder} = useOrder()
-                await addOrUpdateOrder({billing_address_key:key})
-            }
         }else if (type === 'billing'){
             const {addOrUpdateOrder} = useOrder()
             await addOrUpdateOrder({billing_address_key:key})
+            if(billingIsShipping){
+                const {updateCart} = useCart()
+                updateCart({shipping_address_key:key})
+            }
         }
     }
 

package/src/composables/cart.js

@@ -84,7 +84,7 @@ export function useCart() {
                     shipping_address_key,
                     shipping_key,
                     discount_key,
-                    project_data
+                    commission
                 } = {}){
 
         let data= {
@@ -97,8 +97,8 @@ export function useCart() {
             cart_key:cart_key ? cart_key : shopStore.state.cartRoot['key'],
         }
 
-        if (project_data) {
-          data.project_data = JSON.stringify(project_data)
+        if (commission) {
+          data.commission = commission
         }
 
         return Request.post(`${shopStore.state.shopApiUrl}/cart_update`, {

package/src/composables/order.js

@@ -13,7 +13,7 @@ export function useOrder() {
     function updateOrderState(key,data){
         shopStore.state.order = data
         shopStore.state.orderKey = key
-        
+
         const params = useUrlSearchParams('hash')
         params['order'] = shopStore.state.orderKey
 
@@ -38,7 +38,6 @@ export function useOrder() {
     function addOrUpdateOrder({
         payment_provider,
         billing_address_key,
-        email,
         customer_key,
         state_ordered,
         state_paid,
@@ -49,7 +48,6 @@ export function useOrder() {
         let data = {
             payment_provider:payment_provider?payment_provider:shopStore.state.order?.['payment_provider'],
             billing_address_key:billing_address_key?billing_address_key:shopStore.state.order?.['billing_address_key']?.['dest']?.['key'],
-            email:email?email:shopStore.state.order?.['email'],
             customer_key:customer_key?customer_key:shopStore.state.order?.['customer_key']?.['dest']?.['key'],
             state_ordered:state_ordered?state_ordered:shopStore.state.order?.['state_ordered'],
             state_paid:state_paid?state_paid:shopStore.state.order?.['state_paid'],
@@ -58,7 +56,7 @@ export function useOrder() {
         if (shopStore.state.orderKey){
             url = shopStore.state.shopApiUrl+"/order_update"
             data["order_key"] = shopStore.state.orderKey
-            
+
         }else{
             data["cart_key"] = shopStore.state.cartRoot['key']
         }
@@ -77,4 +75,4 @@ export function useOrder() {
         fetchOrder,
         addOrUpdateOrder
     }
-}
+}

package/src/main.js

@@ -5,6 +5,7 @@ import { getTranslations } from "./utils";
 import { de_translations, en_translations } from "@viur/vue-utils";
 import en from "./translations/en"
 import de from "./translations/de"
+import fr from "./translations/fr"
 
 export { default as ViurShop } from "./Shop.vue";
 
@@ -14,18 +15,26 @@ const ViurShopComponents = {
     let defaultLocale = options?.defaultLocale?options.defaultLocale:'de'
     let locale = options?.locale?options.locale:['de']
     let fallback = options?.fallback?options.fallback:'en'
+
+    let additionals = options?.additionals?options.additionals:{}
+
     app.use(createPinia());
 
     let messages = {}
     // fetch translations from server
-    let data = await getTranslations(locale)
+    let data = await getTranslations(locale,options?.pattern)
     for(const loc of locale){
+      let locAdditionals = additionals?.[loc]?additionals[loc]:{}
+
+
       if (loc === 'de'){
-        messages[loc] = { ...de_translations, ...de, ...data[loc]}
+        messages[loc] = { ...de_translations, ...de, ...locAdditionals, ...data[loc]}
+      }else if (loc === 'fr'){
+        messages[loc] = { ...fr, ...locAdditionals, ...data[loc]}
       }else if (loc === 'en'){
-        messages[loc] = {...en_translations, ...en, ...data[loc]}
+        messages[loc] = {...en_translations, ...en, ...locAdditionals, ...data[loc]}
       }else{
-        messages[loc] = {...data[loc]}
+        messages[loc] = {...locAdditionals, ...data[loc]}
       }
     }
 
@@ -41,4 +50,4 @@ const ViurShopComponents = {
 };
 
 // Export the plugin as default
-export default ViurShopComponents;
+export default ViurShopComponents;

package/src/shop.js

@@ -24,7 +24,7 @@ export const useViurShopStore = defineStore("viurshopStore", () => {
         tabs:{
             cart: {
                 component: shallowRef(ShopCart),
-                displayName: "Warenkorb",
+                displayName: "shop.order_step_cart", //Warenkorb
                 icon: { name: "cart3" },
                 active:computed(()=>!state.order?.['is_checkout_in_progress'] && !state.order?.['is_ordered']),  //active if no orderkey or checkout not startet
                 validating:false,
@@ -32,7 +32,7 @@ export const useViurShopStore = defineStore("viurshopStore", () => {
             },
             userdata: {
                 component: shallowRef(ShopUserDataGuest),
-                displayName: "Daten Eingeben",
+                displayName: "shop.order_step_data", //Daten Eingeben
                 icon: { name: "card-list" },
                 active:computed(()=>!state.order?.['is_checkout_in_progress'] && !state.order?.['is_ordered'] && state.cartList.length>0), //active if checkout not startet and cart is not empty
                 validating:false,
@@ -40,7 +40,7 @@ export const useViurShopStore = defineStore("viurshopStore", () => {
             },
             shippingmethod: {
                 component: shallowRef(ShopShippingMethod),
-                displayName: "Versandart",
+                displayName: "shop.order_step_shipping", // Versandart
                 icon: { name: "truck" },
                 active:computed(()=>!state.order?.['is_checkout_in_progress'] && !state.order?.['is_ordered'] && state.cartRoot?.['shipping_address']), // we need a shipping country
                 validating:false,
@@ -48,7 +48,7 @@ export const useViurShopStore = defineStore("viurshopStore", () => {
             },
             paymentprovider: {
                 component: shallowRef(ShopPaymentProvider),
-                displayName: "Zahlungsart auswählen",
+                displayName: "shop.order_step_payment", //Zahlungsart auswählen
                 icon: { name: "credit-card" },
                 active:computed(()=>!state.order?.['is_checkout_in_progress'] && state.order && state.cartRoot?.['shipping']), // we need a active order
                 validating:false,
@@ -56,7 +56,7 @@ export const useViurShopStore = defineStore("viurshopStore", () => {
             },
             confirm: {
                 component: shallowRef(ShopOrderConfirm),
-                displayName: "Bestellung prüfen",
+                displayName: "shop.order_step_verify", //Bestellung prüfen
                 icon: { name: "clipboard-check" },
                 active:computed(()=>!state.order?.['is_paid'] && state.canCheckout?.['status']), // active if canCheckout and not already paid
                 validating:false,
@@ -64,7 +64,7 @@ export const useViurShopStore = defineStore("viurshopStore", () => {
             },
             complete: {
                 component: shallowRef(ShopOrderComplete),
-                displayName: "Bestellung Abgeschlossen",
+                displayName: "shop.order_step_complete", //Bestellung Abgeschlossen
                 icon: { name: "bag-check" },
                 active:computed(()=>state.order?.['is_ordered']), // active if ordered
                 validating:false,

package/src/translations/de.js

@@ -5,32 +5,60 @@ export default {
         delete: "Löschen"
     },
     shop:{
-        "check_order":"Bestellung prüfen",
+        "check_order":"Prüfen und absenden",
         "order_pay":"Zahlungspflichtig bestellen",
-        "order_number":"Ihre Bestellnummer",
+        "order_number":"Ihre Vorgangsnummer",
         "order_thanks":"Vielen Dank für Ihre Bestellung",
-        "order_message":"Wir haben Ihre Bestellung erhalten und werden diese schenllstmöglich bearbeiten.<br /> Sie erhalten in wenigen Minuten eine Bestätigung per E-Mail.",
+        "order_message":"Wir haben Ihre Bestellung erhalten und werden diese schnellstmöglich bearbeiten.<br /> Sie erhalten in wenigen Minuten eine Bestätigung per E-Mail.",
         "order_paid":"Ihre Zahlung ist bei uns eingegangen.",
         "order_ready_to_ship":"Ihre Bestellung ist fertig für den Versand.",
-        "cart_empty":"Der Warenkorb ist leer.",
+        "cart_empty":"Es befinden sich noch keine Artikel im Warenkorb.",
         "order_summary":"Bestellzusammenfassung",
         "deliverytime":"Lieferzeit",
         "day": "Tag | Tage",
+        "availability": "Verfügbarkeit",
+        "quantity": "Anzahl",
         "unit_price":"Stückpreis",
         "total_price":"Gesamtpreis",
-        "articlenumber":"Artikelnummer",
+        "article_number":"Artikelnummer",
         "pay":"Bezahlen",
-        "add_discount":"Rabattcode hinzufügen",
-        "use_shipping_as_billing_address": "Verwende Lieferadresse als Rechnungsadresse",
+        "add_discount":"Hinzufügen",
+        "add_discount_placeholder":"Dein Rabattcode",
+        "use_shipping_as_billing_address": "Lieferung zur Rechnungsadresse",
         "no_valid_shipping_found":"Keine passenden Versandarten gefunden.",
         "error_message":"Eine Fehler ist aufgetreten.",
-        "free_shipping":"Kostenlos"
+        "free_shipping":"Versandkostenfrei",
+        "proceed-checkout":"Zur Kasse gehen",
+        "summary_headline":"Zusammenfassung",
+        "summary_subtotal":"Zwischensumme",
+        "summary_shipping_total":"Versand- und Bearbeitungspauschale",
+        "summary_delivery_time":"Lieferzeit",
+        "summary_discount":"Sie sparen bei Ihrem Einkauf im Aktionszeitraum",
+        "summary_checkout":"Zur Kasse gehen",
+        "summary_total":"Gesamtbetrag",
+        "summary_vat":"inkl. {percentage} MwSt.",
+      	"discount_not_found": "Dieser Rabattcode existiert nicht.",
+        "discount_not_active": "Dieser Rabattcode ist nicht aktiv.",
+        "discount_not_available": "Dieser Rabattcode ist für dieses Land nicht verfügbar.",
+        "discount_already_used": "Dieser Rabattcode wurde bereits benutzt.",
+        "discount_invalid_period": "Der Rabattzeitraum hat noch nicht begonnen oder ist bereits vorbei.",
+        "discount_minimum_not_reached": "Der Mindestbestellwert von {{minimum_order_value}} € wurde nicht erreicht.",
+        "discount_no_sale_article": "Der Rabattcode ist nicht auf bereits rabattierte Artikel anwendbar.",
+        "discount_scope_not_satisfied": "Der Rabattcode ist für diesen Warenkorb / diese Artikel nicht anwendbar.",
+        "order_step_cart":"Warenkorb",
+        "order_step_data":"Daten",
+        "order_step_shipping":"Versandart",
+        "order_step_payment":"Zahlungsart",
+        "order_step_verify":"Bestellung prüfen",
+        "order_step_complete":"Bestellung Abgeschlossen"
+
+
     },
     messages:{
         loading:"Daten werden abgefragt...",
         updating:"Daten werden aktualisiert...",
-        wait_for_payment:"warte auf Zahlung...",
+        wait_for_payment:"Warte auf Zahlung...",
         remove_article_from_cart:"Wollen sie den Artikel wirklich entfernen?",
-        order_check_later:"Sie können Ihre Bestellung am Ende noch einmal überprüfen."
+        order_check_later:"Sie können Ihre Bestellung am Ende noch einmal überprüfen.",
     }
-}
+}