themes/BootstrapChildTheme/SyliusShopBundle/views/Taxon/_verticalMenu.html.twig line 1

Open in your IDE?
  1. {{ sylius_template_event('sylius.shop.product.index.before_vertical_menu', {'taxon': taxon}) }}
  2. {{ sylius_template_event('sylius.shop.product.index.after_vertical_menu', {'taxon': taxon}) }}
  4. {% block javascript %}
  5.     <script>
  6.         $(document).ready(function() {
  7.             $(".sidebar-filter .ui.loadable.form").removeClass("loading");
  9.             $(".sidebar-filter").on("change", "input[type=checkbox]", function() {
  10.                 $(this).closest("form").submit();
  11.             });
  13.             $(".filter-section-header").each(function() {
  14.                 var header = $(this);
  15.                 var content = $("#" + header.attr("aria-controls"));
  16.                 var activeCount = content.find("input[type=checkbox]:checked").length;
  18.                 content.css({ maxHeight: 0, overflow: "hidden" });
  19.                 header.attr("aria-expanded", "false");
  21.                 if (activeCount > 0) {
  22.                     header.find(".filter-section-title").after('<span class="filter-section-count">' + activeCount + '</span>');
  23.                 }
  24.             });
  26.             $(".sidebar-filter").on("click", ".filter-section-header", function(e) {
  27.                 e.preventDefault();
  28.                 var header = $(this);
  29.                 var content = $("#" + header.attr("aria-controls"));
  30.                 var isOpen = header.attr("aria-expanded") === "true";
  32.                 if (isOpen) {
  33.                     content.css("maxHeight", "0");
  34.                     header.attr("aria-expanded", "false");
  35.                     header.removeClass("is-open");
  36.                 } else {
  37.                     content.css("maxHeight", content[0].scrollHeight + "px");
  38.                     header.attr("aria-expanded", "true");
  39.                     header.addClass("is-open");
  40.                 }
  41.             });
  42.         });
  43.     </script>
  44. {% endblock %}