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 @@ ...@@ -214,6 +214,9 @@
} }
} }
@media (min-width: 1024px) { @media (min-width: 1024px) {
.box-tocart .fieldset .actions{
width: 100%;
}
#wishlist{ #wishlist{
width: 10%; width: 10%;
float: left; float: left;
......
app/design/frontend/Joshine/breeze/Magento_Checkout/i18n/en_US.csv
...@@ -482,6 +482,7 @@ Required,Required ...@@ -482,6 +482,7 @@ Required,Required
"Cross-Sell Products","Cross-Sell Products" "Cross-Sell Products","Cross-Sell Products"
"Add Selected Products","Add Selected Products" "Add Selected Products","Add Selected Products"
Remove,Remove Remove,Remove
"Cart Subtotal","Subtotal"
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"><?= $block->escapeHtml(__('My Cart')) ?></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 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{ ...@@ -276,17 +276,6 @@ footer .footer_link{
margin-top: 10px; margin-top: 10px;
margin-bottom: 20px; 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{ .page-main > .columns{
...@@ -372,18 +361,6 @@ footer .footer_link{ ...@@ -372,18 +361,6 @@ footer .footer_link{
display: block; 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 { .box-tocart .fieldset .actions {
position: fixed; position: fixed;
...@@ -399,16 +376,6 @@ footer .footer_link{ ...@@ -399,16 +376,6 @@ footer .footer_link{
padding-top: 10px; 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) { @media screen and (max-width:637.98px) {
.header_bar{ .header_bar{
...@@ -562,19 +529,6 @@ ul { ...@@ -562,19 +529,6 @@ ul {
display: block; 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 { .box-tocart .fieldset .actions {
position: fixed; position: fixed;
font-size: larger; font-size: larger;
...@@ -588,17 +542,6 @@ ul { ...@@ -588,17 +542,6 @@ ul {
background: #fff; background: #fff;
padding-top: 10px; 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{ .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