Skip to content

Commit c34185b

Browse files
poojarazorpoojarazor
committed
design and text changes
1 parent a3f4eee commit c34185b

5 files changed

+102
-106
lines changed

‎public/css/1cc-product-checkout.css

Lines changed: 98 additions & 102 deletions
Original file line numberDiff line numberDiff line change
@@ -1,139 +1,135 @@
11
#btn-1cc-mini-cart {
2-
display: block !important;
3-
width: 100%;
2+
display: block !important;
3+
width: 100%;
44
}
55
#rzp-spinner-backdrop {
6-
position: fixed;
7-
top: 0;
8-
left: 0;
9-
z-index: 9999;
10-
width: 100%;
11-
height: 100%;
12-
background: rgba(0, 0, 0);
13-
visibility: hidden;
14-
opacity: 0;
6+
position: fixed;
7+
top: 0;
8+
left: 0;
9+
z-index: 9999;
10+
width: 100%;
11+
height: 100%;
12+
background: rgba(0, 0, 0);
13+
visibility: hidden;
14+
opacity: 0;
1515
}
1616
#rzp-spinner-backdrop.show {
17-
visibility: visible;
18-
opacity: 0.4;
17+
visibility: visible;
18+
opacity: 0.4;
1919
}
2020
#rzp-spinner {
21-
visibility: hidden;
22-
opacity: 0;
23-
/* positioning and centering */
24-
position: fixed;
25-
left: 0;
26-
top: 0;
27-
bottom: 0;
28-
right: 0;
29-
margin: auto;
30-
z-index: 10000;
31-
display: flex !important;
32-
align-items: center;
33-
justify-content: center;
21+
visibility: hidden;
22+
opacity: 0;
23+
/* positioning and centering */
24+
position: fixed;
25+
left: 0;
26+
top: 0;
27+
bottom: 0;
28+
right: 0;
29+
margin: auto;
30+
z-index: 10000;
31+
display: flex !important;
32+
align-items: center;
33+
justify-content: center;
3434
}
3535
#rzp-spinner.show {
36-
visibility: visible;
37-
opacity: 1;
36+
visibility: visible;
37+
opacity: 1;
3838
}
3939
@keyframes rotate {
40-
0% {
41-
transform: rotate(0);
42-
}
43-
100% {
44-
transform: rotate(360deg);
45-
}
40+
0% {
41+
transform: rotate(0);
42+
}
43+
100% {
44+
transform: rotate(360deg);
45+
}
4646
}
4747
#loading-indicator {
48-
border-radius: 50%;
49-
width: 80px;
50-
height: 80px;
51-
border: 4px solid;
52-
border-color: rgb(59, 124, 245) transparent rgb(59, 124, 245) rgb(59, 124, 245) !important;
53-
animation: 1s linear 0s infinite normal none running rotate;
54-
margin-top: 2px;
55-
box-sizing: content-box;
48+
border-radius: 50%;
49+
width: 80px;
50+
height: 80px;
51+
border: 4px solid;
52+
border-color: rgb(59, 124, 245) transparent rgb(59, 124, 245) rgb(59, 124, 245) !important;
53+
animation: 1s linear 0s infinite normal none running rotate;
54+
margin-top: 2px;
55+
box-sizing: content-box;
5656
}
5757
#icon {
58-
position: absolute;
58+
position: absolute;
5959
}
60-
#rzp-logo{
61-
width: auto;
62-
height: 80px !important;
60+
#rzp-logo {
61+
width: auto;
62+
height: 80px !important;
6363
}
6464
@media (max-device-height: 768px), (max-device-width: 768px) {
65-
#loading-indicator {
66-
width: 45px;
67-
height: 45px;
68-
}
69-
#rzp-logo {
70-
height: 45px !important;
71-
}
65+
#loading-indicator {
66+
width: 45px;
67+
height: 45px;
68+
}
69+
#rzp-logo {
70+
height: 45px !important;
71+
}
7272
}
7373
.button-1cc-wrapper {
74-
display: flex;
75-
font-size: 11px;
76-
align-items: center;
77-
justify-content: center;
74+
display: flex;
75+
font-size: 11px;
76+
align-items: center;
77+
justify-content: center;
7878
}
7979
.button-1cc-text {
80-
padding-left: 5px;
81-
color: #fff !important;
80+
padding-left: 5px;
81+
color: #fff !important;
82+
padding-top: 3px;
8283
}
8384
.btn-1cc-container {
84-
background-image: linear-gradient(to right, #005BF2, #1E4C9C) !important;
85-
margin-left: 5px;
86-
color: white;
87-
margin-top: 12px;
88-
border-radius: 4px !important;
89-
font-weight: bold;
90-
margin: 0px;
91-
}
85+
background-image: linear-gradient(to right, #005BF2, #1E4C9C) !important;
86+
margin-left: 5px;
87+
color: white;
88+
margin-top: 12px;
89+
border-radius: 4px !important;
90+
font-weight: bold;
91+
margin: 0px;
92+
}
9293
.rzp-btn-icon {
93-
display: flex;
94-
justify-content: center;
95-
padding: 5px 0px 10px
94+
display: flex;
95+
justify-content: center;
96+
padding: 5px 0px 10px
9697
}
9798
.btn-1cc-section {
98-
display: flex;
99-
flex-direction: column;
100-
width: 100%;
101-
align-items: center;
99+
display: flex;
100+
flex-direction: column;
101+
width: 100%;
102+
align-items: center;
102103
}
103104
#btn-1cc-pdp {
104-
display: flex;
105-
align-items: center;
106-
margin-left: 5px;
105+
display: flex;
106+
align-items: center;
107+
margin-left: 5px;
108+
justify-content: center;
109+
margin-bottom: 0px;
110+
border: transparent;
111+
padding: 10px 20px;
107112
}
108113
#btn-1cc-pdp:before {
109-
content: '' !important;
114+
content: '' !important;
115+
margin: 0px;
110116
}
111117
#btn-1cc-pdp:after {
112-
content: '' !important;
118+
content: '' !important;
113119
}
114120
#btn-1cc:after {
115-
content: '' !important;
121+
content: '' !important;
116122
}
117123
#btn-1cc {
118-
display: flex !important;
119-
justify-content: center;
120-
align-items: center;
121-
width: 100%;
122-
}
123-
124-
125-
126-
127-
128-
129-
130-
131-
132-
133-
134-
135-
136-
137-
138-
139-
124+
display: flex !important;
125+
justify-content: center;
126+
align-items: center;
127+
width: 100%;
128+
margin-bottom: 0px;
129+
border: transparent;
130+
}
131+
#btn-1cc-mini-cart {
132+
background: linear-gradient(to right, #005BF2, #1E4C9C) !important;
133+
border: transparent;
134+
margin-bottom: 0px;
135+
}

‎templates/rzp-dual-checkout-btn.php

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ class="rzp-dual-checkout-button checkout-button button alt wc-forward btn-1cc-co
99
<path d="M5.14321 4.72412L4.47803 7.1758L8.28423 4.71034L5.7951 14.0119L8.32281 14.0142L11.9999 0.275635L5.14321 4.72412Z" fill="#F4F6FE"/>
1010
<path d="M1.04646 10.1036L0 14.0138H5.18124C5.18124 14.0138 7.3005 6.06116 7.30109 6.05884C7.2991 6.06011 1.04646 10.1036 1.04646 10.1036Z" fill="#F4F6FE"/>
1111
</svg>
12-
<span class="button-1cc-text">CHECKOUT WITH MAGIC</span>
12+
<span class="button-1cc-text">CHECKOUT WITH RAZORPAY MAGIC</span>
1313
</div>
1414
</button>
1515
<div class="rzp-btn-icon">

‎templates/rzp-dual-mini-checkout-btn.php

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ class="button checkout wc-forward btn-1cc-container"
1111
<path d="M5.14321 4.72412L4.47803 7.1758L8.28423 4.71034L5.7951 14.0119L8.32281 14.0142L11.9999 0.275635L5.14321 4.72412Z" fill="#F4F6FE"/>
1212
<path d="M1.04646 10.1036L0 14.0138H5.18124C5.18124 14.0138 7.3005 6.06116 7.30109 6.05884C7.2991 6.06011 1.04646 10.1036 1.04646 10.1036Z" fill="#F4F6FE"/>
1313
</svg>
14-
<span class="button-1cc-text">CHECKOUT WITH MAGIC</span>
14+
<span class="button-1cc-text">CHECKOUT WITH RAZORPAY MAGIC</span>
1515
</div>
1616
</button>
1717
<div class="rzp-btn-icon">

‎templates/rzp-pdp-dual-checkout-btn.php

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@ class="button alt single_add_to_cart_button btn-1cc-container"
1616
<path d="M5.14321 4.72412L4.47803 7.1758L8.28423 4.71034L5.7951 14.0119L8.32281 14.0142L11.9999 0.275635L5.14321 4.72412Z" fill="#F4F6FE"/>
1717
<path d="M1.04646 10.1036L0 14.0138H5.18124C5.18124 14.0138 7.3005 6.06116 7.30109 6.05884C7.2991 6.06011 1.04646 10.1036 1.04646 10.1036Z" fill="#F4F6FE"/>
1818
</svg>
19-
<span class="button-1cc-text">CHECKOUT WITH MAGIC</span>
19+
<span class="button-1cc-text">BUY NOW WITH RAZORPAY MAGIC</span>
2020
</div>
2121
</button>
2222
<div class="rzp-btn-icon">

‎woo-razorpay.php

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -164,7 +164,7 @@ public function __construct($hooks = true)
164164
if (!empty($merchantPreferences['features']['one_click_checkout'])) {
165165
$is1ccAvailable = true;
166166
}
167-
// if (!empty($merchantPreferences['features']['1CC_dual_checkout'])) {
167+
// if (!empty($merchantPreferences['features']['one_cc_dual_checkout'])) {
168168
// $isDualCheckoutEnabled = true;
169169
// }
170170

0 commit comments

Comments
 (0)