Skip to content

The4 BFCM is LIVE: 15% off Athora & Vetro + free setup. Explore offers

Cart

Your cart is empty.

Looks like you haven't added anything to your cart yet.

Continue shopping

Configure menu image with metafields

When using Mega menu standard , if you display an image in the menu, the theme will default to using the image from Shopify's Collection image. If you don't wa…

1 min read

On this page

    When using Mega menu standard, if you display an image in the menu, the theme will default to using the image from Shopify's Collection image.

    If you don't want to use the Collection image and want to display a different image, you can use metafields to specify a custom image.

    1. Create the metafield

    First, create a collection metafield:

    1. Go to Settings > Metafields and metaobjects > Collections

    2. Click Add definition and configure it as follows:

    • Name: Menu Image

    • Namespace and key(required): theme.menu_image

    • Content type:

      • One value

      • Image File

    2. Add image to collection metafield

    Now, please go to each collection that appears in the menu and add an image for it by uploading the image to the Menu Image metafield you created above.

    Need a Shopify store to follow along? Start a free Shopify trial

    Was this page helpful?

    Contact support

    Building client stores on Vetro?

    Join The4 Premium Partner for priority support, white-label handover docs and up to 25% off services for your clients.

    Become a partner

    What are you looking for?

    Try a popular search or jump into a guide below.

    Popular searches

    ↑↓ navigate ↵ open Esc close
    Need help? Chat with us