PluginProbe
Product Labels, Quick View, Buy Now, Pre-Orders, Frequently Bought Together & More for WooCommerce – Merchant / 1.9.11
Product Labels, Quick View, Buy Now, Pre-Orders, Frequently Bought Together & More for WooCommerce – Merchant v1.9.11
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 / frequently-bought-together / admin / preview.css

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

150 lines 3.7 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /**
2 * Admin Preview
3 * Frequently Bought Together
4 *
5 */
6 .merchant-flexible-content-control.frequently-bought-together-style .layout:not(.active) {
7 border-color: #5c5f62;
8 }
9 .merchant-flexible-content-control.frequently-bought-together-style .layout .layout-body {
10 padding: 15px;
11 grid-gap: unset;
12 }
13 .merchant-flexible-content-control.frequently-bought-together-style .layout .layout-body .merchant-module-page-setting-field {
14 margin-bottom: 20px;
15 }
16 .merchant-flexible-content-control.frequently-bought-together-style .layout .layout-body .merchant-module-page-setting-field-text input {
17 padding: 12px 8px;
18 }
19
20 .merchant-module-page-preview-browser-inner {
21 display: -webkit-box;
22 display: -ms-flexbox;
23 display: flex;
24 -webkit-box-flex: 0;
25 -ms-flex-positive: 0;
26 flex-grow: 0;
27 width: 100%;
28 margin: auto;
29 padding: 35px 25px 50px;
30 }
31
32 .mrc-preview-single-product-elements {
33 width: 100%;
34 display: -webkit-box;
35 display: -ms-flexbox;
36 display: flex;
37 gap: 25px;
38 }
39 .mrc-preview-single-product-elements .mrc-preview-left-column {
40 width: 30%;
41 min-width: 30%;
42 }
43 .mrc-preview-single-product-elements .mrc-preview-right-column {
44 width: 70%;
45 padding-top: 25px;
46 }
47 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image {
48 background-color: #f5f5f5;
49 height: 12vw;
50 }
51 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image-thumbs {
52 width: 100%;
53 display: -webkit-box;
54 display: -ms-flexbox;
55 display: flex;
56 gap: 10px;
57 -ms-flex-wrap: nowrap;
58 flex-wrap: nowrap;
59 }
60 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image-thumbs .mrc-preview-product-image-thumb {
61 width: 100%;
62 height: 3vw;
63 background-color: #f5f5f5;
64 margin-top: 10px;
65 }
66
67 .mrc-mw-70 {
68 max-width: 70%;
69 }
70
71 .mrc-mw-30 {
72 max-width: 30%;
73 }
74
75 .mrc-mw-40 {
76 max-width: 40%;
77 }
78
79 .mrc-preview-text-placeholder {
80 background-color: #f5f5f5;
81 height: 13px;
82 }
83 .mrc-preview-text-placeholder + .mrc-preview-text-placeholder, .mrc-preview-text-placeholder + .mrc-preview-addtocart-placeholder {
84 margin-top: 15px;
85 }
86
87 .mrc-preview-addtocart-placeholder {
88 background-color: #e5e5e5;
89 width: 140px;
90 height: 30px;
91 }
92
93 @media (max-width: 991px) {
94 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image {
95 height: 33vw;
96 }
97 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image-thumbs .mrc-preview-product-image-thumb {
98 height: 7vw;
99 }
100 }
101 .merchant-frequently-bought-together {
102 margin: 0 auto;
103 }
104
105 .merchant-frequently-bought-together-bundle-product {
106 max-width: 140px;
107 }
108
109 .merchant-frequently-bought-together-bundle-product:not(:first-child) {
110 border: 1px solid;
111 }
112
113 @media (max-width: 1300px) {
114 .merchant-frequently-bought-together-bundle-product {
115 max-width: 120px;
116 }
117 .merchant-frequently-bought-together-bundle-product:not(:first-child) img {
118 max-width: 80px;
119 }
120 }
121 .merchant-frequently-bought-together-bundle-product-plus {
122 right: -34px;
123 font-size: 20px;
124 width: 25px;
125 height: 25px;
126 }
127
128 .merchant-frequently-bought-together-bundles .woocommerce-loop-product__title a {
129 text-decoration: none;
130 }
131 .merchant-frequently-bought-together-bundles .merchant-add-bundle-to-cart {
132 background-color: #212121;
133 color: #FFF;
134 border-color: #212121;
135 pointer-events: none;
136 }
137
138 .merchant-frequently-bought-together-bundle-total-price {
139 display: -webkit-box;
140 display: -ms-flexbox;
141 display: flex;
142 -webkit-box-align: center;
143 -ms-flex-align: center;
144 align-items: center;
145 gap: 10px;
146 }
147 .merchant-frequently-bought-together-bundle-total-price ins {
148 text-decoration: none;
149 font-weight: 700;
150 }