From aac9a161a84a3de0bf6e2e6f3a20e66c7ac0e6db Mon Sep 17 00:00:00 2001
From: NeOMakinG <valentin.szczupak@prestashop.com>
Date: Wed, 19 Oct 2022 15:23:15 +0200
Subject: [PATCH 1/4] Review feedbacks

---
 .../_partials/product-cover-thumbnails.tpl      |  9 +++++++++
 .../_partials/cart-detailed-product-line.tpl    | 17 +++++++++++++++++
 2 files changed, 26 insertions(+)

diff --git a/templates/catalog/_partials/product-cover-thumbnails.tpl b/templates/catalog/_partials/product-cover-thumbnails.tpl
index f459644a5..17f36e305 100644
--- a/templates/catalog/_partials/product-cover-thumbnails.tpl
+++ b/templates/catalog/_partials/product-cover-thumbnails.tpl
@@ -55,12 +55,21 @@
                     {$image.bySize.product_main.url} 720w,
                     {$image.bySize.product_main_2x.url} 1440w"
                   sizes="(min-width: 1300px) 720px, (min-width: 768px) 50vw, 100vw" 
+<<<<<<< HEAD
                   src="{$image.bySize.product_main.url}" 
                   width="{$image.bySize.product_main.width}"
                   height="{$image.bySize.product_main.height}"
                   loading="{if $smarty.foreach.productImages.first}eager{else}lazy{/if}"
                   alt="{$image.legend}"
                   title="{$image.legend}"
+=======
+                  src="{$image.bySize.default_720.sources.jpg}" 
+                  width="{$image.bySize.default_720.width}"
+                  height="{$image.bySize.default_720.height}"
+                  loading="eager"
+                  alt="{if !empty($image)}{$image.legend}{else}{$product.name}{/if}"
+                  title="{if !empty($image.legend)}{$image.legend}{else}{$product.name}{/if}"
+>>>>>>> c5027e0 (Review feedbacks)
                   data-full-size-image-url="{$image.bySize.home_default.url}"
                 >
               </picture>
diff --git a/templates/checkout/_partials/cart-detailed-product-line.tpl b/templates/checkout/_partials/cart-detailed-product-line.tpl
index dc79a298e..37b777685 100644
--- a/templates/checkout/_partials/cart-detailed-product-line.tpl
+++ b/templates/checkout/_partials/cart-detailed-product-line.tpl
@@ -14,8 +14,13 @@
           {if isset($product.default_image.bySize.default_xs.sources.avif)}
             <source 
               srcset="
+<<<<<<< HEAD
                 {$product.default_image.bySize.default_xs.sources.avif},
                 {$product.default_image.bySize.default_m.sources.avif} 2x"
+=======
+                {$product.default_image.bySize.default_120.sources.avif},
+                {$product.default_image.bySize.default_200.sources.avif} 2x"
+>>>>>>> c5027e0 (Review feedbacks)
               type="image/avif"
             >
           {/if}
@@ -23,8 +28,13 @@
           {if isset($product.default_image.bySize.default_xs.sources.webp)}
             <source 
               srcset="
+<<<<<<< HEAD
                 {$product.default_image.bySize.default_xs.sources.webp},
                 {$product.default_image.bySize.default_m.sources.webp} 2x"
+=======
+                {$product.default_image.bySize.default_120.sources.webp},
+                {$product.default_image.bySize.default_200.sources.webp} 2x"
+>>>>>>> c5027e0 (Review feedbacks)
               type="image/webp"
             >
           {/if}
@@ -32,10 +42,17 @@
           <img
             class="img-fluid"
             srcset="
+<<<<<<< HEAD
               {$product.default_image.bySize.default_xs.url},
               {$product.default_image.bySize.default_m.url} 2x"
             width="{$product.default_image.bySize.default_xs.width}"
             height="{$product.default_image.bySize.default_xs.height}"
+=======
+              {$product.default_image.bySize.default_120.url},
+              {$product.default_image.bySize.default_200.url} 2x"
+            width="{$product.default_image.bySize.default_120.width}"
+            height="{$product.default_image.bySize.default_120.height}"
+>>>>>>> c5027e0 (Review feedbacks)
             loading="lazy"
             alt="{$product.name|escape:'quotes'}"
             title="{$product.name|escape:'quotes'}"

