# Dynamically update restaurant menu

**URL:** <https://community.glideapps.com/t/dynamically-update-restaurant-menu/10568>\
**Category:** Project Showcase\
**Created:** [June 9, 2020, 10:35am UTC](https://community.glideapps.com/t/dynamically-update-restaurant-menu/10568 "2020-06-09T10:35:47Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [June 9, 2020, 10:35am UTC](https://community.glideapps.com/t/dynamically-update-restaurant-menu/10568/1 "2020-06-09T10:35:47Z")

</div>

Hi folks,

Today I’d like to show you my latest app, which will be available for copy.

My client wants to have a solution that gives him the ability to dynamically update restaurant menus in seconds, and Cloudinary came to the rescue again.

It’s a bit of a “crossover episode” between @Krivo’s Cloudinary panorama app, and @eltintero’s restaurant app: [https://paititi.glideapp.io/](https://paititi.glideapp.io/)

> [@Image carousel in conjunction with Cloudinary](https://community.glideapps.com/t/image-carousel-in-conjunction-with-cloudinary/10246/):
>
> Url: [https://imagecarousel.glideapp.io/](https://imagecarousel.glideapp.io/) At the Community Meetup June 2, 2020, I presented how to setup an image carousel in conjunction with Cloudinary. The goal was the following: Image carousel to show a panorama image Cloudinary to deliver the carousel images Cloudinary to resize the original image for fast loading Each image in carousel should be ”square” size [Presentation - and documentation](https://drive.google.com/file/d/1o6JpFD7XbX3b4SSi5RCQOiY5VjatDO_U/view?usp=sharing) If you are copying the app and doing experiments with Cloudinar…

It’s a very simple concept. Only one “home” tab with a logo and a welcome message, then a huge image vertically to show the menus available. When customers come to the restaurant, they will be showed this and then click the menu they want to see. The menu images will be designed by the restaurant themselves, but if you want to adopt this idea you can also use the options inside Glide to make your own menu layout.

Here’s [the link](https://docs.google.com/document/d/1u8QE_Wvhuk14rJ9L3ScX5Ct3UmFOnI_TVJVJR3vxv4I/) to the instructions to “activate” the app yourselves.

Here’s a video of how it works:

[![](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/9/95b8ce3ca78da29d43a4bcd1cefa7ea23dc1139e.jpeg "Dynamically update restaurant menu, a Glide app") ](https://www.youtube.com/watch?v=lyIh1h2oeIg)

Here’s the [link to the app](https://tempdigitalmenu.glideapp.io/) (it’s public so I have to make it password-protected for the showcase, you can copy it to play around yourselves).

---

<div class="post-metadata">

**Author:** ![sardamit](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/sardamit/32/263_2.png) [@sardamit](https://community.glideapps.com/u/sardamit)\
**Post date:** [June 9, 2020, 10:47am UTC](https://community.glideapps.com/t/dynamically-update-restaurant-menu/10568/2 "2020-06-09T10:47:06Z")

</div>

Pretty cool.  
Will be extremely useful for admins who don’t want to work with Google Sheets at all.

---

<div class="post-metadata">

**Author:** ![Krivo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/krivo/32/5363_2.png) [@Krivo](https://community.glideapps.com/u/Krivo)\
**Post date:** [June 9, 2020, 6:37pm UTC](https://community.glideapps.com/t/dynamically-update-restaurant-menu/10568/3 "2020-06-09T18:37:42Z")

</div>

@ThinhDinh I like it - a lot 🙂 Interesting way of doing an admin for setting up the layout of the app. Haven’t thought about that. And also very fun to see the images spilt into vertical pieces instead of horizontal for the image carousel. I will think of ways to utilize this. Thanks for sharing 👍

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [June 9, 2020, 11:37pm UTC](https://community.glideapps.com/t/dynamically-update-restaurant-menu/10568/4 "2020-06-09T23:37:51Z")

</div>

Thanks @Krivo ! Actually I thought of a further step in the single images menu. I don’t know if it can be done with CSS, might need @Christophe_HK’s opinion on this.

So instead of making images for the menus, can we have a tab that is fully filled by a background image, then we add items on it using the layouts by Glide? In that way it can be dynamically update instead of having to re-design the image when we have a new dish or want to remove one.

I thought of doing it in Cloudinary but I don’t know if we can add multiple layers using a fetch action. @Robert_Petitto taught us about using fetch and I have been using it for a while (Thanks Robert!) but when it comes to multiple fetch layers (for multiple dishes) like this case I don’t know if it can be done.

Thank you guys for any input on this case.

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [June 10, 2020, 12:06am UTC](https://community.glideapps.com/t/dynamically-update-restaurant-menu/10568/5 "2020-06-10T00:06:56Z")

</div>

Yes, you can fetch multiple images. You can add multiple l\_fetch: parameters to manipulate

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [June 10, 2020, 12:45am UTC](https://community.glideapps.com/t/dynamically-update-restaurant-menu/10568/6 "2020-06-10T00:45:23Z")

</div>

Thanks a lot Robert!

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [June 10, 2020, 5:02am UTC](https://community.glideapps.com/t/dynamically-update-restaurant-menu/10568/7 "2020-06-10T05:02:02Z")

</div>

Here’s the link that mentions overlaying fetched images if you need it.

> **[overlay a fetched image rather than local image](https://support.cloudinary.com/hc/en-us/community/posts/206582639-overlay-a-fetched-image-rather-than-local-image-)**
>
> I knew how to overlay a image which was already uploaded in cloudinary, But what i want is that i want to overlay a fetched image to be overlay on top of an another fetched image. The URL can be lo...

---

<div class="post-metadata">

**Author:** ![yinon\_raviv](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/yinon_raviv/32/1627_2.png) [@yinon\_raviv](https://community.glideapps.com/u/yinon_raviv)\
**Post date:** [June 10, 2020, 5:22am UTC](https://community.glideapps.com/t/dynamically-update-restaurant-menu/10568/8 "2020-06-10T05:22:16Z")

</div>

Beautiful work

---

<div class="post-metadata">

**Author:** ![Christophe\_HK](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/christophe_hk/32/4161_2.png) [@Christophe\_HK](https://community.glideapps.com/u/Christophe_HK)\
**Post date:** [June 10, 2020, 5:50am UTC](https://community.glideapps.com/t/dynamically-update-restaurant-menu/10568/9 "2020-06-10T05:50:46Z")

</div>

Hey @ThinhDinh,

This is awesome!

Regarding changing the image, I am afraid it won’t be possible using CSS. We can change style of existing HTML classes, but I think we can’t change data. I will have a look and will let you know!

---

<div class="post-metadata">

**Author:** ![Wiz.Wazeer](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/wiz.wazeer/32/72423_2.png) [@Wiz.Wazeer](https://community.glideapps.com/u/Wiz.Wazeer)\
**Post date:** [June 10, 2020, 2:54pm UTC](https://community.glideapps.com/t/dynamically-update-restaurant-menu/10568/10 "2020-06-10T14:54:04Z")

</div>

Wow! mesmerizing stuff! Was transfixed for a fleeting moment!

---

<div class="post-metadata">

**Author:** ![erwblo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/erwblo/32/75_2.png) [@erwblo](https://community.glideapps.com/u/erwblo)\
**Post date:** [June 10, 2020, 7:49pm UTC](https://community.glideapps.com/t/dynamically-update-restaurant-menu/10568/11 "2020-06-10T19:49:33Z")

</div>

next level!
