Add icons to burger menu items <> Victory

In the burger menu, you can display an icon at the first-level menu items. These icons are displayed automatically, so basically, any additional actions are not required.


If a menu item contains the link to the collection page, the image of the first product in this collection will be displayed.

If a menu item contains the link to the product, the main product image will be displayed.



You can also add custom icons. This can be done via a metafields. You need to create a product and/or collection metafield, depending on the specific menu item - a product metafield for menu items that link to products, and a collection metafield for menu items that link to collections.


To create a metafield, please navigate to the Admin panel -> Settings -> Metafields and metaobjects, enter the Products or Collections, and click on the "Add definition."



The metafield must be created with the following parameters:

Name Menu icon
Namespace and key custom.menu_icon
Type One, Image (file)



After that, navigate to the collection or product page in the admin panel, find the Metafields block, and add the image to that metafield.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us