Skip to content

J
joshine
Commit 8ef28937 by lmf
Options

修改支付页面样式

parent dad8f72a
Showing with 18 additions and 52 deletions
app/code/Rokanthemes/OnePageCheckout/view/frontend/layout/onepagecheckout_index_index_default.xml
......@@ -3,8 +3,8 @@
<body>
<referenceContainer name="sidebar.additional" remove="true"/>
<referenceBlock name="top.search" remove="true"/>
<!-- <referenceBlock name="minicart" remove="true"/> -->
<!--<referenceContainer name="footer-container" remove="true"/>-->
<referenceBlock name="minicart" remove="true"/>
<referenceContainer name="footer-container" remove="true"/>
<referenceBlock name="header.panel.wrapper" remove="true"/>
</body>
</page>
app/code/Rokanthemes/OnePageCheckout/view/frontend/requirejs-config.js-o deleted 100644 → 0
var config = {
map: {
'*': {
'Magento_Checkout/template/billing-address/form.html':
'Rokanthemes_OnePageCheckout/template/billing-address/form.html',
'Magento_Checkout/js/model/shipping-rate-service':
'Rokanthemes_OnePageCheckout/js/model/shipping-rate-service',
'Magento_Checkout/js/action/get-payment-information':
'Rokanthemes_OnePageCheckout/js/action/get-payment-information'
}
},
config: {
mixins: {
'Magento_Checkout/js/action/place-order': {
'Rokanthemes_OnePageCheckout/js/model/place-order-mixin': true,
'Magento_CheckoutAgreements/js/model/place-order-mixin': false
},
'Magento_Checkout/js/model/step-navigator': {
'Rokanthemes_OnePageCheckout/js/model/step-navigator-mixin': true
},
'Magento_Checkout/js/action/set-payment-information': {
'Magento_CheckoutAgreements/js/model/set-payment-information-mixin': false,
'Rokanthemes_OnePageCheckout/js/model/set-payment-information-mixin': true
},
'Magento_Checkout/js/model/shipping-rates-validation-rules': {
'Rokanthemes_OnePageCheckout/js/model/shipping-rates-validation-rules-mixin': true
},
'Magento_Paypal/js/in-context/express-checkout-wrapper': {
'Rokanthemes_OnePageCheckout/js/paypal/in-context/express-checkout-wrapper-mixin': true
},
// 'Magento_Paypal/js/view/payment/method-renderer/in-context/checkout-express': {
// 'Rokanthemes_OnePageCheckout/js/paypal/view/payment/method-renderer/in-context/checkout-express': true
// },
'Amazon_Payment/js/view/payment/list': {
'Rokanthemes_OnePageCheckout/js/amazon-pay/view/payment-list': true
},
'Amazon_Payment/js/view/checkout-revert': {
'Rokanthemes_OnePageCheckout/js/amazon-pay/view/checkout-revert-rewrite': true
}
}
}
};
app/code/Rokanthemes/OnePageCheckout/view/frontend/web/template/payment/discount.html
<style type="text/css">
@media(max-width: 1024px){
.payment-option.opc-payment-additional.discount-code{
margin-bottom: 100px;
}
}
</style>
<div class="payment-option opc-payment-additional discount-code" style="background-color: #f9f9f9;padding: 15px;">
<div class="payment-option-content" data-role="content">
<!-- ko foreach: getRegion('messages') -->
......
app/design/frontend/Joshine/breeze/Magento_Checkout/templates/onepage.phtml
......@@ -21,7 +21,6 @@
width: 1px;
height: 30px;
margin-left: 10px;
background-color: #ccc;
vertical-align: middle;
-webkit-transform: rotate(30deg);
transform: rotate(30deg);
......@@ -64,6 +63,11 @@
.header.content{padding-top: 15px !important;margin-bottom: 0px !important;}
}
@media(min-width: 1024px){
li#payment{
margin-top: -9%;
}
}
@media(max-width: 639.98px){
.header.content{padding-top: 15px !important;margin-bottom: 0px !important;}
.page-layout-checkout .header.content{justify-content:unset;gap:unset;}
......@@ -194,8 +198,9 @@
button.action.secondary{
background: #000000;
}
cc
.checkout-payment-method .opc-payment-additional.discount-code{
display: none;
}
.opc-block-summary .payment-option .form-discount .actions-toolbar .action{
background: #000000;
......@@ -323,10 +328,7 @@
margin-top: 100px;
}
#opc-sidebar{
margin-top: 30px;
}
.header.content > a{
margin-left: 0 !important;
margin-top: -5%;
}
}
@media(max-width: 639.98px){
......@@ -368,7 +370,6 @@
vertical-align: bottom;
margin-right: 15px;
}
#checkout-step-shipping_method{padding-bottom: 50px;}
}
</style>
<div id="checkout" data-bind="scope:'checkout'" class="checkout-container">
......
app/design/frontend/Joshine/breeze/web/css/_custom.less
......@@ -135,7 +135,7 @@
right: 112px !important;
}
.header.content > a{
margin-left: 15%;
margin-left: 22%;
}
//.page-header {
......
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