Skip to content

J
joshine
Commit 5336ae58 by lmf
Options

优化mini购物车列表样式

parent f0366d6f
Showing with 8 additions and 116 deletions
app/app/design/frontend/Joshine/breeze/Magento_Newsletter/email/subscr_success.html deleted 100644 → 0
<!--
/**
* Copyright © Magento, Inc. All rights reserved.
* See COPYING.txt for license details.
*/
-->
<!--@subject {{trans "Newsletter subscription success"}} @-->
<!--@vars {
"template config_path=\"design\/email\/footer_template\"":"Email Footer Template",
"template config_path=\"design\/email\/header_template\"":"Email Header Template"
} @-->
{{template config_path="design/email/header_template"}}
<table width="620" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td width="620" colspan="2" align="center"><a href="https://www.joshine.com/" style="outline: none; text-decoration: none;" data-mce-style="outline: none; text-decoration: none;" target="_blank" data-mce-href="https://www.joshine.com/">
<div alt="Clothing" title="Clothing" style="color: #000; padding: 12px 0; line-height: 25px; font-family: Arial,Helvetica,sans-serif; text-align: center; letter-spacing: 3px; text-transform: uppercase; font-size: 20px; border-bottom: 1px solid #000; border-top: 1px solid #000;" data-mce-style="color: #000; padding: 12px 0; line-height: 25px; font-family: Arial,Helvetica,sans-serif; text-align: center; letter-spacing: 3px; text-transform: uppercase; font-size: 20px; border-bottom: 1px solid #000; border-top: 1px solid #000;">
<strong>FREE SHIPPING FOR ORDERS $69+</strong><br> <span style="font-size: 15px;" data-mce-style="font-size: 15px;"> Free Returns, No Minimum</span>
</div>
<div style="text-align: -webkit-center;" data-mce-fragment="1" data-mce-style="text-align: -webkit-center;"><img height="394" width="494" style="margin-top: 20px; float: none;" alt="shapewear" src="https://media.joshine.com/email/email.jpg" data-mce-fragment="1" data-mce-style="margin-top: 20px; float: none;"></div>
<div alt="Clothing" title="Clothing">
<p style="color: #000; line-height: 30px; font-family: Arial,Helvetica,sans-serif; font-weight: normal; text-align: center; letter-spacing: 2px; font-size: 20px; margin: 20px 0 10px 0;" data-mce-style="color: #000; line-height: 30px; font-family: Arial,Helvetica,sans-serif; font-weight: normal; text-align: center; letter-spacing: 2px; font-size: 20px; margin: 20px 0 10px 0;"><span style="text-transform: none;" data-mce-style="text-transform: none;"> We're so glad </span> YOU FOUND US!</p>
<p style="margin: 0; text-align: center; font-family: Arial,Helvetica,sans-serif; color: #000; margin-bottom: 30px;" data-mce-style="margin: 0; text-align: center; font-family: Arial,Helvetica,sans-serif; color: #000; margin-bottom: 30px;"><span style="display: inline-block; font-size: 10px; line-height: 5px; font-weight: 600; letter-spacing: 0.5px; padding: 0 0 30px;" data-mce-style="display: inline-block; font-size: 10px; line-height: 5px; font-weight: 600; letter-spacing: 0.5px; padding: 0 0 30px;">Now you are on board, you'll receive even more of what <span class="il">JOSHINE </span>has to offer.</span><br> <span style="font-size: 18px; line-height: 42px; font-weight: normal; letter-spacing: 1px; color: #000;" data-mce-style="font-size: 18px; line-height: 42px; font-weight: normal; letter-spacing: 1px; color: #000;">As an exclusive thank you offer<br> <strong style="font-size: 56px; text-transform: uppercase; font-weight: 800; letter-spacing: -1px; color: #bbbf4e;" data-mce-style="font-size: 56px; text-transform: uppercase; font-weight: 800; letter-spacing: -1px; color: #bbbf4e;">take 20% off* </strong><br> sale styles at <span class="il">JOSHINE</span>. </span><br> <span style="display: inline-block; width: 240px; height: 46px; background-color: #ffaead; font-size: 24px; font-weight: 600; letter-spacing: 0; line-height: 42px; color: #fff; margin: 15px 0 25px 0;" data-mce-style="display: inline-block; width: 240px; height: 46px; background-color: #ffaead; font-size: 24px; font-weight: 600; letter-spacing: 0; line-height: 42px; color: #fff; margin: 15px 0 25px 0;">CODE: N20F</span><br> <span style="font-size: 18px; text-transform: uppercase; text-decoration: underline; font-weight: 0; letter-spacing: 1px; line-height: 60px;" data-mce-style="font-size: 18px; text-transform: uppercase; text-decoration: underline; font-weight: 0; letter-spacing: 1px; line-height: 60px;">EXPLORE <span class="il" mce-data-marked="1">JOSHINE</span>></span></p>
</div>
</a></td>
</tr>
<tr>
<td width="310" align="right">
<a href="https://www.joshine.com/" data-mce-style="outline: none; text-decoration: none;" target="_blank"> </a>
<div alt="SALE" title="SALE" style="margin: 0 6px 6px 0;" data-mce-style="margin: 0 6px 6px 0;">
<a href="https://www.joshine.com/" data-mce-style="outline: none; text-decoration: none;" target="_blank"> </a>
<p style="margin: 0; width: 278px; height: 72px; line-height: 72px; background-color: #000; color: #fff; font-family: Arial,Helvetica,sans-serif; text-align: center; letter-spacing: 1px; font-weight: 600; text-transform: uppercase; font-size: 23.5px;" data-mce-style="margin: 0; width: 278px; height: 72px; line-height: 72px; background-color: #000; color: #fff; font-family: Arial,Helvetica,sans-serif; text-align: center; letter-spacing: 1px; font-weight: 600; text-transform: uppercase; font-size: 23.5px;"><span style="color: #ffffff;"><a href="https://www.joshine.com/new-arrivals" style="color: #ffffff;"><span style="outline-color: initial; outline-width: initial;">NEW</span> IN</a></span></p>
<a href="https://www.joshine.com/daily-new" data-saferedirecturl="" data-mce-style="outline: none; text-decoration: none;" target="_blank"> </a>
</div>
</td>
<td width="310" align="left">
<a href="https://www.joshine.com/" data-mce-style="outline: none; text-decoration: none;" target="_blank"> </a>
<p style="margin: 0; width: 278px; height: 72px; line-height: 72px; background-color: #000; color: #fff; font-family: Arial,Helvetica,sans-serif; text-align: center; letter-spacing: 1px; font-weight: 600; text-transform: uppercase; font-size: 23.5px;" data-mce-style="margin: 0; width: 278px; height: 72px; line-height: 72px; background-color: #000; color: #fff; font-family: Arial,Helvetica,sans-serif; text-align: center; letter-spacing: 1px; font-weight: 600; text-transform: uppercase; font-size: 23.5px;"><span style="color: #ffffff;"><a href="https://www.joshine.com/on-sale" style="color: #ffffff;">ON SALE</a></span></p>
<a href="https://www.joshine.com/sales" data-mce-style="outline: none; text-decoration: none;" target="_blank"> </a>
</td>
</tr>
<tr>
<td width="325" align="right">
<a href="https://www.joshine.com/on-sale" data-mce-style="outline: none; text-decoration: none;" target="_blank"> </a>
<p style="margin: 0; width: 284px; height: 72px; line-height: 72px; background-color: #000; color: #fff; font-family: Arial,Helvetica,sans-serif; text-align: center; letter-spacing: 1px; font-weight: 600; text-transform: uppercase; font-size: 23.5px;" data-mce-style="margin: 0; width: 278px; height: 72px; line-height: 72px; background-color: #000; color: #fff; font-family: Arial,Helvetica,sans-serif; text-align: center; letter-spacing: 1px; font-weight: 600; text-transform: uppercase; font-size: 23.5px;"><span style="color: #ffffff;"><a href="https://www.joshine.com/shapewear" style="color: #ffffff;">SHAPEWEAR</a></span></p>
<a href="https://www.joshine.com/shapewear" data-mce-style="outline: none; text-decoration: none;" target="_blank"> </a>
</td>
<td width="310" align="left">
<p style="margin: 0; width: 278px; height: 72px; line-height: 72px; background-color: #000; color: #fff; font-family: Arial,Helvetica,sans-serif; text-align: center; letter-spacing: 1px; font-weight: 600; text-transform: uppercase; font-size: 23.5px;" data-mce-style="margin: 0; width: 278px; height: 72px; line-height: 72px; background-color: #000; color: #fff; font-family: Arial,Helvetica,sans-serif; text-align: center; letter-spacing: 1px; font-weight: 600; text-transform: uppercase; font-size: 23.5px;"><span style="color: #ffffff;"><a href="https://www.joshine.com/swimwear" style="color: #ffffff;">SWIMWEAR</a></span></p>
<a href="https://www.joshine.com/swimwear" data-mce-style="outline: none; text-decoration: none;" target="_blank"> </a>
</td>
</tr>
</tbody>
</table>
{{template config_path="design/email/footer_template"}}
\ No newline at end of file
app/design/frontend/Joshine/breeze/Magento_Checkout/i18n/en_US.csv
...@@ -483,7 +483,7 @@ Required,Required ...@@ -483,7 +483,7 @@ Required,Required
"Add Selected Products","Add Selected Products" "Add Selected Products","Add Selected Products"
Remove,Remove Remove,Remove
"Cart Subtotal","Subtotal" "Cart Subtotal","Subtotal"
"View and Edit Cart","View and Edit Cart" "View and Edit Cart","View Cart"
Thumbnail,Thumbnail Thumbnail,Thumbnail
Actions,Actions Actions,Actions
"Schedule Update From","Schedule Update From" "Schedule Update From","Schedule Update From"
......
app/design/frontend/Joshine/breeze/Magento_Checkout/templates/cart/minicart.phtml
...@@ -11,7 +11,6 @@ ...@@ -11,7 +11,6 @@
<div data-block="minicart" class="minicart-wrapper"> <div data-block="minicart" class="minicart-wrapper">
<a class="action showcart" href="<?= $block->escapeUrl($block->getShoppingCartUrl()) ?>" <a class="action showcart" href="<?= $block->escapeUrl($block->getShoppingCartUrl()) ?>"
data-bind="scope: 'minicart_content'"> data-bind="scope: 'minicart_content'">
<span class="text"></span>
<span class="counter qty empty" <span class="counter qty empty"
data-bind="css: { empty: !!getCartParam('summary_count') == false && !isLoading() }, data-bind="css: { empty: !!getCartParam('summary_count') == false && !isLoading() },
blockLoader: isLoading"> blockLoader: isLoading">
......
app/design/frontend/Joshine/breeze/Magento_Checkout/web/template/minicart/content.html
...@@ -6,7 +6,6 @@ ...@@ -6,7 +6,6 @@
--> -->
<div class="block-title"> <div class="block-title">
<strong> <strong>
<span class="text" translate="'My Cart'"></span>
<span <span
class="qty empty" class="qty empty"
text="getCartParam('summary_count')" text="getCartParam('summary_count')"
......
app/design/frontend/Joshine/breeze/Magento_Checkout/web/template/minicart/item/default.html
...@@ -31,32 +31,6 @@ ...@@ -31,32 +31,6 @@
<!-- /ko --> <!-- /ko -->
</strong> </strong>
<!-- ko if: options.length -->
<div class="product options" data-mage-init='{"collapsible":{"openedState": "active", "saveState": false}}'>
<span data-role="title" class="toggle"><!-- ko i18n: 'See Details' --><!-- /ko --></span>
<div data-role="content" class="content">
<strong class="subtitle"><!-- ko i18n: 'Options Details' --><!-- /ko --></strong>
<dl class="product options list">
<!-- ko foreach: { data: options, as: 'option' } -->
<dt class="label"><!-- ko text: option.label --><!-- /ko --></dt>
<dd class="values">
<!-- ko if: Array.isArray(option.value) -->
<span data-bind="html: $parents[1].getOptionValueUnsanitizedHtml(option.value.join('<br/>'))"></span>
<!-- /ko -->
<!-- ko if: (!Array.isArray(option.value) && ['file', 'html'].includes(option.option_type)) -->
<span data-bind="html: $parents[1].getOptionValueUnsanitizedHtml(option.value)"></span>
<!-- /ko -->
<!-- ko if: (!Array.isArray(option.value) && !['file', 'html'].includes(option.option_type)) -->
<span data-bind="text: option.value"></span>
<!-- /ko -->
</dd>
<!-- /ko -->
</dl>
</div>
</div>
<!-- /ko -->
<div class="product-item-pricing"> <div class="product-item-pricing">
<!-- ko if: canApplyMsrp --> <!-- ko if: canApplyMsrp -->
...@@ -83,31 +57,6 @@ ...@@ -83,31 +57,6 @@
type="number" type="number"
size="4" size="4"
class="item-qty cart-item-qty"/> class="item-qty cart-item-qty"/>
<button data-bind="attr: {
id: 'update-cart-item-'+item_id,
'data-cart-item': item_id,
title: $t('Update')
}"
class="update-cart-item"
style="display: none">
<span data-bind="i18n: 'Update'"></span>
</button>
</div>
</div>
<div class="product actions">
<!-- ko if: is_visible_in_site_visibility -->
<div class="primary">
<a data-bind="attr: {href: configure_url, title: $t('Edit item')}" class="action edit">
<span data-bind="i18n: 'Edit'"></span>
</a>
</div>
<!-- /ko -->
<div class="secondary">
<a href="#" data-bind="attr: {'data-cart-item': item_id, title: $t('Remove item')}"
class="action delete">
<span data-bind="i18n: 'Remove'"></span>
</a>
</div> </div>
</div> </div>
</div> </div>
......
app/design/frontend/Joshine/breeze/web/css/_custom.less
...@@ -1632,10 +1632,6 @@ footer{ ...@@ -1632,10 +1632,6 @@ footer{
} }
#minicart-content-wrapper .product-item-details a{ #minicart-content-wrapper .product-item-details a{
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
cursor: pointer;
width: 100%; width: 100%;
display: inline-block; display: inline-block;
color: #333333; color: #333333;
...@@ -2214,6 +2210,13 @@ strong.subtitle.empty{ ...@@ -2214,6 +2210,13 @@ strong.subtitle.empty{
text-transform: uppercase; text-transform: uppercase;
} }
.block-minicart .subtotal{
display: flex;
justify-content: space-between;
margin: 0.5rem 0;
font-weight: 600;
font-size: 18px;
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment