.row.animate-show{"ng-show" => "filtersActive"}
  .small-12.columns
    = render partial: 'shared/components/filter_controls_shopfront'

.row.filter-box.filter-box-shopfront.animate-hide{"ng-hide" => "filtersActive"}
  .small-12.columns
    .row.tdhead
      .small-12.medium-6.columns
        %h5
          .light Filter by
          Category
      .small-12.medium-6.columns.text-right
        = render partial: 'shared/components/filter_controls_shopfront'
        = render partial: 'shared/components/filter_box_shopfront'
    .row
      .small-12.columns
        %ul.small-block-grid-2.medium-block-grid-3.large-block-grid-4
          %taxon-selector{objects: "Products.products | products:query | products:showProfiles",
            results: "activeTaxons"}


.row.animate-show{"ng-hide" => "filtersActive"}
  .small-12.columns
    = render partial: 'shared/components/filter_controls_shopfront'

.row.filter-box.filter-box-shopfront.animate-hide{"ng-show" => "filtersActive"}
  .small-12.columns
    .row.tdhead
      .small-12.medium-6.columns
        %h5
          .light Filter by
          Category
      .small-12.medium-6.columns.text-right
        = render partial: 'shared/components/filter_box_shopfront'
        = render partial: 'shared/components/filter_controls_shopfront'
        
    .row
      .small-12.columns
        %ul.small-block-grid-2.medium-block-grid-3.large-block-grid-4
          %taxon-selector{objects: "Products.products | products:query | products:showProfiles",
            results: "activeTaxons"}


Change markup because the boolean variable now works correctly
Change markup because the boolean variable now works correctly
