Скрытые фильтры в категориях

Eugeny Galkovskiy
1 parent 1f6e9673
Showing 3 changed files with 75 additions and 1 deletions Show diff stats
frontend/views/category/view.php
frontend/web/css/style.css
frontend/web/js/script.js
@@ -124,7 +124,6 @@ _________________________________________________________ --&gt;
                     );
                 }
             ?>
-            
             <?php
                 $brands = $filterHelper->getBrands($model);
                 if (!empty($brands)) {
@@ -212,6 +211,19 @@ _________________________________________________________ --&gt;
                   <div class="panel-body">
                     <div class="form-group">
                         <?php
+                            $firstsix = 0;
+                            $buthiddenmore = Html::tag('div',
+                                Html::a(
+                                    'Ещё',
+                                    '#',
+                                    [
+                                        'class' => 'btn btn-primary btn-xs',
+                                    ]
+                                ),
+                                [
+                                    'class' => 'hiddens-button',
+                                ]
+                            );
                             foreach ($group->options as $option) {
                                 /**
                                  * @var Product $product
@@ -232,8 +244,46 @@ _________________________________________________________ --&gt;
                                         ) ? 'radio-but checked' : 'radio-but',
                                     ]
                                 );
+                                $firstsix++;
+                                if($firstsix == 6) break;
                             }
                         ?>
+                        <div class="hiddens">
+                            <?php
+                            $nextsix = 0;
+                            foreach ($group->options as $option) {
+                                /**
+                                 * @var Product $product
+                                 */
+                                $nextsix++;
+                                if($nextsix>6){
+                                    echo Html::tag(
+                                        'div',
+                                        Html::a(
+                                            $option->lang->value,
+                                            [
+                                                '/category/view',
+                                                'category' => $model->lang->alias->value,
+                                                'filter'   => $filterHelper->buildLink($option),
+                                            ]
+                                        ),
+                                        [
+                                            'class' => $filterHelper->has(
+                                                $option->lang->alias->value
+                                            ) ? 'radio-but checked' : 'radio-but',
+                                        ]
+                                    );
+                                }
+                            }
+                            if($nextsix>6){
+                                $morebutton = $buthiddenmore;
+                            }
+                            else{
+                                $morebutton = '';
+                            }
+                            ?>
+                        </div>
+                        <?php echo $morebutton;?>
                     </div>
                   </div>
                 </div>
@@ -4896,4 +4896,20 @@ button.price-apply{
  
 button.price-apply:hover{
     background-color:#005bac;
+}
+
+.sidebar-menu .form-group .hiddens {
+    height: 0px;
+    overflow: hidden;
+}
+
+.sidebar-menu .form-group .hiddens.active {
+    height: inherit;
+}
+
+.hiddens-button a.btn{
+    padding: 5px 20px;
+    min-width: 75px;
+    border-radius: 15px;
+    margin: 20px 0 0;
 }
 \ No newline at end of file
@@ -371,6 +371,14 @@ $(function() {
     $('.vcovers')
         .perfectScrollbar({wheelSpeed: 0.5});
  
+    $(document).on('click', '.sidebar-menu .form-group .hiddens-button a.btn', function(){
+        $(this).parent().parent().find(".hiddens").toggleClass("active");
+        $(this).text(function(i, text){
+            return text === "Ещё" ? "Скрыть" : "Ещё";
+        });
+        return false;
+    });
+
 });
 function showLoader(container) {
     $(container)