PluginProbe
Product Labels, Quick View, Buy Now, Pre-Orders, Frequently Bought Together & More for WooCommerce – Merchant / 1.6
Product Labels, Quick View, Buy Now, Pre-Orders, Frequently Bought Together & More for WooCommerce – Merchant v1.6
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 / product-swatches / admin / preview.css

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

116 lines 2.3 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /**
2 * Admin Preview
3 * Sticky Add To Cart
4 *
5 */
6 .merchant-module-page-preview-browser-inner {
7 display: -webkit-box;
8 display: -ms-flexbox;
9 display: flex;
10 -webkit-box-flex: 0;
11 -ms-flex-positive: 0;
12 flex-grow: 0;
13 width: 100%;
14 margin: auto;
15 padding: 50px 25px;
16 }
17
18 .mrc-preview-single-product-elements {
19 width: 100%;
20 display: -webkit-box;
21 display: -ms-flexbox;
22 display: flex;
23 gap: 25px;
24 }
25
26 .mrc-preview-single-product-elements .mrc-preview-left-column {
27 width: 30%;
28 min-width: 30%;
29 }
30
31 .mrc-preview-single-product-elements .mrc-preview-right-column {
32 width: 70%;
33 padding-top: 25px;
34 }
35
36 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image {
37 background-color: #f5f5f5;
38 height: 12vw;
39 }
40
41 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image-thumbs {
42 width: 100%;
43 display: -webkit-box;
44 display: -ms-flexbox;
45 display: flex;
46 gap: 10px;
47 -ms-flex-wrap: nowrap;
48 flex-wrap: nowrap;
49 }
50
51 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image-thumbs .mrc-preview-product-image-thumb {
52 width: 100%;
53 height: 3vw;
54 background-color: #f5f5f5;
55 margin-top: 10px;
56 }
57
58 .mrc-mw-70 {
59 max-width: 70%;
60 }
61
62 .mrc-mw-30 {
63 max-width: 30%;
64 }
65
66 .mrc-mw-40 {
67 max-width: 40%;
68 }
69
70 .mrc-preview-text-placeholder {
71 background-color: #f5f5f5;
72 height: 13px;
73 }
74
75 .mrc-preview-text-placeholder + .mrc-preview-text-placeholder,
76 .mrc-preview-text-placeholder + .mrc-preview-addtocart-placeholder {
77 margin-top: 15px;
78 }
79
80 .mrc-preview-addtocart-placeholder {
81 background-color: #e5e5e5;
82 width: 140px;
83 height: 30px;
84 }
85
86 @media (max-width: 991px) {
87 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image {
88 height: 33vw;
89 }
90 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image-thumbs .mrc-preview-product-image-thumb {
91 height: 7vw;
92 }
93 }
94
95 .merchant-variations-wrapper .merchant-variation-type-image > a img {
96 width: 100%;
97 height: 100%;
98 }
99
100 table.variations {
101 margin: 15px 0;
102 }
103
104 table.variations tr td.value {
105 padding: 10px;
106 }
107
108 table.variations tr th {
109 text-align: left;
110 padding-right: 10px;
111 }
112
113 .single-product .variations select {
114 width: 100%;
115 }
116