Save

themes/classic/templates/checkout/_partials/cart-detailed-product-line.tpl

@@ -22,7 +22,110 @@
  * @copyright Since 2007 PrestaShop SA and Contributors
  * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
  *}
-<div class="product-line-grid">
+
+
+<tr>
+  <td>
+    <div class="product-card-img">
+      {if $product.default_image}
+        <img src="{$product.default_image.bySize.cart_default.url}" alt="{$product.name|escape:'quotes'}" loading="lazy">
+      {else}
+        <img src="{$urls.no_picture_image.bySize.cart_default.url}" loading="lazy" />
+      {/if}
+    </div>
+  </td>
+
+  <td>
+    <div class="product-card-desc">
+      <a class="label" href="{$product.url}" data-id_customization="{$product.id_customization|intval}">{$product.name}</a>
+    </div>
+    <div class="product-card-infos">
+      {foreach from=$product.attributes key="attribute" item="value"}
+        <div class="product-card-info {$attribute|lower}">
+          <span class="label">{$attribute}:</span>
+          <span class="value">{$value}</span>
+        </div>
+      {/foreach}
+    </div>
+  </td>
+
+  <td>
+    <div class="product-card-price {if $product.has_discount}has-discount{/if}">
+      <div class="current-price">
+        <span class="price">{$product.price}</span>
+        {if $product.unit_price_full}
+          <div class="unit-price-cart">{$product.unit_price_full}</div>
+        {/if}
+      </div>
+
+      {if $product.has_discount}
+        <div class="product-discount">
+          <span class="regular-price">{$product.regular_price}</span>
+        </div>
+      {/if}
+
+      {hook h='displayProductPriceBlock' product=$product type="unit_price"}
+    </div>
+  </td>
+
+  <td>
+    <div class="product-card-qty">
+      {if !empty($product.is_gift)}
+        <span class="gift-quantity">{$product.quantity}</span>
+      {else}
+        <input
+          class="js-cart-line-product-quantity"
+          data-down-url="{$product.down_quantity_url}"
+          data-up-url="{$product.up_quantity_url}"
+          data-update-url="{$product.update_quantity_url}"
+          data-product-id="{$product.id_product}"
+          type="number"
+          inputmode="numeric"
+          pattern="[0-9]*"
+          value="{$product.quantity}"
+          name="product-quantity-spin"
+          aria-label="{l s='%productName% product quantity field' sprintf=['%productName%' => $product.name] d='Shop.Theme.Checkout'}"
+        />
+      {/if}
+    </div>
+  </td>
+
+  <td>
+    <div class="product-card-sum-price">
+      <strong>
+        {if !empty($product.is_gift)}
+          <span class="gift">{l s='Gift' d='Shop.Theme.Checkout'}</span>
+        {else}
+          {$product.total}
+        {/if}
+      </strong>
+    </div>
+  </td>
+
+  <td>
+    <div class="product-card-action">
+      <a
+          class                       = "remove-from-cart"
+          rel                         = "nofollow"
+          href                        = "{$product.remove_from_cart_url}"
+          data-link-action            = "delete-from-cart"
+          data-id-product             = "{$product.id_product|escape:'javascript'}"
+          data-id-product-attribute   = "{$product.id_product_attribute|escape:'javascript'}"
+          data-id-customization   	  = "{$product.id_customization|escape:'javascript'}"
+      >
+        {if empty($product.is_gift)}
+          <i class="material-icons float-xs-left">delete</i>
+        {/if}
+      </a>
+
+      {block name='hook_cart_extra_product_actions'}
+        {hook h='displayCartExtraProductActions' product=$product}
+      {/block}
+    </div>
+  </td>
+</tr>
+
+{* <div class="product-line-grid">
   <!--  product line left content: image-->
   <div class="product-line-grid-left col-md-3 col-xs-4">
     <span class="product-image media-middle">
@@ -179,4 +282,4 @@
   </div>
 
   <div class="clearfix"></div>
-</div>
+</div> *}