Perfect Brands for WooCommerce - Version 2.1.7

Version Description

Download this release

Release Info

Developer quadlayers
Plugin Icon 128x128 Perfect Brands for WooCommerce
Version 2.1.7
Comparing to
See all releases

Code changes from version 2.1.6 to 2.1.7

Files changed (4) hide show
  1. assets/css/styles-frontend.css +339 -262
  2. assets/css/styles-frontend.min.css +1 -1
  3. perfect-woocommerce-brands.php +2 -2
  4. readme.txt +2 -0
assets/css/styles-frontend.css CHANGED
@@ -1,62 +1,75 @@
1
  /* ----------------------- Global ----------------------- */
2
- .pwb-clearfix:after{
3
- content: "";
4
- display: table;
5
- clear: both;
6
  }
7
- .pwb-before-loop{
8
- margin-bottom: 1em;
 
9
  }
10
- .pwb-after-loop{
11
- margin-top: 1em;
 
12
  }
 
13
  /* ----------------------- /Global ----------------------- */
14
 
15
  /* ----------------------- Carousels ----------------------- */
16
- .pwb-carousel .pwb-slick-slide a{
17
- display: block;
18
- }
19
- .pwb-carousel .pwb-slick-slide a > img{
20
- margin: 0 auto;
21
- }
22
- .pwb-carousel .pwb-slick-slide, .pwb-product-carousel .pwb-slick-slide{
23
- margin: 0 10px;
24
- }
25
- .pwb-carousel .slick-prev, .pwb-carousel .slick-next,
26
- .pwb-product-carousel .slick-prev, .pwb-product-carousel .slick-next{
27
- font-size: 0;
28
- position: absolute;
29
- top: 0;
30
- bottom: 0;
31
- display: block;
32
- cursor: pointer;
33
- font-size: 22px;
34
- width: 30px;
35
- overflow: hidden;
36
- text-align: center;
37
- color: #aeaeae;
38
- border: none;
39
- outline: none;
40
- z-index: 999;
41
- background: #eee;
42
- opacity: 0;
43
- transition: opacity 0.3s ease-in-out;
44
- -webkit-transition: opacity 0.3s ease-in-out;
45
- -moz-transition: opacity 0.3s ease-in-out;
46
- -o-transition: opacity 0.3s ease-in-out;
47
- }
48
- .pwb-carousel .slick-prev > span, .pwb-carousel .slick-next > span,
49
- .pwb-product-carousel .slick-prev > span, .pwb-product-carousel .slick-next > span{
50
- display: inline-block;
51
- height: 20px;
52
- width: 20px;
53
- padding: 10px;
54
- position: absolute;
55
- top: 50%;
56
- margin-top: -20px;
57
- left: 0;
58
- right: 0;
59
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
60
  .pwb-carousel .slick-prev:hover,
61
  .pwb-carousel .slick-prev:focus,
62
  .pwb-carousel .slick-next:hover,
@@ -64,290 +77,354 @@
64
  .pwb-product-carousel .slick-prev:hover,
65
  .pwb-product-carousel .slick-prev:focus,
66
  .pwb-product-carousel .slick-next:hover,
67
- .pwb-product-carousel .slick-next:focus{
68
- outline: none;
69
  }
70
- .pwb-carousel .slick-prev, .pwb-product-carousel .slick-prev{
71
- left: 0;
 
 
72
  }
73
- .pwb-carousel .slick-next, .pwb-product-carousel .slick-next{
74
- right: 0;
 
 
75
  }
76
- .pwb-carousel:hover .slick-next,.pwb-carousel:hover .slick-prev,
77
- .pwb-product-carousel:hover .slick-next,.pwb-product-carousel:hover .slick-prev{
78
- opacity: 0.8;
 
 
 
79
  }
80
- .pwb-product-carousel .pwb-amount{
81
- display: block;
82
- width: 100%;
83
- margin-bottom: 12px;
 
84
  }
 
85
  /* ------ Preloader ------ */
86
- .pwb-carousel, .pwb-product-carousel{
87
- min-height: 30px;
 
88
  }
 
89
  .pwb-carousel .pwb-slick-slide,
90
- .pwb-product-carousel .pwb-slick-slide{
91
- display: none;
92
  }
 
93
  .pwb-carousel.slick-initialized .pwb-slick-slide,
94
- .pwb-product-carousel.slick-initialized .pwb-slick-slide{
95
- display: block;
96
  }
 
97
  .pwb-carousel .slick-list,
98
  .pwb-product-carousel .slick-list {
99
- opacity: 0;
100
- position: absolute;
101
  }
 
102
  .pwb-carousel.slick-initialized,
103
  .pwb-product-carousel.slick-initialized {
104
- min-height: none;
105
  }
 
106
  .pwb-carousel.slick-initialized .slick-list,
107
  .pwb-product-carousel.slick-initialized .slick-list {
108
- opacity: 1;
109
- position: relative;
110
- transition: opacity 0.2s ease-in;
111
  }
 
112
  .pwb-carousel.slick-initialized .pwb-carousel-loader,
113
  .pwb-product-carousel.slick-initialized .pwb-carousel-loader {
114
- display: none!important;
115
- opacity: 0!important;
116
- }
117
- .pwb-carousel-loader{
118
- font-size: 10px;
119
- margin: 50px auto;
120
- text-indent: -9999em;
121
- width: 30px;
122
- height: 30px;
123
- border-radius: 50%;
124
- background: #525252;
125
- background: -moz-linear-gradient(left, #525252 10%, rgba(82,82,82, 0) 42%);
126
- background: -webkit-linear-gradient(left, #525252 10%, rgba(82,82,82, 0) 42%);
127
- background: -o-linear-gradient(left, #525252 10%, rgba(82,82,82, 0) 42%);
128
- background: -ms-linear-gradient(left, #525252 10%, rgba(82,82,82, 0) 42%);
129
- background: linear-gradient(to right, #525252 10%, rgba(82,82,82, 0) 42%);
130
- position: relative;
131
- -webkit-animation: PWBCarouselLoader 1.4s infinite linear;
132
- animation: PWBCarouselLoader 1.4s infinite linear;
133
- -webkit-transform: translateZ(0);
134
- -ms-transform: translateZ(0);
135
- transform: translateZ(0);
 
136
  }
 
137
  .pwb-carousel-loader:before {
138
- width: 50%;
139
- height: 50%;
140
- background: #525252;
141
- border-radius: 100% 0 0 0;
142
- position: absolute;
143
- top: 0;
144
- left: 0;
145
- content: '';
146
  }
 
147
  .pwb-carousel-loader:after {
148
- background: #ffffff;
149
- width: 75%;
150
- height: 75%;
151
- border-radius: 50%;
152
- content: '';
153
- margin: auto;
154
- position: absolute;
155
- top: 0;
156
- left: 0;
157
- bottom: 0;
158
- right: 0;
159
  }
 
160
  @-webkit-keyframes PWBCarouselLoader {
161
- 0% {
162
- -webkit-transform: rotate(0deg);
163
- transform: rotate(0deg);
164
- }
165
- 100% {
166
- -webkit-transform: rotate(360deg);
167
- transform: rotate(360deg);
168
- }
 
169
  }
 
170
  @keyframes PWBCarouselLoader {
171
- 0% {
172
- -webkit-transform: rotate(0deg);
173
- transform: rotate(0deg);
174
- }
175
- 100% {
176
- -webkit-transform: rotate(360deg);
177
- transform: rotate(360deg);
178
- }
 
179
  }
 
180
  /* ------ /Preloader ------ */
181
 
182
  /* ----------------------- /Carousels ----------------------- */
183
 
184
  /* ----------------------- PWB All Brands ----------------------- */
185
- .pwb-brands-cols-outer{
186
- margin-left: -15px;
187
- margin-right: -15px;
188
- }
189
- .pwb-all-brands .pwb-pagination-wrapper{
190
- margin-top: 20px;
191
- padding-top: 10px;
192
- border-top: 1px solid #ededed;
193
- text-align: right;
194
- }
195
- .pwb-all-brands .pwb-pagination{
196
- display: inline-block;
197
- margin-right: 10px;
198
- background-color: #ededed;
199
- color: #333;
200
- text-align: center;
201
- padding: 10px;
202
- }
203
- .pwb-all-brands .pwb-brands-cols-outer:after{
204
- content: "";
205
- display: table;
206
- clear: both;
207
- }
208
- .pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3{
209
- padding: 0 15px;
210
- width: 20%;
211
- float: left;
212
- }
213
- .pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3 > p:first-child{
214
- height: 25px;
215
- overflow: hidden;
216
- font-size: 14px;
 
 
 
 
 
217
  }
 
218
  /* ----------------------- /PWB All Brands ----------------------- */
219
 
220
  /* ----------------------- PWB AZ Listing ----------------------- */
221
- .pwb-az-listing-row{
222
- margin-bottom: 20px;
223
- }
224
- .pwb-az-listing-row-in{
225
- margin-left: -5px;
226
- margin-right: -5px;
227
- }
228
- .pwb-az-listing-col{
229
- padding: 5px;
230
- }
231
- .pwb-az-listing-col > a{
232
- display: block;
233
- text-transform: uppercase;
234
- white-space:nowrap;
235
- overflow:hidden;
236
- }
237
- .pwb-az-listing-title{
238
- border-bottom: 1px solid #ddd;
239
- font-weight: bold;
240
- font-size: 115%;
241
- text-transform: uppercase;
242
- }
243
- .pwb-az-listing-header{
244
- margin-bottom: 30px;
245
- }
246
- .pwb-az-listing-header ul{
247
- margin: 0;
248
- padding: 0;
249
- list-style: none;
250
- margin-right: -2px;
251
- margin-left: -2px;
252
- }
253
- .pwb-az-listing-header li{
254
- display: inline-block;
255
- float: left;
256
- width: 25px;
257
- height: 25px;
258
- margin: 2px;
259
- line-height: 25px;
260
- border: 1px solid #ddd;
261
- text-align: center;
262
- }
263
- .pwb-az-listing-header a{
264
- text-transform: uppercase;
 
 
 
 
 
 
 
 
265
  }
 
266
  /* ----------------------- /PWB AZ Listing ----------------------- */
267
 
268
  /* ----------------------- Filter products widget ----------------------- */
269
- .pwb-filter-products input[type="checkbox"]{
270
- margin-right: 10px;
271
  }
272
- .pwb-filter-products li{
273
- margin-bottom: 5px;
 
274
  }
 
275
  /* ----------------------- /Filter products widget ----------------------- */
276
 
277
  /* ----------------------- Columns ----------------------- */
278
- .pwb-row:after{
279
- content: "";
280
- display: table;
281
- clear: both;
282
  }
283
- .pwb-columns-2{
284
- width: 50%;
 
285
  }
286
- .pwb-columns-3{
287
- width: 33.33333%;
 
288
  }
289
- .pwb-columns-4{
290
- width: 25%;
 
291
  }
292
- .pwb-columns-5{
293
- width: 20%;
 
294
  }
295
- .pwb-columns-6{
296
- width: 16.66666%;
 
297
  }
298
- .pwb-columns{
299
- float: left;
 
300
  }
 
301
  /* ----------------------- /Columns ----------------------- */
302
 
303
  /* ----------------------- Single product ----------------------- */
304
- .pwb-single-product-brands{
305
- padding-top: 1em;
 
 
306
  }
307
- .product_meta .pwb-single-product-brands{
308
- padding-top: 0;
 
309
  }
310
- .pwb-text-before-brands-links{
311
- margin-right: 4px;
 
312
  }
 
313
  /* ----------------------- /Single product ----------------------- */
314
 
315
  /* ----------------------- Responsive ----------------------- */
316
  @media screen and (max-width: 1000px) {
317
- .pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3{
318
- width: 25%;
319
- }
320
  }
 
321
  @media screen and (max-width: 700px) {
322
- .pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3{
323
- width: 50%;
324
- }
325
- .pwb-columns-5, .pwb-columns-6{
326
- width: 25%;
327
- }
 
 
328
  }
 
329
  @media screen and (max-width: 480px) {
330
- .pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3{
331
- width: 100%;
332
- float: none;
333
- }
334
- .pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3 > p:first-child{
335
- height: auto;
336
- }
337
- .pwb-columns-3, .pwb-columns-4, .pwb-columns-5, .pwb-columns-6{
338
- width: 50%;
339
- }
 
 
 
 
 
340
  }
341
 
342
  @media (min-width: 576px) {
343
- .pwb-az-listing-col{
344
- width: 50%;
345
- float: left;
346
- }
347
  }
 
348
  @media (min-width: 992px) {
349
- .pwb-az-listing-col{
350
- width: 25%;
351
- }
352
  }
353
- /* ----------------------- /Responsive ----------------------- */
 
1
  /* ----------------------- Global ----------------------- */
2
+ .pwb-clearfix:after {
3
+ content: "";
4
+ display: table;
5
+ clear : both;
6
  }
7
+
8
+ .pwb-before-loop {
9
+ margin-bottom: 1em;
10
  }
11
+
12
+ .pwb-after-loop {
13
+ margin-top: 1em;
14
  }
15
+
16
  /* ----------------------- /Global ----------------------- */
17
 
18
  /* ----------------------- Carousels ----------------------- */
19
+ .pwb-carousel .pwb-slick-slide a {
20
+ display: block;
21
+ }
22
+
23
+ .pwb-carousel .pwb-slick-slide a>img {
24
+ margin: 0 auto;
25
+ }
26
+
27
+ .pwb-carousel .pwb-slick-slide,
28
+ .pwb-product-carousel .pwb-slick-slide {
29
+ margin: 0 10px;
30
+ }
31
+
32
+ .pwb-carousel .slick-prev,
33
+ .pwb-carousel .slick-next,
34
+ .pwb-product-carousel .slick-prev,
35
+ .pwb-product-carousel .slick-next {
36
+ font-size : 0;
37
+ position : absolute;
38
+ top : 0;
39
+ bottom : 0;
40
+ display : block;
41
+ cursor : pointer;
42
+ font-size : 22px;
43
+ width : 30px;
44
+ overflow : hidden;
45
+ text-align : center;
46
+ color : #aeaeae;
47
+ border : none;
48
+ outline : none;
49
+ z-index : 999;
50
+ background : #eee;
51
+ opacity : 0;
52
+ transition : opacity 0.3s ease-in-out;
53
+ -webkit-transition: opacity 0.3s ease-in-out;
54
+ -moz-transition : opacity 0.3s ease-in-out;
55
+ -o-transition : opacity 0.3s ease-in-out;
 
 
 
 
 
 
56
  }
57
+
58
+ .pwb-carousel .slick-prev>span,
59
+ .pwb-carousel .slick-next>span,
60
+ .pwb-product-carousel .slick-prev>span,
61
+ .pwb-product-carousel .slick-next>span {
62
+ display : inline-block;
63
+ height : 20px;
64
+ width : 20px;
65
+ padding : 10px;
66
+ position : absolute;
67
+ top : 50%;
68
+ margin-top: -20px;
69
+ left : 0;
70
+ right : 0;
71
+ }
72
+
73
  .pwb-carousel .slick-prev:hover,
74
  .pwb-carousel .slick-prev:focus,
75
  .pwb-carousel .slick-next:hover,
77
  .pwb-product-carousel .slick-prev:hover,
78
  .pwb-product-carousel .slick-prev:focus,
79
  .pwb-product-carousel .slick-next:hover,
80
+ .pwb-product-carousel .slick-next:focus {
81
+ outline: none;
82
  }
83
+
84
+ .pwb-carousel .slick-prev,
85
+ .pwb-product-carousel .slick-prev {
86
+ left: 0;
87
  }
88
+
89
+ .pwb-carousel .slick-next,
90
+ .pwb-product-carousel .slick-next {
91
+ right: 0;
92
  }
93
+
94
+ .pwb-carousel:hover .slick-next,
95
+ .pwb-carousel:hover .slick-prev,
96
+ .pwb-product-carousel:hover .slick-next,
97
+ .pwb-product-carousel:hover .slick-prev {
98
+ opacity: 0.8;
99
  }
100
+
101
+ .pwb-product-carousel .pwb-amount {
102
+ display : block;
103
+ width : 100%;
104
+ margin-bottom: 12px;
105
  }
106
+
107
  /* ------ Preloader ------ */
108
+ .pwb-carousel,
109
+ .pwb-product-carousel {
110
+ min-height: 30px;
111
  }
112
+
113
  .pwb-carousel .pwb-slick-slide,
114
+ .pwb-product-carousel .pwb-slick-slide {
115
+ display: none;
116
  }
117
+
118
  .pwb-carousel.slick-initialized .pwb-slick-slide,
119
+ .pwb-product-carousel.slick-initialized .pwb-slick-slide {
120
+ display: block;
121
  }
122
+
123
  .pwb-carousel .slick-list,
124
  .pwb-product-carousel .slick-list {
125
+ opacity : 0;
126
+ position: absolute;
127
  }
128
+
129
  .pwb-carousel.slick-initialized,
130
  .pwb-product-carousel.slick-initialized {
131
+ min-height: none;
132
  }
133
+
134
  .pwb-carousel.slick-initialized .slick-list,
135
  .pwb-product-carousel.slick-initialized .slick-list {
136
+ opacity : 1;
137
+ position : relative;
138
+ transition: opacity 0.2s ease-in;
139
  }
140
+
141
  .pwb-carousel.slick-initialized .pwb-carousel-loader,
142
  .pwb-product-carousel.slick-initialized .pwb-carousel-loader {
143
+ display: none !important;
144
+ opacity: 0 !important;
145
+ }
146
+
147
+ .pwb-carousel-loader {
148
+ font-size : 10px;
149
+ margin : 50px auto;
150
+ text-indent : -9999em;
151
+ width : 30px;
152
+ height : 30px;
153
+ border-radius : 50%;
154
+ background : #525252;
155
+ background : -moz-linear-gradient(left, #525252 10%, rgba(82, 82, 82, 0) 42%);
156
+ background : -webkit-linear-gradient(left, #525252 10%, rgba(82, 82, 82, 0) 42%);
157
+ background : -o-linear-gradient(left, #525252 10%, rgba(82, 82, 82, 0) 42%);
158
+ background : -ms-linear-gradient(left, #525252 10%, rgba(82, 82, 82, 0) 42%);
159
+ background : linear-gradient(to right, #525252 10%, rgba(82, 82, 82, 0) 42%);
160
+ position : relative;
161
+ -webkit-animation: PWBCarouselLoader 1.4s infinite linear;
162
+ animation : PWBCarouselLoader 1.4s infinite linear;
163
+ -webkit-transform: translateZ(0);
164
+ -ms-transform : translateZ(0);
165
+ transform : translateZ(0);
166
  }
167
+
168
  .pwb-carousel-loader:before {
169
+ width : 50%;
170
+ height : 50%;
171
+ background : #525252;
172
+ border-radius: 100% 0 0 0;
173
+ position : absolute;
174
+ top : 0;
175
+ left : 0;
176
+ content : '';
177
  }
178
+
179
  .pwb-carousel-loader:after {
180
+ background : #ffffff;
181
+ width : 75%;
182
+ height : 75%;
183
+ border-radius: 50%;
184
+ content : '';
185
+ margin : auto;
186
+ position : absolute;
187
+ top : 0;
188
+ left : 0;
189
+ bottom : 0;
190
+ right : 0;
191
  }
192
+
193
  @-webkit-keyframes PWBCarouselLoader {
194
+ 0% {
195
+ -webkit-transform: rotate(0deg);
196
+ transform : rotate(0deg);
197
+ }
198
+
199
+ 100% {
200
+ -webkit-transform: rotate(360deg);
201
+ transform : rotate(360deg);
202
+ }
203
  }
204
+
205
  @keyframes PWBCarouselLoader {
206
+ 0% {
207
+ -webkit-transform: rotate(0deg);
208
+ transform : rotate(0deg);
209
+ }
210
+
211
+ 100% {
212
+ -webkit-transform: rotate(360deg);
213
+ transform : rotate(360deg);
214
+ }
215
  }
216
+
217
  /* ------ /Preloader ------ */
218
 
219
  /* ----------------------- /Carousels ----------------------- */
220
 
221
  /* ----------------------- PWB All Brands ----------------------- */
222
+ .pwb-brands-cols-outer {
223
+ margin-left : -15px;
224
+ margin-right: -15px;
225
+ }
226
+
227
+ .pwb-all-brands .pwb-pagination-wrapper {
228
+ margin-top : 20px;
229
+ padding-top: 10px;
230
+ border-top : 1px solid #ededed;
231
+ text-align : right;
232
+ }
233
+
234
+ .pwb-all-brands .pwb-pagination {
235
+ display : inline-block;
236
+ margin-right : 10px;
237
+ background-color: #ededed;
238
+ color : #333;
239
+ text-align : center;
240
+ padding : 10px;
241
+ }
242
+
243
+ .pwb-all-brands .pwb-brands-cols-outer:after {
244
+ content: "";
245
+ display: table;
246
+ clear : both;
247
+ }
248
+
249
+ .pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3 {
250
+ padding: 0 15px;
251
+ width : 20%;
252
+ float : left;
253
+ }
254
+
255
+ .pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3>p:first-child {
256
+ height : 25px;
257
+ overflow : hidden;
258
+ font-size: 14px;
259
  }
260
+
261
  /* ----------------------- /PWB All Brands ----------------------- */
262
 
263
  /* ----------------------- PWB AZ Listing ----------------------- */
264
+ .pwb-az-listing-row {
265
+ margin-bottom: 20px;
266
+ }
267
+
268
+ .pwb-az-listing-row-in {
269
+ margin-left : -5px;
270
+ margin-right: -5px;
271
+ }
272
+
273
+ .pwb-az-listing-col {
274
+ padding: 5px;
275
+ }
276
+
277
+ .pwb-az-listing-col>a {
278
+ display : block;
279
+ text-transform: uppercase;
280
+ white-space : nowrap;
281
+ overflow : hidden;
282
+ }
283
+
284
+ .pwb-az-listing-title {
285
+ border-bottom : 1px solid #ddd;
286
+ font-weight : bold;
287
+ font-size : 115%;
288
+ text-transform: uppercase;
289
+ }
290
+
291
+ .pwb-az-listing-header {
292
+ margin-bottom: 30px;
293
+ }
294
+
295
+ .pwb-az-listing-header ul {
296
+ margin : 0;
297
+ padding : 0;
298
+ list-style : none;
299
+ margin-right: -2px;
300
+ margin-left : -2px;
301
+ }
302
+
303
+ .pwb-az-listing-header li {
304
+ display : inline-block;
305
+ float : left;
306
+ width : 25px;
307
+ height : 25px;
308
+ margin : 2px;
309
+ line-height: 25px;
310
+ border : 1px solid #ddd;
311
+ text-align : center;
312
+ }
313
+
314
+ .pwb-az-listing-header a {
315
+ text-transform: uppercase;
316
  }
317
+
318
  /* ----------------------- /PWB AZ Listing ----------------------- */
319
 
320
  /* ----------------------- Filter products widget ----------------------- */
321
+ .pwb-filter-products input[type="checkbox"] {
322
+ margin-right: 10px;
323
  }
324
+
325
+ .pwb-filter-products li {
326
+ margin-bottom: 5px;
327
  }
328
+
329
  /* ----------------------- /Filter products widget ----------------------- */
330
 
331
  /* ----------------------- Columns ----------------------- */
332
+ .pwb-row:after {
333
+ content: "";
334
+ display: table;
335
+ clear : both;
336
  }
337
+
338
+ .pwb-columns-2 {
339
+ width: 50%;
340
  }
341
+
342
+ .pwb-columns-3 {
343
+ width: 33.33333%;
344
  }
345
+
346
+ .pwb-columns-4 {
347
+ width: 25%;
348
  }
349
+
350
+ .pwb-columns-5 {
351
+ width: 20%;
352
  }
353
+
354
+ .pwb-columns-6 {
355
+ width: 16.66666%;
356
  }
357
+
358
+ .pwb-columns {
359
+ float: left;
360
  }
361
+
362
  /* ----------------------- /Columns ----------------------- */
363
 
364
  /* ----------------------- Single product ----------------------- */
365
+ .pwb-single-product-brands {
366
+ padding-top: 1em;
367
+ display : flex;
368
+ gap : 0.1em;
369
  }
370
+
371
+ .product_meta .pwb-single-product-brands {
372
+ padding-top: 0;
373
  }
374
+
375
+ .pwb-text-before-brands-links {
376
+ margin-right: 4px;
377
  }
378
+
379
  /* ----------------------- /Single product ----------------------- */
380
 
381
  /* ----------------------- Responsive ----------------------- */
382
  @media screen and (max-width: 1000px) {
383
+ .pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3 {
384
+ width: 25%;
385
+ }
386
  }
387
+
388
  @media screen and (max-width: 700px) {
389
+ .pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3 {
390
+ width: 50%;
391
+ }
392
+
393
+ .pwb-columns-5,
394
+ .pwb-columns-6 {
395
+ width: 25%;
396
+ }
397
  }
398
+
399
  @media screen and (max-width: 480px) {
400
+ .pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3 {
401
+ width: 100%;
402
+ float: none;
403
+ }
404
+
405
+ .pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3>p:first-child {
406
+ height: auto;
407
+ }
408
+
409
+ .pwb-columns-3,
410
+ .pwb-columns-4,
411
+ .pwb-columns-5,
412
+ .pwb-columns-6 {
413
+ width: 50%;
414
+ }
415
  }
416
 
417
  @media (min-width: 576px) {
418
+ .pwb-az-listing-col {
419
+ width: 50%;
420
+ float: left;
421
+ }
422
  }
423
+
424
  @media (min-width: 992px) {
425
+ .pwb-az-listing-col {
426
+ width: 25%;
427
+ }
428
  }
429
+
430
+ /* ----------------------- /Responsive ----------------------- */
assets/css/styles-frontend.min.css CHANGED
@@ -1 +1 @@
1
- .pwb-clearfix:after{content:"";display:table;clear:both}.pwb-before-loop{margin-bottom:1em}.pwb-after-loop{margin-top:1em}.pwb-carousel .pwb-slick-slide a{display:block}.pwb-carousel .pwb-slick-slide a>img{margin:0 auto}.pwb-carousel .pwb-slick-slide,.pwb-product-carousel .pwb-slick-slide{margin:0 10px}.pwb-carousel .slick-prev,.pwb-carousel .slick-next,.pwb-product-carousel .slick-prev,.pwb-product-carousel .slick-next{font-size:0;position:absolute;top:0;bottom:0;display:block;cursor:pointer;font-size:22px;width:30px;overflow:hidden;text-align:center;color:#aeaeae;border:0;outline:0;z-index:999;background:#eee;opacity:0;transition:opacity .3s ease-in-out;-webkit-transition:opacity .3s ease-in-out;-moz-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out}.pwb-carousel .slick-prev>span,.pwb-carousel .slick-next>span,.pwb-product-carousel .slick-prev>span,.pwb-product-carousel .slick-next>span{display:inline-block;height:20px;width:20px;padding:10px;position:absolute;top:50%;margin-top:-20px;left:0;right:0}.pwb-carousel .slick-prev:hover,.pwb-carousel .slick-prev:focus,.pwb-carousel .slick-next:hover,.pwb-carousel .slick-next:focus,.pwb-product-carousel .slick-prev:hover,.pwb-product-carousel .slick-prev:focus,.pwb-product-carousel .slick-next:hover,.pwb-product-carousel .slick-next:focus{outline:0}.pwb-carousel .slick-prev,.pwb-product-carousel .slick-prev{left:0}.pwb-carousel .slick-next,.pwb-product-carousel .slick-next{right:0}.pwb-carousel:hover .slick-next,.pwb-carousel:hover .slick-prev,.pwb-product-carousel:hover .slick-next,.pwb-product-carousel:hover .slick-prev{opacity:.8}.pwb-product-carousel .pwb-amount{display:block;width:100%;margin-bottom:12px}.pwb-carousel,.pwb-product-carousel{min-height:30px}.pwb-carousel .pwb-slick-slide,.pwb-product-carousel .pwb-slick-slide{display:none}.pwb-carousel.slick-initialized .pwb-slick-slide,.pwb-product-carousel.slick-initialized .pwb-slick-slide{display:block}.pwb-carousel .slick-list,.pwb-product-carousel .slick-list{opacity:0;position:absolute}.pwb-carousel.slick-initialized,.pwb-product-carousel.slick-initialized{min-height:none}.pwb-carousel.slick-initialized .slick-list,.pwb-product-carousel.slick-initialized .slick-list{opacity:1;position:relative;transition:opacity .2s ease-in}.pwb-carousel.slick-initialized .pwb-carousel-loader,.pwb-product-carousel.slick-initialized .pwb-carousel-loader{display:none!important;opacity:0!important}.pwb-carousel-loader{font-size:10px;margin:50px auto;text-indent:-9999em;width:30px;height:30px;border-radius:50%;background:#525252;background:-moz-linear-gradient(left,#525252 10%,rgba(82,82,82,0) 42%);background:-webkit-linear-gradient(left,#525252 10%,rgba(82,82,82,0) 42%);background:-o-linear-gradient(left,#525252 10%,rgba(82,82,82,0) 42%);background:-ms-linear-gradient(left,#525252 10%,rgba(82,82,82,0) 42%);background:linear-gradient(to right,#525252 10%,rgba(82,82,82,0) 42%);position:relative;-webkit-animation:PWBCarouselLoader 1.4s infinite linear;animation:PWBCarouselLoader 1.4s infinite linear;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}.pwb-carousel-loader:before{width:50%;height:50%;background:#525252;border-radius:100% 0 0 0;position:absolute;top:0;left:0;content:''}.pwb-carousel-loader:after{background:#fff;width:75%;height:75%;border-radius:50%;content:'';margin:auto;position:absolute;top:0;left:0;bottom:0;right:0}@-webkit-keyframes PWBCarouselLoader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes PWBCarouselLoader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.pwb-brands-cols-outer{margin-left:-15px;margin-right:-15px}.pwb-all-brands .pwb-pagination-wrapper{margin-top:20px;padding-top:10px;border-top:1px solid #ededed;text-align:right}.pwb-all-brands .pwb-pagination{display:inline-block;margin-right:10px;background-color:#ededed;color:#333;text-align:center;padding:10px}.pwb-all-brands .pwb-brands-cols-outer:after{content:"";display:table;clear:both}.pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3{padding:0 15px;width:20%;float:left}.pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3>p:first-child{height:25px;overflow:hidden;font-size:14px}.pwb-az-listing-row{margin-bottom:20px}.pwb-az-listing-row-in{margin-left:-5px;margin-right:-5px}.pwb-az-listing-col{padding:5px}.pwb-az-listing-col>a{display:block;text-transform:uppercase;white-space:nowrap;overflow:hidden}.pwb-az-listing-title{border-bottom:1px solid #ddd;font-weight:bold;font-size:115%;text-transform:uppercase}.pwb-az-listing-header{margin-bottom:30px}.pwb-az-listing-header ul{margin:0;padding:0;list-style:none;margin-right:-2px;margin-left:-2px}.pwb-az-listing-header li{display:inline-block;float:left;width:25px;height:25px;margin:2px;line-height:25px;border:1px solid #ddd;text-align:center}.pwb-az-listing-header a{text-transform:uppercase}.pwb-filter-products input[type="checkbox"]{margin-right:10px}.pwb-filter-products li{margin-bottom:5px}.pwb-row:after{content:"";display:table;clear:both}.pwb-columns-2{width:50%}.pwb-columns-3{width:33.33333%}.pwb-columns-4{width:25%}.pwb-columns-5{width:20%}.pwb-columns-6{width:16.66666%}.pwb-columns{float:left}.pwb-single-product-brands{padding-top:1em}.product_meta .pwb-single-product-brands{padding-top:0}.pwb-text-before-brands-links{margin-right:4px}@media screen and (max-width:1000px){.pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3{width:25%}}@media screen and (max-width:700px){.pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3{width:50%}.pwb-columns-5,.pwb-columns-6{width:25%}}@media screen and (max-width:480px){.pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3{width:100%;float:none}.pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3>p:first-child{height:auto}.pwb-columns-3,.pwb-columns-4,.pwb-columns-5,.pwb-columns-6{width:50%}}@media(min-width:576px){.pwb-az-listing-col{width:50%;float:left}}@media(min-width:992px){.pwb-az-listing-col{width:25%}}
1
+ .pwb-clearfix:after{content:"";display:table;clear:both}.pwb-before-loop{margin-bottom:1em}.pwb-after-loop{margin-top:1em}.pwb-carousel .pwb-slick-slide a{display:block}.pwb-carousel .pwb-slick-slide a>img{margin:0 auto}.pwb-carousel .pwb-slick-slide,.pwb-product-carousel .pwb-slick-slide{margin:0 10px}.pwb-carousel .slick-next,.pwb-carousel .slick-prev,.pwb-product-carousel .slick-next,.pwb-product-carousel .slick-prev{font-size:0;position:absolute;top:0;bottom:0;display:block;cursor:pointer;font-size:22px;width:30px;overflow:hidden;text-align:center;color:#aeaeae;border:none;outline:0;z-index:999;background:#eee;opacity:0;transition:opacity .3s ease-in-out;-webkit-transition:opacity .3s ease-in-out;-moz-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out}.pwb-carousel .slick-next>span,.pwb-carousel .slick-prev>span,.pwb-product-carousel .slick-next>span,.pwb-product-carousel .slick-prev>span{display:inline-block;height:20px;width:20px;padding:10px;position:absolute;top:50%;margin-top:-20px;left:0;right:0}.pwb-carousel .slick-next:focus,.pwb-carousel .slick-next:hover,.pwb-carousel .slick-prev:focus,.pwb-carousel .slick-prev:hover,.pwb-product-carousel .slick-next:focus,.pwb-product-carousel .slick-next:hover,.pwb-product-carousel .slick-prev:focus,.pwb-product-carousel .slick-prev:hover{outline:0}.pwb-carousel .slick-prev,.pwb-product-carousel .slick-prev{left:0}.pwb-carousel .slick-next,.pwb-product-carousel .slick-next{right:0}.pwb-carousel:hover .slick-next,.pwb-carousel:hover .slick-prev,.pwb-product-carousel:hover .slick-next,.pwb-product-carousel:hover .slick-prev{opacity:.8}.pwb-product-carousel .pwb-amount{display:block;width:100%;margin-bottom:12px}.pwb-carousel,.pwb-product-carousel{min-height:30px}.pwb-carousel .pwb-slick-slide,.pwb-product-carousel .pwb-slick-slide{display:none}.pwb-carousel.slick-initialized .pwb-slick-slide,.pwb-product-carousel.slick-initialized .pwb-slick-slide{display:block}.pwb-carousel .slick-list,.pwb-product-carousel .slick-list{opacity:0;position:absolute}.pwb-carousel.slick-initialized,.pwb-product-carousel.slick-initialized{min-height:none}.pwb-carousel.slick-initialized .slick-list,.pwb-product-carousel.slick-initialized .slick-list{opacity:1;position:relative;transition:opacity .2s ease-in}.pwb-carousel.slick-initialized .pwb-carousel-loader,.pwb-product-carousel.slick-initialized .pwb-carousel-loader{display:none!important;opacity:0!important}.pwb-carousel-loader{font-size:10px;margin:50px auto;text-indent:-9999em;width:30px;height:30px;border-radius:50%;background:#525252;background:-moz-linear-gradient(left,#525252 10%,rgba(82,82,82,0) 42%);background:-webkit-linear-gradient(left,#525252 10%,rgba(82,82,82,0) 42%);background:-o-linear-gradient(left,#525252 10%,rgba(82,82,82,0) 42%);background:-ms-linear-gradient(left,#525252 10%,rgba(82,82,82,0) 42%);background:linear-gradient(to right,#525252 10%,rgba(82,82,82,0) 42%);position:relative;-webkit-animation:PWBCarouselLoader 1.4s infinite linear;animation:PWBCarouselLoader 1.4s infinite linear;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}.pwb-carousel-loader:before{width:50%;height:50%;background:#525252;border-radius:100% 0 0 0;position:absolute;top:0;left:0;content:''}.pwb-carousel-loader:after{background:#fff;width:75%;height:75%;border-radius:50%;content:'';margin:auto;position:absolute;top:0;left:0;bottom:0;right:0}@-webkit-keyframes PWBCarouselLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes PWBCarouselLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.pwb-brands-cols-outer{margin-left:-15px;margin-right:-15px}.pwb-all-brands .pwb-pagination-wrapper{margin-top:20px;padding-top:10px;border-top:1px solid #ededed;text-align:right}.pwb-all-brands .pwb-pagination{display:inline-block;margin-right:10px;background-color:#ededed;color:#333;text-align:center;padding:10px}.pwb-all-brands .pwb-brands-cols-outer:after{content:"";display:table;clear:both}.pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3{padding:0 15px;width:20%;float:left}.pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3>p:first-child{height:25px;overflow:hidden;font-size:14px}.pwb-az-listing-row{margin-bottom:20px}.pwb-az-listing-row-in{margin-left:-5px;margin-right:-5px}.pwb-az-listing-col{padding:5px}.pwb-az-listing-col>a{display:block;text-transform:uppercase;white-space:nowrap;overflow:hidden}.pwb-az-listing-title{border-bottom:1px solid #ddd;font-weight:700;font-size:115%;text-transform:uppercase}.pwb-az-listing-header{margin-bottom:30px}.pwb-az-listing-header ul{margin:0;padding:0;list-style:none;margin-right:-2px;margin-left:-2px}.pwb-az-listing-header li{display:inline-block;float:left;width:25px;height:25px;margin:2px;line-height:25px;border:1px solid #ddd;text-align:center}.pwb-az-listing-header a{text-transform:uppercase}.pwb-filter-products input[type=checkbox]{margin-right:10px}.pwb-filter-products li{margin-bottom:5px}.pwb-row:after{content:"";display:table;clear:both}.pwb-columns-2{width:50%}.pwb-columns-3{width:33.33333%}.pwb-columns-4{width:25%}.pwb-columns-5{width:20%}.pwb-columns-6{width:16.66666%}.pwb-columns{float:left}.pwb-single-product-brands{padding-top:1em;display:flex;gap:.1em}.product_meta .pwb-single-product-brands{padding-top:0}.pwb-text-before-brands-links{margin-right:4px}@media screen and (max-width:1000px){.pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3{width:25%}}@media screen and (max-width:700px){.pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3{width:50%}.pwb-columns-5,.pwb-columns-6{width:25%}}@media screen and (max-width:480px){.pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3{width:100%;float:none}.pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3>p:first-child{height:auto}.pwb-columns-3,.pwb-columns-4,.pwb-columns-5,.pwb-columns-6{width:50%}}@media (min-width:576px){.pwb-az-listing-col{width:50%;float:left}}@media (min-width:992px){.pwb-az-listing-col{width:25%}}
perfect-woocommerce-brands.php CHANGED
@@ -4,7 +4,7 @@
4
  * Plugin Name: Perfect Brands for WooCommerce
5
  * Plugin URI: https://quadlayers.com/portfolio/perfect-woocommerce-brands/
6
  * Description: Perfect WooCommerce Brands allows you to show product brands in your WooCommerce based store.
7
- * Version: 2.1.6
8
  * Author: QuadLayers
9
  * Author URI: https://quadlayers.com
10
  * Text Domain: perfect-woocommerce-brands
@@ -36,7 +36,7 @@ define( 'PWB_PLUGIN_FILE', __FILE__ );
36
  define( 'PWB_PLUGIN_URL', plugins_url( '', __FILE__ ) );
37
  define( 'PWB_PLUGIN_DIR', __DIR__ . DIRECTORY_SEPARATOR );
38
  define( 'PWB_PLUGIN_BASENAME', plugin_basename( __FILE__ ) );
39
- define( 'PWB_PLUGIN_VERSION', '2.1.6' );
40
  define( 'PWB_PLUGIN_NAME', 'Perfect WooCommerce Brands' );
41
  define( 'PWB_PREFIX', 'pwb' );
42
  define( 'PWB_REVIEW_URL', 'https://wordpress.org/support/plugin/perfect-woocommerce-brands/reviews/?filter=5#new-post' );
4
  * Plugin Name: Perfect Brands for WooCommerce
5
  * Plugin URI: https://quadlayers.com/portfolio/perfect-woocommerce-brands/
6
  * Description: Perfect WooCommerce Brands allows you to show product brands in your WooCommerce based store.
7
+ * Version: 2.1.7
8
  * Author: QuadLayers
9
  * Author URI: https://quadlayers.com
10
  * Text Domain: perfect-woocommerce-brands
36
  define( 'PWB_PLUGIN_URL', plugins_url( '', __FILE__ ) );
37
  define( 'PWB_PLUGIN_DIR', __DIR__ . DIRECTORY_SEPARATOR );
38
  define( 'PWB_PLUGIN_BASENAME', plugin_basename( __FILE__ ) );
39
+ define( 'PWB_PLUGIN_VERSION', '2.1.7' );
40
  define( 'PWB_PLUGIN_NAME', 'Perfect WooCommerce Brands' );
41
  define( 'PWB_PREFIX', 'pwb' );
42
  define( 'PWB_REVIEW_URL', 'https://wordpress.org/support/plugin/perfect-woocommerce-brands/reviews/?filter=5#new-post' );
readme.txt CHANGED
@@ -90,6 +90,8 @@ You can also contribute [translating the plugin](https://translate.wordpress.org
90
 
91
 
92
  == Changelog ==
 
 
93
  = 2.1.6=
94
  * Fix: WooCommerce compatibility
95
  = 2.1.5=
90
 
91
 
92
  == Changelog ==
93
+ = 2.1.7=
94
+ * Fix: small css issues
95
  = 2.1.6=
96
  * Fix: WooCommerce compatibility
97
  = 2.1.5=