Skip to content

J
joshine
Commit 68114f4c by lmf
Options

测试模板mini购物车

parent b9ee2a9d
Showing with 261 additions and 58 deletions
app/design/frontend/Joshine/breeze/Magento_Catalog/templates/product/view/addtocart.phtml
......@@ -214,6 +214,9 @@
}
}
@media (min-width: 1024px) {
.box-tocart .fieldset .actions{
width: 100%;
}
#wishlist{
width: 10%;
float: left;
......
app/design/frontend/Joshine/breeze/Magento_Checkout/i18n/en_US.csv
......@@ -482,6 +482,7 @@ Required,Required
"Cross-Sell Products","Cross-Sell Products"
"Add Selected Products","Add Selected Products"
Remove,Remove
"Cart Subtotal","Subtotal"
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"><?= $block->escapeHtml(__('My Cart')) ?></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 0 → 100644
<!--
/**
* Copyright © Magento, Inc. All rights reserved.
* See COPYING.txt for license details.
*/
-->
<div class="block-title">
<strong>
<span class="text" translate="'My Cart'"></span>
<span
class="qty empty"
text="getCartParam('summary_count')"
data-bind="css: { empty: !!getCartParam('summary_count') == false },
attr: { title: $t('Items in Cart') }">
</span>
</strong>
</div>
<div class="block-content">
<button type="button"
id="btn-minicart-close"
class="action close"
data-action="close"
data-bind="
attr: {
title: $t('Close')
},
click: closeMinicart()
">
<span translate="'Close'"></span>
</button>
<if args="getCartParam('summary_count')">
<div class="items-total">
<span class="count" if="maxItemsToDisplay < getCartLineItemsCount()" text="maxItemsToDisplay"></span>
<translate args="'of'" if="maxItemsToDisplay < getCartLineItemsCount()"></translate>
<span class="count" text="getCartParam('summary_count')"></span>
<!-- ko if: (getCartParam('summary_count') > 1) -->
<span translate="'Items in Cart'"></span>
<!--/ko-->
<!-- ko if: (getCartParam('summary_count') === 1) -->
<span translate="'Item in Cart'"></span>
<!--/ko-->
</div>
<each args="getRegion('subtotalContainer')" render=""></each>
<each args="getRegion('extraInfo')" render=""></each>
<div class="actions" if="getCartParam('possible_onepage_checkout')">
<div class="primary">
<button
id="top-cart-btn-checkout"
type="button"
class="action primary checkout"
data-action="close"
data-bind="
attr: {
title: $t('Proceed to Checkout')
},
click: closeMinicart()
"
translate="'Proceed to Checkout'">
</button>
<div data-bind="html: getCartParamUnsanitizedHtml('extra_actions')"></div>
</div>
</div>
</if>
<if args="getCartParam('summary_count')">
<strong class="subtitle" translate="'Recently added item(s)'"></strong>
<div data-action="scroll" class="minicart-items-wrapper">
<ol id="mini-cart" class="minicart-items" data-bind="foreach: { data: getCartItems(), as: 'item' }">
<each args="$parent.getRegion($parent.getItemRenderer(item.product_type))"
render="{name: getTemplate(), data: item, afterRender: function() {$parents[1].initSidebar()}}"></each>
</ol>
</div>
</if>
<ifnot args="getCartParam('summary_count')">
<strong class="subtitle empty"
translate="'You have no items in your shopping cart.'"></strong>
<if args="getCartParam('cart_empty_message')">
<p class="minicart empty text" text="getCartParam('cart_empty_message')"></p>
<div class="actions">
<div class="secondary">
<a class="action viewcart" data-bind="attr: {href: shoppingCartUrl}">
<span translate="'View and Edit Cart'"></span>
</a>
</div>
</div>
</if>
</ifnot>
<div class="actions" if="getCartParam('summary_count')">
<div class="secondary">
<a class="action viewcart" data-bind="attr: {href: shoppingCartUrl}">
<span translate="'View and Edit Cart'"></span>
</a>
</div>
</div>
<div id="minicart-widgets" class="minicart-widgets" if="regionHasElements('promotion')">
<each args="getRegion('promotion')" render=""></each>
</div>
</div>
<each args="getRegion('sign-in-popup')" render=""></each>
app/design/frontend/Joshine/breeze/Magento_Checkout/web/template/minicart/item/default.html 0 → 100644
<!--
/**
* Copyright © Magento, Inc. All rights reserved.
* See COPYING.txt for license details.
*/
-->
<li class="item product product-item" data-role="product-item">
<div class="product">
<!-- ko if: product_has_url -->
<a data-bind="attr: {href: product_url, title: product_name}" tabindex="-1" class="product-item-photo">
<!-- ko foreach: $parent.getRegion('itemImage') -->
<!-- ko template: {name: getTemplate(), data: item.product_image} --><!-- /ko -->
<!-- /ko -->
</a>
<!-- /ko -->
<!-- ko ifnot: product_has_url -->
<span class="product-item-photo">
<!-- ko foreach: $parent.getRegion('itemImage') -->
<!-- ko template: {name: getTemplate(), data: item.product_image} --><!-- /ko -->
<!-- /ko -->
</span>
<!-- /ko -->
<div class="product-item-details">
<strong class="product-item-name">
<!-- ko if: product_has_url -->
<a data-bind="attr: {href: product_url}, html: $parent.getProductNameUnsanitizedHtml(product_name)"></a>
<!-- /ko -->
<!-- ko ifnot: product_has_url -->
<span data-bind="html: $parent.getProductNameUnsanitizedHtml(product_name)"></span>
<!-- /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 -->
<div class="details-map">
<span class="label" data-bind="i18n: 'Price'"></span>
<span class="value" data-bind="i18n: 'See price before order confirmation.'"></span>
</div>
<!-- /ko -->
<!-- ko ifnot: canApplyMsrp -->
<!-- ko foreach: $parent.getRegion('priceSidebar') -->
<!-- ko template: {name: getTemplate(), data: item.product_price, as: 'price'} --><!-- /ko -->
<!-- /ko -->
<!-- /ko -->
<div class="details-qty qty">
<label class="label" data-bind="i18n: 'Qty', attr: {
for: 'cart-item-'+item_id+'-qty'}"></label>
<input data-bind="attr: {
id: 'cart-item-'+item_id+'-qty',
'data-cart-item': item_id,
'data-item-qty': qty,
'data-cart-item-id': product_sku
}, value: qty"
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>
</div>
<div class="message notice" if="$data.message">
<div data-bind="text: $data.message"></div>
</div>
</li>
app/design/frontend/Joshine/breeze/Magento_Checkout/web/template/minicart/item/price.html 0 → 100644
<!--
/**
* Copyright © Magento, Inc. All rights reserved.
* See COPYING.txt for license details.
*/
-->
<div class="price-container">
<span class="price-wrapper" data-bind="html: price"></span>
</div>
app/design/frontend/Joshine/breeze/Magento_Checkout/web/template/minicart/subtotal.html 0 → 100644
<!--
/**
* Copyright © Magento, Inc. All rights reserved.
* See COPYING.txt for license details.
*/
-->
<div class="subtotal">
<span class="label">
<!-- ko i18n: 'Cart Subtotal' --><!-- /ko -->
</span>
<!-- ko foreach: elems -->
<!-- ko template: getTemplate() --><!-- /ko -->
<!-- /ko -->
</div>
app/design/frontend/Joshine/breeze/Magento_Checkout/web/template/minicart/subtotal/totals.html 0 → 100644
<!--
/**
* Copyright © Magento, Inc. All rights reserved.
* See COPYING.txt for license details.
*/
-->
<div class="amount price-container">
<span class="price-wrapper" data-bind="html: cart().subtotal"></span>
</div>
app/design/frontend/Joshine/breeze/web/css/_custom.less
......@@ -276,17 +276,6 @@ footer .footer_link{
margin-top: 10px;
margin-bottom: 20px;
}
//.product-info-wrapper .page-title-wrapper span.base{
// text-transform: none;
// font-weight: 400;
// color: #292929;
// padding-bottom: 1px;
// margin-bottom: 0;
// font-family: Outfit-Regular, sans-serif;
// font-size: 20px;
// display: block !important;
// margin-top: 1px !important;
//}
.page-main > .columns{
......@@ -372,18 +361,6 @@ footer .footer_link{
display: block;
}
//.product-info-wrapper .page-title-wrapper h1{
// text-overflow: ellipsis;
// white-space: nowrap;
// overflow: hidden;
// cursor: pointer;
// width: 100%;
// display: inline-block;
// color: #222222;
// margin-top: 15px;
// font-family: Outfit-Regular;
// font-size: 16px;
//}
.box-tocart .fieldset .actions {
position: fixed;
......@@ -399,16 +376,6 @@ footer .footer_link{
padding-top: 10px;
}
//#maincontent .columns .column .main .product-info-wrapper .page-title-wrapper .product{
// text-overflow: ellipsis;
// white-space: nowrap;
// overflow: hidden;
// cursor: pointer;
// width: 100%;
// display: inline-block;
// color: #222222;
// margin-top: 5px;
//}
}
@media screen and (max-width:637.98px) {
.header_bar{
......@@ -562,19 +529,6 @@ ul {
display: block;
}
//.product-info-wrapper .page-title-wrapper h1{
// text-overflow: ellipsis;
// white-space: nowrap;
// overflow: hidden;
// cursor: pointer;
// width: 100%;
// display: inline-block;
// color: #222222;
// margin-top: 15px;
// font-family: Outfit-Regular;
// font-size: 16px;
//}
.box-tocart .fieldset .actions {
position: fixed;
font-size: larger;
......@@ -588,17 +542,6 @@ ul {
background: #fff;
padding-top: 10px;
}
//#maincontent .columns .column .main .product-info-wrapper .page-title-wrapper .product{
// text-overflow: ellipsis;
// white-space: nowrap;
// overflow: hidden;
// cursor: pointer;
// width: 100%;
// display: inline-block;
// color: #222222;
// margin-top: 5px;
//}
}
.price-final_price .price,.product-item-details > .price-box > .price{
......
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