Gallery Page with over to reveal text information about image

Hi. I have a site that sells frozen ready meals that are available in bundles. I need to create a menu page that so customers can see all the food. I’m trying to create a gallery of dishes where a customer can hover over an Irish mage and the information that dish appears like ingredients and nutritional. This information could be a pdf/ image also.

Any ideas

thank you for reading

madebytobie.com

Hello @madebytobie ,

Here is our suggestions, you can try to follow these steps:

  • Go to your admin panel → create a new page named “Menu”
  • Choose a layout for your menu page that will showcase your dishes in an organized and visually appealing way. You can use a grid layout with images of each dish or a list view with each dish’s name and a small image.
  • Add hover-over functionality to each dish by using Shopify’s built-in hover-over feature. You can add a “tooltip” with the dish’s name and basic information like ingredients and nutritional value.
  • If you want to provide more detailed information like a PDF or image, you can create a pop-up window that appears when a customer clicks on a dish. You can use a Shopify app like “Modalyst” to add pop-up functionality to your store.
  • To make it easy for customers to add dishes to their cart, you can include an “Add to Cart” button or a “Buy Now” button on each dish’s hover-over or pop-up window.

Hope this can help. Let us know if you need any further support.

Ali Reviews team.

1 Like