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
"Add Selected Products","Add Selected Products"
Remove,Remove
"Cart Subtotal","Subtotal"
"View and Edit Cart","View and Edit Cart"
"View and Edit Cart","View Cart"
Thumbnail,Thumbnail
Actions,Actions
"Schedule Update From","Schedule Update From"
......
app/design/frontend/Joshine/breeze/Magento_Checkout/templates/cart/minicart.phtml
......@@ -11,7 +11,6 @@
<div data-block="minicart" class="minicart-wrapper">
<a class="action showcart" href="<?= $block->escapeUrl($block->getShoppingCartUrl()) ?>"
data-bind="scope: 'minicart_content'">
<span class="text"></span>
<span class="counter qty empty"
data-bind="css: { empty: !!getCartParam('summary_count') == false && !isLoading() },
blockLoader: isLoading">
......
app/design/frontend/Joshine/breeze/Magento_Checkout/web/template/minicart/content.html
......@@ -6,7 +6,6 @@
-->
<div class="block-title">
<strong>
<span class="text" translate="'My Cart'"></span>
<span
class="qty empty"
text="getCartParam('summary_count')"
......
app/design/frontend/Joshine/breeze/Magento_Checkout/web/template/minicart/item/default.html
......@@ -31,32 +31,6 @@
<!-- /ko -->
</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">
<!-- ko if: canApplyMsrp -->
......@@ -83,31 +57,6 @@
type="number"
size="4"
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>
......
app/design/frontend/Joshine/breeze/web/css/_custom.less
......@@ -1632,10 +1632,6 @@ footer{
}
#minicart-content-wrapper .product-item-details a{
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
cursor: pointer;
width: 100%;
display: inline-block;
color: #333333;
......@@ -2214,6 +2210,13 @@ strong.subtitle.empty{
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