Hash URLs with mixitup

Hi, @jmkriz!

The problem is in the filters control setup.
In the original MixitUp demo, they applied values to the filter-groups. Also, they are using the fieldset HTML element to define filtergroups.

Since Webflow doesn’t have a fieldset element, in my tutorial I used div element and applied “data-filter-group” attribute to it. Which is pretty providing the same functionality as a fieldset.

I see that you tried to add a fieldset element through the HTML embeds but in that case, control buttns are still sitting OUTSIDE of the fieldset (plus you actually never put the closing tag </fieldset>, but Webflow is automatically generating such tags to prevent crashes)

In demo

In your site

  1. you DON"T NEED embedding fieldset, regular div is working the same way
  2. on the filter-group div, remove the “data-filter” attribute and simply leave the “data-filter-group” attribute with a corresponding value.

Image 2020-02-01 at 1.19.07 PM

  1. Remove this part from the custom code:

That’s it. Everything will work.

Cheers,
Anna

1 Like