Set the Sort Filters Alphabetically option to On if you would like your filters to be sorted alphabetically: Set the Show Number of Elements option to On if you would like to add a small number to each filter button showing how many items match that filter: Sort Filters Alphabetically …would look like this: Show Number of Elements If Layout Option is set to Dropdown, use the Dropdown Start Text option to set the text that will appear at the top of the drop down list. Set the option to In Line to make all the available filters this appear side by side:Īlternatively set it to Dropdown in order to make all the available filters appear in a drop down list: Dropdown Start Text Layout Option lets you choose between two possible layout options for filter buttons: Set the text that will appear on the Filter “All” button:īy default it will say “Filter – All”, but you can set it to display anything you want. Set the Show/Hide Filter “All” Button to show if you would like to display a Filter “All” button that will reset any filters that have previously been applied to the grid: Filter “All” Text Let’s learn what each of those options does. If you need to remove a filter box, click the small white cross at its top right corner:Įach filter box contains its own set of options. Adding and Deleting FiltersĪt the bottom of the Filter Groups panel you’ll see a round, purple, plus button:Ĭlick that button and a new filter box will be added at the bottom of the panel: Now that we know what each of the options in the Filter Groups panel does, let’s next look at how to actually add and configure filters. The Mobile Filter Conversion option only appears if Filter Type is set to Single, and when set to On it will collapse any inline display of filters into a dropdown list on small devices to save space: Configuring Filters If you are displaying your filters in a drop down list, you can set the Dropdown Elements on option to Hover or Click to require a user to hover or click respectively to reveal the available filters: Mobile Filter Conversion mysite.tld/pageurl#filterslug Dropdown Elements on This can be done by appending a # symbol and the slug of the filter to the end of the page’s URL, e.g. If the Deep Linking option is set to On, you will be able to create a link to the grid’s page that automatically applies filter: In this case just use the filter’s name in lower case, and if the filter you want to use has more than one word, remove the spaces from between those words. However if you are using custom categories the slugs won’t be displayed. If you are working with post content you’ll see the slug of each available filter displayed at the bottom of each filter box: A “slug” is basically a piece of text formatted with no special characters, spaces or capital letters. To use this option, provide the “slug” of the filter you want to apply, or to apply multiple filters insert a comma separated list. For example, you might initially load only the items from a specific category such as “General News”: The Start with Filter option allows you to load your grid with one or more filters already applied. If you choose the OR setting, items will appear if they match any of the selected filters, e.g. If you choose the AND setting, items will only appear if they match all of the selected filters, e.g. The Filter Logic option only appears if Filter Type is set to Multiple, and provides to you with the settings AND and OR: This option allows you to determine if filters should be automatically created out of Categories, Tags, or the Default of both: Filter Logic The Add Filters by option only appears if Filter Type is set to Single. The Filter Type option allows you to choose between Single, where only one filter can be active at a time, and Multiple, where multiple filters can be active at once. We’ll begin by looking at each of the options found in the Filter Groups panel, before moving on to how to actually create and configure filters. Note: In order to provide users with buttons that enable them to filter a grid, a Filter navigation module we’ll need to have been added to one of the grid’s dropzones, as described on the previous page of this manual covering navigation: Filter Group Options Everything you need to add filtering to a grid can be found in the Filter Groups panel: Let’s start by looking at how to set up filtering. Note: All options covered in this article can be found under the Nav-Filter-Sort tab. In this guide you will learn how to add both of these types of functionality to your grids. In some cases it can be very useful to give visitors the option to filter the items in a given grid, for example showing only the items in a specific category:īy the same token, it can also be very helpful if a visitor can sort the items in a grid, for example showing the newest or lowest priced items first:
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |