PluginProbe
Product Labels, Quick View, Buy Now, Pre-Orders, Frequently Bought Together & More for WooCommerce – Merchant / 2.3.1
Product Labels, Quick View, Buy Now, Pre-Orders, Frequently Bought Together & More for WooCommerce – Merchant v2.3.1
2.3.2 2.3.1 2.3.0 2.2.8 2.2.7 trunk 1.10.0 1.10.1 1.10.2 1.10.3 1.10.4 1.10.5 1.11.0 1.11.1 1.11.2 1.6 1.7 1.8 1.8.1 1.8.2 1.8.3 1.9.0 1.9.1 1.9.10 1.9.11 All 60 releases
merchant / assets / css / modules / side-cart / admin / preview.css

preview.css in Product Labels, Quick View, Buy Now, Pre-Orders, Frequently Bought Together & More for WooCommerce – Merchant 2.3.1, at assets/css/modules/side-cart/admin/preview.css

192 lines 4.4 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /**
2 * Admin Preview
3 * Side Cart
4 *
5 */
6 .merchant-module-page-setting-box > .merchant-module-page-setting-fields {
7 gap: 24px;
8 }
9 .merchant-module-page-setting-box > .merchant-module-page-setting-fields > .merchant-module-page-setting-field {
10 margin: 0;
11 }
12 .merchant-module-page-setting-box > .merchant-module-page-setting-fields > .merchant-module-page-setting-field[data-id=shortcode_text] {
13 margin-top: 0;
14 }
15
16 .merchant-module-page-preview-browser-inner {
17 display: -webkit-box;
18 display: -ms-flexbox;
19 display: flex;
20 -webkit-box-flex: 0;
21 -ms-flex-positive: 0;
22 flex-grow: 0;
23 width: 100%;
24 margin: auto;
25 padding: 30px 25px 25px;
26 height: 472px;
27 }
28
29 .mrc-preview-single-product-elements {
30 width: 100%;
31 display: -webkit-box;
32 display: -ms-flexbox;
33 display: flex;
34 gap: 25px;
35 }
36 .mrc-preview-single-product-elements .mrc-preview-left-column {
37 width: 30%;
38 min-width: 30%;
39 }
40 .mrc-preview-single-product-elements .mrc-preview-right-column {
41 width: 70%;
42 padding-top: 25px;
43 }
44 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image {
45 background-color: #f5f5f5;
46 height: 12vw;
47 }
48 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image-thumbs {
49 width: 100%;
50 display: -webkit-box;
51 display: -ms-flexbox;
52 display: flex;
53 gap: 10px;
54 -ms-flex-wrap: nowrap;
55 flex-wrap: nowrap;
56 }
57 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image-thumbs .mrc-preview-product-image-thumb {
58 width: 100%;
59 height: 3vw;
60 background-color: #f5f5f5;
61 margin-top: 10px;
62 }
63
64 .mrc-mw-70 {
65 max-width: 70%;
66 }
67
68 .mrc-mw-30 {
69 max-width: 30%;
70 }
71
72 .mrc-mw-40 {
73 max-width: 40%;
74 }
75
76 @media (max-width: 1281px) {
77 .mrc-hide-on-smaller-screens {
78 display: none;
79 }
80 }
81 .mrc-preview-text-placeholder {
82 background-color: #f5f5f5;
83 height: 13px;
84 }
85 .mrc-preview-text-placeholder + .mrc-preview-text-placeholder, .mrc-preview-text-placeholder + .mrc-preview-addtocart-placeholder {
86 margin-top: 15px;
87 }
88
89 .mrc-preview-addtocart-placeholder {
90 background-color: #e5e5e5;
91 width: 140px;
92 height: 30px;
93 }
94
95 @media (max-width: 991px) {
96 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image {
97 height: 33vw;
98 }
99 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image-thumbs .mrc-preview-product-image-thumb {
100 height: 7vw;
101 }
102 }
103 body.merchant-side-cart-show {
104 overflow: auto !important;
105 }
106
107 .merchant-side-cart-checkout-btn,
108 .merchant-side-cart-view-cart-btn {
109 display: none !important;
110 }
111 .merchant-side-cart-checkout-btn.show-btn,
112 .merchant-side-cart-view-cart-btn.show-btn {
113 display: block !important;
114 }
115
116 .merchant-side-cart-floating-cart {
117 position: absolute;
118 pointer-events: all;
119 -webkit-transform: none;
120 transform: none;
121 z-index: 9999999;
122 }
123 .merchant-side-cart-floating-cart.merchant-show {
124 opacity: 1;
125 visibility: visible;
126 }
127 .merchant-side-cart-floating-cart-position-left, .merchant-side-cart-floating-cart.left {
128 left: var(--mrc-fmci-corner-offset, 30px);
129 right: auto !important;
130 -webkit-transform: none;
131 transform: none;
132 }
133 .merchant-side-cart-floating-cart-position-right, .merchant-side-cart-floating-cart.right {
134 left: auto !important;
135 right: var(--mrc-fmci-corner-offset, 30px);
136 -webkit-transform: none;
137 transform: none;
138 }
139
140 .merchant-side-cart {
141 position: absolute;
142 top: 0;
143 right: 0;
144 bottom: 0;
145 width: var(--mrc-fmci-side-cart-width, 380px);
146 max-width: 100%;
147 -webkit-transform: translate3d(100%, 0, 0);
148 transform: translate3d(100%, 0, 0);
149 -webkit-transition: all 0.3s;
150 transition: all 0.3s;
151 }
152 .merchant-side-cart.slide-left {
153 left: 0;
154 right: unset;
155 -webkit-transform: translate3d(-100%, 0, 0);
156 transform: translate3d(-100%, 0, 0);
157 }
158 .merchant-side-cart-overlay {
159 position: absolute;
160 }
161
162 .merchant-side-cart-show .merchant-side-cart {
163 -webkit-transform: none;
164 transform: none;
165 }
166
167 .mrc-product-image {
168 display: block;
169 width: 62px;
170 height: 70px;
171 background-color: #f5f5f5;
172 }
173
174 .merchant-side-cart-widget .product_list_widget {
175 height: 200px !important;
176 }
177
178 .merchant-upsells-badge {
179 background-color: #f0f0f1;
180 color: #757575;
181 border-radius: 15px;
182 padding: 5px 10px;
183 margin-left: 20px;
184 font-weight: normal;
185 font-size: 12px;
186 line-height: 18px;
187 }
188
189 .rtl .merchant-upsells-badge {
190 margin-right: 20px;
191 margin-left: 0;
192 }