From 763ae2436905b3fef70153ed09a689fb642a1010 Mon Sep 17 00:00:00 2001
From: NeOMakinG <valentin.szczupak@prestashop.com>
Date: Mon, 14 Nov 2022 16:09:31 +0100
Subject: [PATCH 2/4] Update others images to picture tags

---
 .../templates/hook/post-comment-modal.tpl     | 67 ++++++++++++++++-
 .../_partials/miniatures/pack-product.tpl     | 75 ++++++++++++++++---
 .../_partials/order-confirmation-table.tpl    | 65 +++++++++++++++-
 .../_partials/order-detail-no-return.tpl      | 66 ++++++++++++++--
 .../_partials/order-detail-return.tpl         | 66 ++++++++++++++--
 5 files changed, 310 insertions(+), 29 deletions(-)

diff --git a/modules/productcomments/views/templates/hook/post-comment-modal.tpl b/modules/productcomments/views/templates/hook/post-comment-modal.tpl
index 93367b52e..3a60604f5 100644
--- a/modules/productcomments/views/templates/hook/post-comment-modal.tpl
+++ b/modules/productcomments/views/templates/hook/post-comment-modal.tpl
@@ -29,10 +29,71 @@
 
                 {block name='product_cover'}
                   <div class="product-cover">
-                    {if $product.cover}
-                      <img class="js-qv-product-cover rounded" src="{$product.cover.bySize.medium_default.url}" alt="{$product.cover.legend}" title="{$product.cover.legend}" style="width:100%;" itemprop="image">
+                    {if !empty($product.cover)}
+                      <picture>
+                        {if isset($product.cover.bySize.default_xs.sources.avif)}
+                          <source 
+                            srcset="
+                              {$product.cover.bySize.default_xs.sources.avif},
+                              {$product.cover.bySize.default_m.sources.avif} 2x"
+                            type="image/avif"
+                          >
+                        {/if}
+
+                        {if isset($product.cover.bySize.default_xs.sources.webp)}
+                          <source 
+                            srcset="
+                              {$product.cover.bySize.default_xs.sources.webp},
+                              {$product.cover.bySize.default_m.sources.webp} 2x"
+                            type="image/webp"
+                          >
+                        {/if}
+
+                        <img
+                          class="js-qv-product-cover rounded"
+                          srcset="
+                            {$product.cover.bySize.default_xs.url},
+                            {$product.cover.bySize.default_m.url} 2x"
+                          loading="lazy"
+                          width="{$product.cover.bySize.default_xs.width}"
+                          height="{$product.cover.bySize.default_xs.height}"
+                          {if !empty($product.cover.legend)}
+                            alt="{$product.cover.legend}"
+                            title="{$product.cover.legend}"
+                          {else}
+                            alt="{$product.name}"
+                          {/if}
+                      </picture>
                     {else}
-                      <img src="{$urls.no_picture_image.bySize.large_default.url nofilter}" style="width:100%;" class="rounded">
+                      <picture>
+                        {if isset($urls.no_picture_image.bySize.default_xs.sources.avif)}
+                          <source 
+                            srcset="
+                              {$urls.no_picture_image.bySize.default_xs.sources.avif},
+                              {$urls.no_picture_image.bySize.default_m.sources.avif} 2x"
+                            type="image/avif"
+                          >
+                        {/if}
+
+                        {if isset($urls.no_picture_image.bySize.default_xs.sources.webp)}
+                          <source 
+                            srcset="
+                              {$urls.no_picture_image.bySize.default_xs.sources.webp},
+                              {$urls.no_picture_image.bySize.default_m.sources.webp} 2x"
+                            type="image/webp"
+                          >
+                        {/if}
+
+                        <img
+                          class="rounded"
+                          srcset="
+                            {$urls.no_picture_image.bySize.default_xs.url},
+                            {$urls.no_picture_image.bySize.default_m.url} 2x"
+                          width="{$urls.no_picture_image.bySize.default_xs.width}"
+                          height="{$urls.no_picture_image.bySize.default_xs.height}"
+                          loading="lazy"
+                        >
+                      </picture>
                     {/if}
                   </div>
                 {/block}
diff --git a/templates/catalog/_partials/miniatures/pack-product.tpl b/templates/catalog/_partials/miniatures/pack-product.tpl
index 6ba7e561e..7eec6c342 100644
--- a/templates/catalog/_partials/miniatures/pack-product.tpl
+++ b/templates/catalog/_partials/miniatures/pack-product.tpl
@@ -6,20 +6,71 @@
   <article class="product-pack__item rounded mb-2 p-2">
     <a href="{$product.url}" title="{$product.name}" class="row align-items-center">
       <div class="product-pack__image col-2">
