购物车界面优化

app/code/Magento/Checkout/view/frontend/templates/cart/item/default.phtml

@@ -42,24 +42,21 @@ $canApplyMsrp = $helper->isShowBeforeOrderConfirm($product) && $helper->isMinima
                     <?php endif; ?>
                 </strong>
                 <?php if ($_options = $block->getOptionList()) :?>
-                    <dl class="item-options">
+                    <div class="item-options">
                         <?php
-                            $_options_length = count($_options);
                             foreach ($_options as $k=>$_option) :
-                                $new_k = $k +1;
                         ?>
                             <?php $_formatedOptionValue = $block->getFormatedOptionValue($_option) ?>
-<!--                            <dt>--><?//= $block->escapeHtml($_option['label']) ?><!--</dt>-->
-                            <dd>
+                            <div>
+                                <?= $block->escapeHtml($_option['label']) ?>:
                                 <?php if (isset($_formatedOptionValue['full_view'])) :?>
-                                        <?= $block->escapeHtml($_formatedOptionValue['full_view']) ?>
-                                    <?php else :?>
+                                    <?= $block->escapeHtml($_formatedOptionValue['full_view']) ?>
+                                <?php else :?>
                                     <?= $block->escapeHtml($_formatedOptionValue['value'], ['span', 'a']) ?>
                                 <?php endif; ?>
-                                <?php if($new_k != $_options_length) :?>, <?php endif;?>
-                            </dd>
+                            </div>
                         <?php endforeach; ?>
-                    </dl>
+                    </div>
                 <?php endif;?>
                 <?php if ($messages = $block->getMessages()) :?>
                     <?php foreach ($messages as $message) :?>

app/design/frontend/Joshine/breeze/web/css/_custom.less

@@ -778,6 +778,18 @@ p.shopbycate-title {
   table tr.item-actions{
     border-bottom: 1px dashed #e5e5e5;
   }
+  .cart.table .product-item-name{
+    font-size: 14px;
+    color: #333333;
+  }
+  .cart.table-wrapper .item-options{
+    font-size: 12px;
+    margin-bottom: 10px;
+    color: #666666;
+  }
+  .cart.table thead{
+    height: 60px;
+  }
 }
 .price_wish{
   display: flex;