update

Author: wealcoderahsan

assets/css/widgets/filterable-gallery.css

@@ -0,0 +1,57 @@
+.wcf--filterable-gallery svg {
+  width: 1em;
+  height: 1em;
+}
+.wcf--filterable-gallery .gallery-filter {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 10px;
+  margin-bottom: 20px;
+}
+.wcf--filterable-gallery .gallery-filter li {
+  padding: 6px 10px;
+  cursor: pointer;
+  transition: all 0.3s;
+}
+.wcf--filterable-gallery .gallery-filter li:hover, .wcf--filterable-gallery .gallery-filter li.mixitup-control-active {
+  color: var(--primary);
+}
+.wcf--filterable-gallery .gallery-wrapper {
+  display: grid;
+  grid-auto-flow: dense;
+  gap: 15px;
+}
+.wcf--filterable-gallery .gallery-item {
+  position: relative;
+  overflow: hidden;
+  border-radius: 10px;
+}
+.wcf--filterable-gallery .gallery-item .play__btn {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  font-size: 50px;
+  transform: translate(-50%, -50%);
+}
+.wcf--filterable-gallery img {
+  width: 100%;
+  height: 100%;
+  -o-object-fit: cover;
+     object-fit: cover;
+}
+.wcf--filterable-gallery.style-masonry .gallery-wrapper {
+  grid-auto-rows: 250px;
+  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+}
+@media (min-width: 768px) {
+  .wcf--filterable-gallery.style-masonry .gallery-wrapper .horizontal {
+    grid-column: span 2;
+  }
+  .wcf--filterable-gallery.style-masonry .gallery-wrapper .vertical {
+    grid-row: span 2;
+  }
+  .wcf--filterable-gallery.style-masonry .gallery-wrapper .big {
+    grid-column: span 2;
+    grid-row: span 2;
+  }
+}

assets/css/widgets/filterable-gallery.min.css

@@ -620,6 +620,13 @@ public static function get_widget_style()
 				'version' => false,
 				'media'     => 'all',
 			],
+			'filterable-gallery'   => [
+				'handler' => 'wcf--filterable-gallery',
+				'src'     => 'widgets/filterable-gallery.min.css',
+				'dep'     => [],
+				'version' => false,
+				'media'     => 'all',
+			],
 		];
 	}
 

class-plugin.php

@@ -1359,7 +1359,7 @@
 							'cTab' => 'all'
 						],
 						'is_upcoming'  => false,
-						'is_pro'       => true,
+						'is_pro'       => false,
 						'is_extension' => false,
 						'icon'         => "wcf-icon-Filterable-Gallery",
 						'demo_url'     => 'https://animation-addons.com/widgets/aae-filterable-gallery',