-        {if !empty($product.default_image.medium)}
-          <img
-            src="{$product.default_image.medium.url}"
-            {if !empty($product.default_image.legend)}
-              alt="{$product.default_image.legend}"
-              title="{$product.default_image.legend}"
-            {else}
-              alt="{$product.name}"
+        {if !empty($product.default_image)}
+          <picture>
+            {if isset($product.default_image.bySize.default_xs.sources.avif)}
+              <source 
+                srcset="
+                  {$product.default_image.bySize.default_xs.sources.avif},
+                  {$product.default_image.bySize.default_m.sources.avif} 2x"
+                type="image/avif"
+              >
             {/if}
-            loading="lazy"
-            class="img-fluid rounded"
-          >
+
+            {if isset($product.default_image.bySize.default_xs.sources.webp)}
+              <source 
+                srcset="
+                  {$product.default_image.bySize.default_xs.sources.webp},
+                  {$product.default_image.bySize.default_m.sources.webp} 2x"
+                type="image/webp"
+              >
+            {/if}
+
+            <img
+              class="img-fluid rounded"
+              srcset="
+                {$product.default_image.bySize.default_xs.url},
+                {$product.default_image.bySize.default_m.url} 2x"
+              loading="lazy"
+              width="{$product.default_image.bySize.default_xs.width}"
+              height="{$product.default_image.bySize.default_xs.height}"
+              {if !empty($product.default_image.legend)}
+                alt="{$product.default_image.legend}"
+                title="{$product.default_image.legend}"
+              {else}
+                alt="{$product.name}"
+              {/if}
+          </picture>
         {else}
-          <img src="{$urls.no_picture_image.bySize.medium_default.url}" loading="lazy" class="img-fluid rounded" />
+          <picture>
+            {if isset($urls.no_picture_image.bySize.default_xs.sources.avif)}
+              <source 
+                srcset="
+                  {$urls.no_picture_image.bySize.default_xs.sources.avif},
+                  {$urls.no_picture_image.bySize.default_m.sources.avif} 2x"
+                type="image/avif"
+              >
+            {/if}
+
+            {if isset($urls.no_picture_image.bySize.default_xs.sources.webp)}
+              <source 
+                srcset="
+                  {$urls.no_picture_image.bySize.default_xs.sources.webp},
+                  {$urls.no_picture_image.bySize.default_m.sources.webp} 2x"
+                type="image/webp"
+              >
+            {/if}
+
+            <img
+              class="img-fluid rounded"
+              srcset="
+                {$urls.no_picture_image.bySize.default_xs.url},
+                {$urls.no_picture_image.bySize.default_m.url} 2x"
+              width="{$urls.no_picture_image.bySize.default_xs.width}"
+              height="{$urls.no_picture_image.bySize.default_xs.height}"
+              loading="lazy"
+            >
+          </picture>
         {/if}
       </div>
 
diff --git a/templates/checkout/_partials/order-confirmation-table.tpl b/templates/checkout/_partials/order-confirmation-table.tpl
index 5960887de..4c5cf21cc 100644
--- a/templates/checkout/_partials/order-confirmation-table.tpl
+++ b/templates/checkout/_partials/order-confirmation-table.tpl
@@ -11,9 +11,70 @@
 
       <div class="item__image col-lg-1 col-md-2 col-sm-2 col-3 mb-2 mb-md-0">
           {if !empty($product.default_image)}
-            <img src="{$product.default_image.medium.url}" loading="lazy" class="img-fluid" />
+            <picture>
+              {if isset($product.default_image.bySize.default_xs.sources.avif)}
+                <source 
+                  srcset="
+                    {$product.default_image.bySize.default_xs.sources.avif},
+                    {$product.default_image.bySize.default_m.sources.avif} 2x"
+                  type="image/avif"
+                >
+              {/if}
+
+              {if isset($product.default_image.bySize.default_xs.sources.webp)}
+                <source 
+                  srcset="
+                    {$product.default_image.bySize.default_xs.sources.webp},
+                    {$product.default_image.bySize.default_m.sources.webp} 2x"
+                  type="image/webp"
+                >
+              {/if}
+
+              <img
+                class="img-fluid"
+                srcset="
+                  {$product.default_image.bySize.default_xs.url},
+                  {$product.default_image.bySize.default_m.url} 2x"
+                loading="lazy"
+                width="{$product.default_image.bySize.default_xs.width}"
+                height="{$product.default_image.bySize.default_xs.height}"
+                {if !empty($product.default_image.legend)}
+                  alt="{$product.default_image.legend}"
+                  title="{$product.default_image.legend}"
+                {else}
+                  alt="{$product.name}"
+                {/if}
+            </picture>
           {else}
