remove mixitup and added filtrizr

librisius · Mar 27, 2019 · 8348774 · 8348774
1 parent d0cf426
commit 8348774
Show file tree

Hide file tree

Showing 9 changed files with 17 additions and 10,681 deletions.
diff --git a/assets/css/style.css b/assets/css/style.css
@@ -1067,7 +1067,7 @@ a:focus, a:hover {
  color: #000;
 }
 
-.portfolio-filter button.mixitup-control-active {
+.portfolio-filter button.active {
  border-bottom: 2px solid #f0326b;
  color: #000;
 }

diff --git a/assets/js/script.js b/assets/js/script.js
@@ -29,10 +29,12 @@
  /* Portfolio Filtering Hook
  /* ========================================================================= */
 
- var portfolio_item = $('.portfolio-items-wrapper');
- if (portfolio_item.length) {
- var mixer = mixitup(portfolio_item);
- };
+ var filterizd = $('.filtr-container').filterizr({});
+ //Active changer
+ $('.filtr-control').on('click', function () {
+ $('.filtr-control').removeClass("active");
+ $(this).addClass("active");
+ });
 
 
  /* ========================================================================= */

diff --git a/exampleSite/data/en/portfolio.yml b/exampleSite/data/en/portfolio.yml
@@ -23,11 +23,11 @@ item :
 
  - title : D Design
  image : images/portfolio/portfolio-2.jpg
- category : ios design
+ category : ios, design
 
  - title : Xbox 360
  image : images/portfolio/portfolio-3.jpg
- category : photography development
+ category : photography, development
 
  - title : Ballon Card
  image : images/portfolio/portfolio-4.jpg

diff --git a/exampleSite/data/fr/portfolio.yml b/exampleSite/data/fr/portfolio.yml
@@ -23,11 +23,11 @@ item :
 
  - title : D Design
  image : images/portfolio/portfolio-2.jpg
- category : ios design
+ category : ios, design
 
  - title : Xbox 360
  image : images/portfolio/portfolio-3.jpg
- category : photography development
+ category : photography, development
 
  - title : Ballon Card
  image : images/portfolio/portfolio-4.jpg

diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
@@ -64,7 +64,7 @@ <h6>Design and Developed by themefisher.com
 {{ "<!-- Slick Carousel -->" | safeHTML }}
 <script src="{{ "plugins/slick-carousel/slick/slick.min.js" | absURL }}"></script>
 {{ "<!-- Portfolio Filtering -->" | safeHTML }}
-<script src="{{ "plugins/mixitup/dist/mixitup.min.js" | absURL }}"></script>
+<script src="{{ "plugins/filterzr/jquery.filterizr.min.js" | absURL }}"></script>
 {{ "<!-- Smooth Scroll js -->" | safeHTML }}
 <script src="{{ "plugins/smooth-scroll/dist/js/smooth-scroll.min.js" | absURL }}"></script>
 <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCC72vZw-6tGqFyRhhg5CkF2fqfILn2Tsw"></script>

diff --git a/layouts/partials/portfolio.html b/layouts/partials/portfolio.html
@@ -23,16 +23,16 @@ <h2>{{ . }}</h2>
  <div class="row">
  <div class="col-lg-12">
  <div class="portfolio-filter">
- <button type="button" data-filter="all">All</button>
+ <button class="filtr-control active" type="button" data-filter="all">All</button>
  {{ range .filtermenu }}
-  <button type="button" data-filter=".{{ .category }}">{{ .name }}</button>
+ <button class="filtr-control" type="button" data-filter="{{ .category }}">{{ .name }}</button>
  {{ end }}
  </div>
  </div>
  </div>
- <div class="row portfolio-items-wrapper">
+ <div class="row filtr-container">
  {{ range .item }}
- <div class="col-6 col-md-4 padding-0 mix {{.category}}">
+ <div class="col-6 col-md-4 padding-0 filtr-item" data-category="{{.category}}">
  <div class="portfolio-block">
  <img class="img-fluid" src="{{ .image | absURL }}" alt="portfolio-image">
  <div class="caption">

diff --git a/static/plugins/filterzr/jquery.filterizr.min.js b/static/plugins/filterzr/jquery.filterizr.min.js