Filter products using menus
In this section...
Title of the section or feature
Secondary title of the section or feature
Select the menu to use. Many times the Main Menu will contain the links you need, but you can create a new menu with a specific structure. The submit button will link to the last selected dropdown collection.
If you choose a menu that does not contain any links to collections, you will see an error:
By default, the dropdowns will layout side by side. Uncheck this setting to have them stack one of top of the other
First dropdown text
Choose the initial text to display in the first dropdown. By default it will be 'Select'
Remaining dropdown text
Choose the initial text to display in the remaining dropdowns. By default it will be 'Select'
Customize the text for the button. By default it will be 'Search'
Include a background image
The background image dimensions depend on 2 options:
- Whether full width or container width. Refer to 'Full width' below
- The height will depend on your 'Height' settings below
Set the focus of the image to ensure consistency regardless of the height setting, content height or screen width
When an image is chosen, you can uncheck this setting if you want the overlaid text to be the default color
The banner image and background color have the option of being as wide as the screen or only as wide as the content container. Refer to the following table to reference content widths & optimal image sizing:
|Setting||Desktop Width||Minimum Image Width|
|Full width checked||100%||1900px|
|Full width unchecked||1200px||1200px|
The overall height of the section in relation to the height of the screen. 5% is the minimum, and it steps up by 5 to a maximum of 100%
A color may be applied to background images to help the text clarity
When an 'Overlay' color has been selected, control the opacity with the slider. 0% is the minimum, and it steps up by 5 to a maximum of 100%
If an image is not used as a background, you can choose between None, Primary & Secondary. The Primary & Secondary colors are set in the Theme Settings Color section