Merge branch 'next-2.x' into 'main'

feat(Basket): add product images

See merge request !106

bin/frontend/controls/OrderProcess.js

@@ -642,6 +642,8 @@ define('package/quiqqer/order/bin/frontend/controls/OrderProcess', [
          * @return {Promise}
          */
         next: function() {
+            this.setAttribute('direction', 'next');
+
             if (this.$enabled === false) {
                 return Promise.resolve();
             }
@@ -690,6 +692,8 @@ define('package/quiqqer/order/bin/frontend/controls/OrderProcess', [
          * @return {Promise}
          */
         previous: function() {
+            this.setAttribute('direction', 'previous');
+
             if (this.$enabled === false) {
                 return Promise.resolve();
             }

src/QUI/ERP/Order/Controls/Basket/Basket.html

@@ -9,6 +9,11 @@
         >
             {locale group="quiqqer/erp" var="article.list.articles.header.pos"}
         </th>
+        <th class="quiqqer-order-basket-articles-header-image"
+            title="{locale group='quiqqer/erp' var='article.list.articles.header.image'}"
+        >
+            {locale group="quiqqer/erp" var="article.list.articles.header.image"}
+        </th>
         <th class="quiqqer-order-basket-articles-header-information"
             title="{locale group='quiqqer/erp' var='article.list.articles.header.description'}"
         >
@@ -43,6 +48,11 @@
         >
             {$pos}
         </td>
+        <td class="quiqqer-order-basket-articles-article-image"
+            data-label="{locale group='quiqqer/erp' var='article.list.articles.header.image'}"
+        >
+            {image src=$product.imageSrc width=200 height=200 class="quiqqer-order-basket-articles-article-image__img"}
+        </td>
         <td class="quiqqer-order-basket-articles-article-data"
             data-label="{locale group='quiqqer/erp' var='article.list.articles.header.description'}"
         >