Colors, sizes, images, formatting and everything related to the main menu of the site.
Mega Menu
Banner
Mega menu allows you to place a banner at the bottom of the menu on desktop and at the top on mobile.
Image
Type:
Text
Here you enter the name of a file that Mega Menu will search for in Image Manager to display as a banner in the menu.
Link
Type:
Text
Default value:
/categories/fashion/women.html
Link to be assigned to the banner.
Images, Icons & Badges
Show category image on mobile
Type:
Checkbox
Default value:
On
Displays the image of the main categories (categories that are not subcategories of another one) below the name in cell phones.
Show category image on desktop
Type:
Checkbox
Default value:
On
Displays the image of the main categories (categories that are not subcategories of another one) below the desktop name.
Fit image to menu width
Type:
Checkbox
Default value:
On
It makes the images of the main categories to be displayed occupying the width of the menu focusing on the middle of the image (depending on the height it will be discarded from the image above and below).
It never deforms the image, i.e. it respects the aspect ratio.
Display icon to the left of the category name (file name must be icon_{category_name}.png)
Type:
Checkbox
Default value:
Off
Mega menu allows to display for each main category, an icon to the left of the name.
The file corresponding to the icon must be uploaded to Image manager with the name icon_{category_name}.png.
Display badge to the right of the category name (file name must be badge_{category_name}.png)
Type:
Checkbox
Default value:
Off
Mega menu allows to display for each main category, a badge to the right of the name.
The file corresponding to the badge must be uploaded to Image manager with the name badge_{category_name}.png.
Display subcategory image on mobile
Type:
Checkbox
Default value:
On
Displays the image of the sub-categories (first level of sub-category only) below the name in cell phones.
Display subcategory image on desktop
Type:
Checkbox
Default value:
On
Displays the image of the sub-categories (first sub-category level only) below the name in desktops.
Display badge to the right of the subcategory name (file name must be badge_{category_name}.png)
Type:
Checkbox
Default value:
Off
Mega menu allows to display for each sub-category of the main categories (only first level of sub-category), a badge to the right of the name.
The file corresponding to the badge must be uploaded to Image manager with the name badge_{category_name}.png.
Colors
Category color on mobile
Type:
Color
Default value:
#224064
Color for the main categories (level 1) in cell phones.
Category selected color on mobile
Type:
Color
Default value:
#3767A1
Color for the selected main category (level 1) in cellular phones.
Subcategory color
Type:
Color
Default value:
#333333
Color for subcategories (level 2 and above).
Subcategory selected color
Type:
Color
Default value:
#306DA3
Color for selected subcategories (level 2 and above).
Menu background color
Type:
Color
Default value:
#EDF0FF
Menu background color.
Border color
Type:
Color
Default value:
#000000
Menu border color.
Menu bar category color
Type:
Color
Default value:
#ffffff
Color for the main categories (level 1) on desktop.
Menu bar category selected color
Type:
Color
Default value:
#ffffff
Color for the selected main category (level 1) on desktop.
Menu bar category selected background color
Type:
Color
Default value:
#025683
Background color of the selected main category (level 1) on desktop.
Menu bar background color
Type:
Color
Default value:
#EDF0F2
Background color of the menu bar(desktop).
Positions & Others
Search box on mobile menu
Type:
Checkbox
Default value:
On
Show the search engine in the menu on cell phones.
Show menu below Home page carousel on desktop
Type:
Checkbox
Default value:
Off
Displays the menu below the BigCommerce Home page carousel on desktop.
Menu collapsed
Type:
Select
Default value:
Mobile
Sets when the 3 horizontal bars (hamburger menu) appear instead of the menu.
- Only on cell phones
- On cell phones and internal pages of the site
- Always
Show subcategories as column on desktop
Type:
Checkbox
Default value:
On
Displays the subcategories in column format on desktop.
Hide links to web pages
Type:
Checkbox
Default value:
Off
It does not include in the menu the web pages created even those that have been marked to appear in the navigation menu.
In this case, those pages will only appear in the footer of the site.
Position All options on bottom
Type:
Checkbox
Default value:
On
Position the "All category" option at the bottom of the menu.
"All category" text template
Type:
Text
Default value:
All {category_name}
Text for the "All category" option.
The category name can be referenced using the {category} token, e.g., in the Shoes category, the text See all in {category}, will show See all in Shoes.