-            <img src="{$urls.no_picture_image.bySize.medium_default.url}" loading="lazy" class="img-fluid" />
+            <picture>
+              {if isset($urls.no_picture_image.bySize.default_xs.sources.avif)}
+                <source 
+                  srcset="
+                    {$urls.no_picture_image.bySize.default_xs.sources.avif},
+                    {$urls.no_picture_image.bySize.default_m.sources.avif} 2x"
+                  type="image/avif"
+                >
+              {/if}
+
+              {if isset($urls.no_picture_image.bySize.default_xs.sources.webp)}
+                <source 
+                  srcset="
+                    {$urls.no_picture_image.bySize.default_xs.sources.webp},
+                    {$urls.no_picture_image.bySize.default_m.sources.webp} 2x"
+                  type="image/webp"
+                >
+              {/if}
+
+              <img
+                class="img-fluid"
+                srcset="
+                  {$urls.no_picture_image.bySize.default_xs.url},
+                  {$urls.no_picture_image.bySize.default_m.url} 2x"
+                width="{$urls.no_picture_image.bySize.default_xs.width}"
+                height="{$urls.no_picture_image.bySize.default_xs.height}"
+                loading="lazy"
+              >
+            </picture>
           {/if}
       </div>
 
diff --git a/templates/customer/_partials/order-detail-no-return.tpl b/templates/customer/_partials/order-detail-no-return.tpl
index 6b982e5af..85e2dc303 100644
--- a/templates/customer/_partials/order-detail-no-return.tpl
+++ b/templates/customer/_partials/order-detail-no-return.tpl
@@ -18,13 +18,67 @@
         <tr>
           <td>
             {if $product.cover}
-              <img src="{$product.cover.bySize.small_default.url}"
-                alt="{if !empty($product.cover.legend)}{$product.cover.legend}{else}{$product.name|truncate:30:'...'}{/if}"
-                loading="lazy" data-full-size-image-url="{$product.cover.large.url}" width="64" height="64"
-                class="order-products__image card-img-top w-auto" />
+              <picture>
+                {if isset($product.cover.bySize.default_xs.sources.avif)}
+                  <source 
+                    srcset="
+                      {$product.cover.bySize.default_xs.sources.avif},
+                      {$product.cover.bySize.default_m.sources.avif} 2x",
+                  type="image/avif"
+                  >
+                {/if}
+
+                {if isset($product.cover.bySize.default_xs.sources.webp)}
+                  <source 
+                    srcset="
+                      {$product.cover.bySize.default_xs.sources.webp},
+                      {$product.cover.bySize.default_m.sources.webp} 2x"
+                    type="image/webp"
+                  >
+                {/if}
+
+                <img
+                  class="order-products__image card-img-top w-auto"
+                  srcset="
+                    {$product.cover.bySize.default_xs.url},
+                    {$product.cover.bySize.default_m.url} 2x"
+                  width="{$product.cover.bySize.default_xs.width}"
+                  height="{$product.cover.bySize.default_xs.height}"
+                  loading="lazy"
+                  alt="{if !empty($product.cover.legend)}{$product.cover.legend}{else}{$product.name}{/if}"
+                  title="{if !empty($product.cover.legend)}{$product.cover.legend}{else}{$product.name}{/if}"
+                >
+              </picture>
             {else}
-              <img src="{$urls.no_picture_image.bySize.small_default.url}" loading="lazy" width="64" height="64"
-                class="order-products__image card-img-top w-auto" />
+              <picture>
+                {if isset($urls.no_picture_image.bySize.default_xs.sources.avif)}
+                  <source 
+                    srcset="
+                      {$urls.no_picture_image.bySize.default_xs.sources.avif},
+                      {$urls.no_picture_image.bySize.default_m.sources.avif} 2x"
+                    type="image/avif"
+                  >
+                {/if}
+
+                {if isset($urls.no_picture_image.bySize.default_xs.sources.webp)}
+                  <source 
+                    srcset="
+                      {$urls.no_picture_image.bySize.default_xs.sources.webp},
+                      {$urls.no_picture_image.bySize.default_m.sources.webp} 2x"
+                    type="image/webp"
+                  >
+                {/if}
+
+                <img
+                  class="order-products__image card-img-top w-auto"
+                  srcset="
+                    {$urls.no_picture_image.bySize.default_xs.url},
+                    {$urls.no_picture_image.bySize.default_m.url} 2x"
+                  width="{$urls.no_picture_image.bySize.default_xs.width}"
+                  height="{$urls.no_picture_image.bySize.default_xs.height}"
+                  loading="lazy"
+                >
+              </picture>
             {/if}
           </td>
 
