# Creating slides for a product

**URL:** <https://community.glideapps.com/t/creating-slides-for-a-product/17165>\
**Category:** Ask for Help\
**Created:** [October 15, 2020, 7:50am UTC](https://community.glideapps.com/t/creating-slides-for-a-product/17165 "2020-10-15T07:50:13Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![Valentine\_Madzhie](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/valentine_madzhie/32/11453_2.png) [@Valentine\_Madzhie](https://community.glideapps.com/u/Valentine_Madzhie)\
**Post date:** [October 15, 2020, 7:50am UTC](https://community.glideapps.com/t/creating-slides-for-a-product/17165/1 "2020-10-15T07:50:14Z")

</div>

Hi Community

How can I create a slide show for a product?  
Like where user can see back, front , side of an image?

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/d/daa2944c8bbd53646251b1b25695eeba73b20ab9.jpeg)

---

<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:** [October 15, 2020, 8:01am UTC](https://community.glideapps.com/t/creating-slides-for-a-product/17165/2 "2020-10-15T08:01:52Z")

</div>

You can make an array column of images and use that here.

---

<div class="post-metadata">

**Author:** ![Valentine\_Madzhie](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/valentine_madzhie/32/11453_2.png) [@Valentine\_Madzhie](https://community.glideapps.com/u/Valentine_Madzhie)\
**Post date:** [October 15, 2020, 8:57am UTC](https://community.glideapps.com/t/creating-slides-for-a-product/17165/3 "2020-10-15T08:57:03Z")

</div>

Can you please example that

---

<div class="post-metadata">

**Author:** ![SantiagoPerez](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/santiagoperez/32/16807_2.png) [@SantiagoPerez](https://community.glideapps.com/u/SantiagoPerez)\
**Post date:** [October 15, 2020, 9:20am UTC](https://community.glideapps.com/t/creating-slides-for-a-product/17165/4 "2020-10-15T09:20:42Z")

</div>

In your google sheets:

1. You need to have pic 1, pic 2, pic 3, pic 4 etc. these need to be side by side.

2. Glide automatically will create an array with all those pics.

3. In the image component, use the array (relation looking symbol).

Then you’ll have what you need.

Let us know if this helps.

---

<div class="post-metadata">

**Author:** ![Valentine\_Madzhie](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/valentine_madzhie/32/11453_2.png) [@Valentine\_Madzhie](https://community.glideapps.com/u/Valentine_Madzhie)\
**Post date:** [October 15, 2020, 9:23am UTC](https://community.glideapps.com/t/creating-slides-for-a-product/17165/5 "2020-10-15T09:23:04Z")

</div>

HI

Do you mean like in the Excel sheet I must add commas

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/a/a629b6f8084bfa37de600ddbba7e8676b406a3bf.png)

---

<div class="post-metadata">

**Author:** ![SantiagoPerez](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/santiagoperez/32/16807_2.png) [@SantiagoPerez](https://community.glideapps.com/u/SantiagoPerez)\
**Post date:** [October 15, 2020, 9:25am UTC](https://community.glideapps.com/t/creating-slides-for-a-product/17165/6 "2020-10-15T09:25:28Z")

</div>

Yes!

Add image 1, Image 2, Image 3 etc.

Remember you need to be extra careful with spelling and spacing. I suggest to type image 1, then copy and paste and change the number.

If there’s a slightly difference on spelling and/or spacing Glide will not turn it into an array.

---

<div class="post-metadata">

**Author:** ![Valentine\_Madzhie](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/valentine_madzhie/32/11453_2.png) [@Valentine\_Madzhie](https://community.glideapps.com/u/Valentine_Madzhie)\
**Post date:** [October 15, 2020, 9:27am UTC](https://community.glideapps.com/t/creating-slides-for-a-product/17165/7 "2020-10-15T09:27:40Z")

</div>

Oh okay I see what you mean

---

<div class="post-metadata">

**Author:** ![Valentine\_Madzhie](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/valentine_madzhie/32/11453_2.png) [@Valentine\_Madzhie](https://community.glideapps.com/u/Valentine_Madzhie)\
**Post date:** [October 15, 2020, 6:28pm UTC](https://community.glideapps.com/t/creating-slides-for-a-product/17165/8 "2020-10-15T18:28:37Z")

</div>

I tried this but not working please see images and advice where I may be wrong

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/2/2d04925c0a5bb13380818d2d66905b0cddb4595b.jpeg)

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/0/0e523e3cb75ef69ba2f0bf2dfe9301f84eafc036.jpeg)  
 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/8/864de2c3190aee2706eb995da24d6547e0c3957a.png)

---

<div class="post-metadata">

**Author:** ![Deena](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/deena/32/9877_2.png) [@Deena](https://community.glideapps.com/u/Deena)\
**Post date:** [October 15, 2020, 7:05pm UTC](https://community.glideapps.com/t/creating-slides-for-a-product/17165/9 "2020-10-15T19:05:49Z")

</div>

Did you try swiping through them on your phone? Unfortunately it isn’t very clear that the array is there on the computer/editor.

---

<div class="post-metadata">

**Author:** ![Valentine\_Madzhie](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/valentine_madzhie/32/11453_2.png) [@Valentine\_Madzhie](https://community.glideapps.com/u/Valentine_Madzhie)\
**Post date:** [October 15, 2020, 7:19pm UTC](https://community.glideapps.com/t/creating-slides-for-a-product/17165/10 "2020-10-15T19:19:50Z")

</div>

Yeah also on the phone it’s not working

---

<div class="post-metadata">

**Author:** ![Deena](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/deena/32/9877_2.png) [@Deena](https://community.glideapps.com/u/Deena)\
**Post date:** [October 15, 2020, 7:22pm UTC](https://community.glideapps.com/t/creating-slides-for-a-product/17165/11 "2020-10-15T19:22:42Z")

</div>

Your array columns seem to be set up correctly. Check that there is no space at the end of any of the image titles? Hit sync manually? Also, make sure you are not clicked into any of those cells - I noticed sometimes data doesn’t sync if I’m in a cell that I just entered into (mystery)…

---

<div class="post-metadata">

**Author:** ![Valentine\_Madzhie](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/valentine_madzhie/32/11453_2.png) [@Valentine\_Madzhie](https://community.glideapps.com/u/Valentine_Madzhie)\
**Post date:** [October 15, 2020, 7:29pm UTC](https://community.glideapps.com/t/creating-slides-for-a-product/17165/12 "2020-10-15T19:29:00Z")

</div>

No What I am trying to achieve is the customer will see front of the shirt and when they click on it they should be able to scroll and see the sides and back of the shirt for example

---

<div class="post-metadata">

**Author:** ![Deena](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/deena/32/9877_2.png) [@Deena](https://community.glideapps.com/u/Deena)\
**Post date:** [October 15, 2020, 7:31pm UTC](https://community.glideapps.com/t/creating-slides-for-a-product/17165/13 "2020-10-15T19:31:26Z")

</div>

Your columns are correctly set up to show an array…so they would be able to swipe and see the other images (sides and back of shirt). And sorry, I understand now that you are uploading these and they should appear in the image component. Not sure why they’re not…

---

<div class="post-metadata">

**Author:** ![Valentine\_Madzhie](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/valentine_madzhie/32/11453_2.png) [@Valentine\_Madzhie](https://community.glideapps.com/u/Valentine_Madzhie)\
**Post date:** [October 15, 2020, 7:32pm UTC](https://community.glideapps.com/t/creating-slides-for-a-product/17165/14 "2020-10-15T19:32:52Z")

</div>

Oh Okay I understand you know how would I set something like that up?

---

<div class="post-metadata">

**Author:** ![Deena](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/deena/32/9877_2.png) [@Deena](https://community.glideapps.com/u/Deena)\
**Post date:** [October 15, 2020, 7:43pm UTC](https://community.glideapps.com/t/creating-slides-for-a-product/17165/15 "2020-10-15T19:43:54Z")

</div>

Did you already follow this?

[https://docs.glideapps.com/all/reference/data-editor/computed-columns/array-column](https://docs.glideapps.com/all/reference/data-editor/computed-columns/array-column)

I just did this last week and it’s pretty straightforward. Since your google sheet shows the correct columns, it should work…just review step by step and see if you find anything wrong…

Does your data editor show this array column? It uses the icon like a relation but it’s actually the array…

 ![Screen Shot 2020-10-15 at 3.44.16 PM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/7/70d92a37bcff81750089e27ea8f0d14ce9bd904b.jpeg)

---

<div class="post-metadata">

**Author:** ![SantiagoPerez](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/santiagoperez/32/16807_2.png) [@SantiagoPerez](https://community.glideapps.com/u/SantiagoPerez)\
**Post date:** [October 15, 2020, 7:50pm UTC](https://community.glideapps.com/t/creating-slides-for-a-product/17165/16 "2020-10-15T19:50:51Z")

</div>

Is it possible you can show and screenshot of the Data editor?

---

<div class="post-metadata">

**Author:** ![Valentine\_Madzhie](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/valentine_madzhie/32/11453_2.png) [@Valentine\_Madzhie](https://community.glideapps.com/u/Valentine_Madzhie)\
**Post date:** [October 15, 2020, 7:57pm UTC](https://community.glideapps.com/t/creating-slides-for-a-product/17165/17 "2020-10-15T19:57:13Z")

</div>

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/4/4695aaf6282db0caf93cc027c034faf3db476004.png)

---

<div class="post-metadata">

**Author:** ![SantiagoPerez](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/santiagoperez/32/16807_2.png) [@SantiagoPerez](https://community.glideapps.com/u/SantiagoPerez)\
**Post date:** [October 15, 2020, 7:59pm UTC](https://community.glideapps.com/t/creating-slides-for-a-product/17165/18 "2020-10-15T19:59:15Z")

</div>

Ok. Your array is working. Now make sure that in your image component you are using the array.

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/c/c7c07393131765cad458f3718f089cc6c144cb0b.jpeg)

---

<div class="post-metadata">

**Author:** ![Valentine\_Madzhie](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/valentine_madzhie/32/11453_2.png) [@Valentine\_Madzhie](https://community.glideapps.com/u/Valentine_Madzhie)\
**Post date:** [October 15, 2020, 8:11pm UTC](https://community.glideapps.com/t/creating-slides-for-a-product/17165/19 "2020-10-15T20:11:12Z")

</div>

WORKED Thank you

---

<div class="post-metadata">

**Author:** ![SantiagoPerez](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/santiagoperez/32/16807_2.png) [@SantiagoPerez](https://community.glideapps.com/u/SantiagoPerez)\
**Post date:** [October 15, 2020, 8:12pm UTC](https://community.glideapps.com/t/creating-slides-for-a-product/17165/20 "2020-10-15T20:12:38Z")

</div>

Awesome! Good job!
