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

132 lines 3.0 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-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: 35px 25px 50px;
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 .mrc-preview-single-product-elements .mrc-preview-left-column {
26 width: 30%;
27 min-width: 30%;
28 }
29 .mrc-preview-single-product-elements .mrc-preview-right-column {
30 width: 70%;
31 padding-top: 25px;
32 }
33 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image {
34 background-color: #f5f5f5;
35 height: 12vw;
36 }
37 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image-thumbs {
38 width: 100%;
39 display: -webkit-box;
40 display: -ms-flexbox;
41 display: flex;
42 gap: 10px;
43 -ms-flex-wrap: nowrap;
44 flex-wrap: nowrap;
45 }
46 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image-thumbs .mrc-preview-product-image-thumb {
47 width: 100%;
48 height: 3vw;
49 background-color: #f5f5f5;
50 margin-top: 10px;
51 }
52
53 .mrc-mw-70 {
54 max-width: 70%;
55 }
56
57 .mrc-mw-30 {
58 max-width: 30%;
59 }
60
61 .mrc-mw-40 {
62 max-width: 40%;
63 }
64
65 .mrc-preview-text-placeholder {
66 background-color: #f5f5f5;
67 height: 13px;
68 }
69 .mrc-preview-text-placeholder + .mrc-preview-text-placeholder, .mrc-preview-text-placeholder + .mrc-preview-addtocart-placeholder {
70 margin-top: 15px;
71 }
72
73 .mrc-preview-addtocart-placeholder {
74 background-color: #e5e5e5;
75 width: 140px;
76 height: 30px;
77 }
78
79 @media (max-width: 991px) {
80 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image {
81 height: 33vw;
82 }
83 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image-thumbs .mrc-preview-product-image-thumb {
84 height: 7vw;
85 }
86 }
87 .merchant-frequently-bought-together {
88 margin: 0 auto;
89 }
90
91 .merchant-frequently-bought-together-bundle-product {
92 max-width: 140px;
93 }
94
95 @media (max-width: 1300px) {
96 .merchant-frequently-bought-together-bundle-product {
97 max-width: 120px;
98 }
99 .merchant-frequently-bought-together-bundle-product:not(:first-child) img {
100 max-width: 80px;
101 }
102 }
103 .merchant-frequently-bought-together-bundle-product-plus {
104 right: -34px;
105 font-size: 20px;
106 width: 25px;
107 height: 25px;
108 }
109
110 .merchant-frequently-bought-together-bundles .woocommerce-loop-product__title a {
111 text-decoration: none;
112 }
113 .merchant-frequently-bought-together-bundles .merchant-add-bundle-to-cart {
114 background-color: #212121;
115 color: #FFF;
116 border-color: #212121;
117 pointer-events: none;
118 }
119
120 .merchant-frequently-bought-together-bundle-total-price {
121 display: -webkit-box;
122 display: -ms-flexbox;
123 display: flex;
124 -webkit-box-align: center;
125 -ms-flex-align: center;
126 align-items: center;
127 gap: 10px;
128 }
129 .merchant-frequently-bought-together-bundle-total-price ins {
130 text-decoration: none;
131 font-weight: 700;
132 }