diff --git a/templates/customer/_partials/order-detail-return.tpl b/templates/customer/_partials/order-detail-return.tpl
index 423025390..54e43a348 100644
--- a/templates/customer/_partials/order-detail-return.tpl
+++ b/templates/customer/_partials/order-detail-return.tpl
@@ -120,13 +120,67 @@
               </div>
               <div class="col-4">
                 {if $product.cover}
-                  <img src="{$product.cover.bySize.small_default.url}"
-                    alt="{if !empty($product.cover.legend)}{$product.cover.legend}{else}{$product.name|truncate:30:'...'}{/if}"
-                    loading="lazy" data-full-size-image-url="{$product.cover.large.url}" width="64" height="64"
-                    class="order-products__image card-img-top w-auto" />
+                  <picture>
+                    {if isset($product.cover.bySize.default_xs.sources.avif)}
+                      <source 
+                        srcset="
+                          {$product.cover.bySize.default_xs.sources.avif},
+                          {$product.cover.bySize.default_m.sources.avif} 2x",
+                      type="image/avif"
+                      >
+                    {/if}
+
+                    {if isset($product.cover.bySize.default_xs.sources.webp)}
+                      <source 
+                        srcset="
+                          {$product.cover.bySize.default_xs.sources.webp},
+                          {$product.cover.bySize.default_m.sources.webp} 2x"
+                        type="image/webp"
+                      >
+                    {/if}
+
+                    <img
+                      class="order-products__image card-img-top w-auto"
+                      srcset="
+                        {$product.cover.bySize.default_xs.url},
+                        {$product.cover.bySize.default_m.url} 2x"
+                      width="{$product.cover.bySize.default_xs.width}"
+                      height="{$product.cover.bySize.default_xs.height}"
+                      loading="lazy"
+                      alt="{if !empty($product.cover.legend)}{$product.cover.legend}{else}{$product.name}{/if}"
+                      title="{if !empty($product.cover.legend)}{$product.cover.legend}{else}{$product.name}{/if}"
+                    >
+                  </picture>
                 {else}
-                  <img src="{$urls.no_picture_image.bySize.small_default.url}" loading="lazy" width="64" height="64"
-                    class="order-products__image card-img-top w-auto" />
+                  <picture>
+                    {if isset($urls.no_picture_image.bySize.default_xs.sources.avif)}
+                      <source 
+                        srcset="
+                          {$urls.no_picture_image.bySize.default_xs.sources.avif},
+                          {$urls.no_picture_image.bySize.default_m.sources.avif} 2x"
+                        type="image/avif"
+                      >
+                    {/if}
+
+                    {if isset($urls.no_picture_image.bySize.default_xs.sources.webp)}
+                      <source 
+                        srcset="
+                          {$urls.no_picture_image.bySize.default_xs.sources.webp},
+                          {$urls.no_picture_image.bySize.default_m.sources.webp} 2x"
+                        type="image/webp"
+                      >
+                    {/if}
+
+                    <img
+                      class="order-products__image card-img-top w-auto"
+                      srcset="
+                        {$urls.no_picture_image.bySize.default_xs.url},
+                        {$urls.no_picture_image.bySize.default_m.url} 2x"
+                      width="{$urls.no_picture_image.bySize.default_xs.width}"
+                      height="{$urls.no_picture_image.bySize.default_xs.height}"
+                      loading="lazy"
+                    >
+                  </picture>
                 {/if}
               </div>
 

From 8e06103e2963b3c29bc391f84ef676f0aad75848 Mon Sep 17 00:00:00 2001
From: NeOMakinG <valentin.szczupak@prestashop.com>
Date: Wed, 7 Dec 2022 14:57:46 +0100
Subject: [PATCH 3/4] Fix wrong conflicts

---
 .../_partials/product-cover-thumbnails.tpl      |  9 ---------
 .../_partials/cart-detailed-product-line.tpl    | 17 -----------------
 2 files changed, 26 deletions(-)

diff --git a/templates/catalog/_partials/product-cover-thumbnails.tpl b/templates/catalog/_partials/product-cover-thumbnails.tpl
index 17f36e305..f459644a5 100644
--- a/templates/catalog/_partials/product-cover-thumbnails.tpl
+++ b/templates/catalog/_partials/product-cover-thumbnails.tpl
@@ -55,21 +55,12 @@
                     {$image.bySize.product_main.url} 720w,
                     {$image.bySize.product_main_2x.url} 1440w"
                   sizes="(min-width: 1300px) 720px, (min-width: 768px) 50vw, 100vw" 
-<<<<<<< HEAD
                   src="{$image.bySize.product_main.url}" 
                   width="{$image.bySize.product_main.width}"
                   height="{$image.bySize.product_main.height}"
                   loading="{if $smarty.foreach.productImages.first}eager{else}lazy{/if}"
                   alt="{$image.legend}"
                   title="{$image.legend}"
-=======
-                  src="{$image.bySize.default_720.sources.jpg}" 
-                  width="{$image.bySize.default_720.width}"
-                  height="{$image.bySize.default_720.height}"
-                  loading="eager"
-                  alt="{if !empty($image)}{$image.legend}{else}{$product.name}{/if}"
-                  title="{if !empty($image.legend)}{$image.legend}{else}{$product.name}{/if}"
->>>>>>> c5027e0 (Review feedbacks)
                   data-full-size-image-url="{$image.bySize.home_default.url}"
                 >
               </picture>
diff --git a/templates/checkout/_partials/cart-detailed-product-line.tpl b/templates/checkout/_partials/cart-detailed-product-line.tpl
index 37b777685..dc79a298e 100644
--- a/templates/checkout/_partials/cart-detailed-product-line.tpl
+++ b/templates/checkout/_partials/cart-detailed-product-line.tpl
@@ -14,13 +14,8 @@
           {if isset($product.default_image.bySize.default_xs.sources.avif)}
             <source 
               srcset="
-<<<<<<< HEAD
                 {$product.default_image.bySize.default_xs.sources.avif},
                 {$product.default_image.bySize.default_m.sources.avif} 2x"
-=======
-                {$product.default_image.bySize.default_120.sources.avif},
-                {$product.default_image.bySize.default_200.sources.avif} 2x"
->>>>>>> c5027e0 (Review feedbacks)
               type="image/avif"
             >
           {/if}
@@ -28,13 +23,8 @@
           {if isset($product.default_image.bySize.default_xs.sources.webp)}
             <source 
               srcset="
-<<<<<<< HEAD
                 {$product.default_image.bySize.default_xs.sources.webp},
                 {$product.default_image.bySize.default_m.sources.webp} 2x"
-=======
-                {$product.default_image.bySize.default_120.sources.webp},
-                {$product.default_image.bySize.default_200.sources.webp} 2x"
->>>>>>> c5027e0 (Review feedbacks)
               type="image/webp"
             >
           {/if}
@@ -42,17 +32,10 @@
           <img
             class="img-fluid"
             srcset="
-<<<<<<< HEAD
               {$product.default_image.bySize.default_xs.url},
               {$product.default_image.bySize.default_m.url} 2x"
             width="{$product.default_image.bySize.default_xs.width}"
             height="{$product.default_image.bySize.default_xs.height}"
-=======
-              {$product.default_image.bySize.default_120.url},
-              {$product.default_image.bySize.default_200.url} 2x"
-            width="{$product.default_image.bySize.default_120.width}"
-            height="{$product.default_image.bySize.default_120.height}"
->>>>>>> c5027e0 (Review feedbacks)
             loading="lazy"
             alt="{$product.name|escape:'quotes'}"
             title="{$product.name|escape:'quotes'}"

From 242fcf6bd5ba9e287f052fcfb2fa76a9ac5ccbe5 Mon Sep 17 00:00:00 2001
From: NeOMakinG <valentin.szczupak@prestashop.com>
Date: Fri, 9 Dec 2022 11:04:30 +0100
Subject: [PATCH 4/4] Review feedbacks

---
 .../views/templates/hook/post-comment-modal.tpl  |  8 ++------
 .../_partials/miniatures/pack-product.tpl        |  8 ++------
 .../catalog/_partials/miniatures/product.tpl     |  4 ++--
 .../_partials/product-cover-thumbnails.tpl       |  4 ++--
 .../catalog/_partials/product-images-modal.tpl   | 16 ++++------------
 .../_partials/order-confirmation-table.tpl       |  8 ++------
 .../_partials/order-detail-no-return.tpl         |  8 ++++----
 .../customer/_partials/order-detail-return.tpl   |  6 +++---
 8 files changed, 21 insertions(+), 41 deletions(-)

diff --git a/modules/productcomments/views/templates/hook/post-comment-modal.tpl b/modules/productcomments/views/templates/hook/post-comment-modal.tpl
index 3a60604f5..7de4ac83c 100644
--- a/modules/productcomments/views/templates/hook/post-comment-modal.tpl
+++ b/modules/productcomments/views/templates/hook/post-comment-modal.tpl
@@ -57,12 +57,8 @@
                           loading="lazy"
                           width="{$product.cover.bySize.default_xs.width}"
                           height="{$product.cover.bySize.default_xs.height}"
-                          {if !empty($product.cover.legend)}
-                            alt="{$product.cover.legend}"
-                            title="{$product.cover.legend}"
-                          {else}
-                            alt="{$product.name}"
-                          {/if}
+                          alt="{$product.cover.legend}"
+                          title="{$product.cover.legend}"
                       </picture>
                     {else}
                       <picture>
diff --git a/templates/catalog/_partials/miniatures/pack-product.tpl b/templates/catalog/_partials/miniatures/pack-product.tpl
index 7eec6c342..78e0c5006 100644
--- a/templates/catalog/_partials/miniatures/pack-product.tpl
+++ b/templates/catalog/_partials/miniatures/pack-product.tpl
@@ -34,12 +34,8 @@
               loading="lazy"
               width="{$product.default_image.bySize.default_xs.width}"
               height="{$product.default_image.bySize.default_xs.height}"
-              {if !empty($product.default_image.legend)}
-                alt="{$product.default_image.legend}"
-                title="{$product.default_image.legend}"
-              {else}
-                alt="{$product.name}"
-              {/if}
+              alt="{$product.default_image.legend}"
+              title="{$product.default_image.legend}"
           </picture>
         {else}
           <picture>
diff --git a/templates/catalog/_partials/miniatures/product.tpl b/templates/catalog/_partials/miniatures/product.tpl
index fc2614da5..0a47a0188 100644
--- a/templates/catalog/_partials/miniatures/product.tpl
+++ b/templates/catalog/_partials/miniatures/product.tpl
@@ -50,8 +50,8 @@
                   width="{$product.cover.bySize.default_md.width}"
                   height="{$product.cover.bySize.default_md.height}"
                   loading="lazy"
-                  alt="{if !empty($product.cover.legend)}{$product.cover.legend}{else}{$product.name}{/if}"
-                  title="{if !empty($product.cover.legend)}{$product.cover.legend}{else}{$product.name}{/if}"
+                  alt="{$product.cover.legend}"
+                  title="{$product.cover.legend}"
                   data-full-size-image-url="{$product.cover.bySize.home_default.url}"
                 >
               </picture>
diff --git a/templates/catalog/_partials/product-cover-thumbnails.tpl b/templates/catalog/_partials/product-cover-thumbnails.tpl
index f459644a5..0904b584b 100644
--- a/templates/catalog/_partials/product-cover-thumbnails.tpl
+++ b/templates/catalog/_partials/product-cover-thumbnails.tpl
@@ -110,8 +110,8 @@
                   width="{$image.bySize.default_xs.width}"
                   height="{$image.bySize.default_xs.height}"
                   loading="lazy"
-                  alt="{if !empty($image)}{$image.legend}{else}{$product.name}{/if}"
-                  title="{if !empty($image.legend)}{$image.legend}{else}{$product.name}{/if}"
+                  alt="{$image.legend}"
+                  title="{$image.legend}"
                 >
               </picture>
             </li>
diff --git a/templates/catalog/_partials/product-images-modal.tpl b/templates/catalog/_partials/product-images-modal.tpl
index 409f6533a..530ee167b 100644
--- a/templates/catalog/_partials/product-images-modal.tpl
+++ b/templates/catalog/_partials/product-images-modal.tpl
@@ -13,12 +13,8 @@
               class="js-modal-product-cover product-cover-modal"
               width="{$product.default_image.bySize.large_default.width}"
               src="{$product.default_image.bySize.large_default.url}"
-              {if !empty($product.default_image.legend)}
-                alt="{$product.default_image.legend}"
-                title="{$product.default_image.legend}"
-              {else}
-                alt="{$product.name}"
-              {/if}
+              alt="{$product.default_image.legend}"
+              title="{$product.default_image.legend}"
               height="{$product.default_image.bySize.large_default.height}"
            >
           {else}
@@ -40,12 +36,8 @@
                       data-image-large-src="{$image.large.url}"
                       class="thumb js-modal-thumb"
                       src="{$image.medium.url}"
-                      {if !empty($image.legend)}
-                        alt="{$image.legend}"
-                        title="{$image.legend}"
-                      {else}
-                        alt="{$product.name}"
-                      {/if}
+                      alt="{$image.legend}"
+                      title="{$image.legend}"
                       width="{$image.medium.width}"
                       height="148"
                    >
diff --git a/templates/checkout/_partials/order-confirmation-table.tpl b/templates/checkout/_partials/order-confirmation-table.tpl
index 4c5cf21cc..66b198c33 100644
--- a/templates/checkout/_partials/order-confirmation-table.tpl
+++ b/templates/checkout/_partials/order-confirmation-table.tpl
@@ -38,12 +38,8 @@
                 loading="lazy"
                 width="{$product.default_image.bySize.default_xs.width}"
                 height="{$product.default_image.bySize.default_xs.height}"
-                {if !empty($product.default_image.legend)}
-                  alt="{$product.default_image.legend}"
-                  title="{$product.default_image.legend}"
-                {else}
-                  alt="{$product.name}"
-                {/if}
+                alt="{$product.default_image.legend}"
+                title="{$product.default_image.legend}"
             </picture>
           {else}
             <picture>
diff --git a/templates/customer/_partials/order-detail-no-return.tpl b/templates/customer/_partials/order-detail-no-return.tpl
index 85e2dc303..f31ae85f8 100644
--- a/templates/customer/_partials/order-detail-no-return.tpl
+++ b/templates/customer/_partials/order-detail-no-return.tpl
@@ -24,7 +24,7 @@
                     srcset="
                       {$product.cover.bySize.default_xs.sources.avif},
                       {$product.cover.bySize.default_m.sources.avif} 2x",
-                  type="image/avif"
+                    type="image/avif"
                   >
                 {/if}
 
@@ -45,8 +45,8 @@
                   width="{$product.cover.bySize.default_xs.width}"
                   height="{$product.cover.bySize.default_xs.height}"
                   loading="lazy"
-                  alt="{if !empty($product.cover.legend)}{$product.cover.legend}{else}{$product.name}{/if}"
-                  title="{if !empty($product.cover.legend)}{$product.cover.legend}{else}{$product.name}{/if}"
+                  alt="{$product.cover.legend}"
+                  title="{$product.cover.legend}"
                 >
               </picture>
             {else}
@@ -145,7 +145,7 @@
             <div class="col-4">
               {if $product.cover}
                 <img src="{$product.cover.bySize.small_default.url}"
-                  alt="{if !empty($product.cover.legend)}{$product.cover.legend}{else}{$product.name|truncate:30:'...'}{/if}"
+                  alt="{$product.cover.legend}"
                   loading="lazy" data-full-size-image-url="{$product.cover.large.url}" width="64" height="64"
                   class="order-products__image card-img-top w-auto" />
               {else}
diff --git a/templates/customer/_partials/order-detail-return.tpl b/templates/customer/_partials/order-detail-return.tpl
index 54e43a348..81e1a2e37 100644
--- a/templates/customer/_partials/order-detail-return.tpl
+++ b/templates/customer/_partials/order-detail-return.tpl
@@ -126,7 +126,7 @@
                         srcset="
                           {$product.cover.bySize.default_xs.sources.avif},
                           {$product.cover.bySize.default_m.sources.avif} 2x",
-                      type="image/avif"
+                        type="image/avif"
                       >
                     {/if}
 
@@ -147,8 +147,8 @@
                       width="{$product.cover.bySize.default_xs.width}"
                       height="{$product.cover.bySize.default_xs.height}"
                       loading="lazy"
-                      alt="{if !empty($product.cover.legend)}{$product.cover.legend}{else}{$product.name}{/if}"
-                      title="{if !empty($product.cover.legend)}{$product.cover.legend}{else}{$product.name}{/if}"
+                      alt="{$product.cover.legend}"
+                      title="{$product.cover.legend}"
                     >
                   </picture>
                 {else}