Improvements to Product Image carousel

[jasmeet0817]

What

We got feedback on the image carousel on top of the product page:

1. It was hard for the user to figure out how to add a new image.
2. I personally find the carousel not that intuitive, it's not always obvious that you can scroll right to see/add more pictures

• Allow photo refresh from the carousel #853

Part of

• Photo carousel
• 🎯 What can I work on ? #525

[stephanegigandet]

For 2. the carousel_slider plugin allows to display indicators, like this one:

That could be an option to let users know there are more photos.

For 1. maybe we could display a "Add photo" button. That would open a modal to let users pick the type of photo they want to add (ingredients, nutrition, other etc.)

[jasmeet0817]

Hmm those are some great ideas

[greentoff]

+1 and +1, fully support both those ideas!

[greentoff]

Adding photo could be done either as a permanent button or just as the last space on the right of the carousel (eg. it's less prominent when there already are multiple photos and it's not needed to take more)

[jasmeet0817]

Adding photo could be done either as a permanent button or just as the last space on the right of the carousel (eg. it's less prominent when there already are multiple photos and it's not needed to take more)

@greentoff sounds good.

Just a side note for the community, please ignore the widgets in the above pictures after the carousel, that was just experimental. The image carousel will change on the product page (product_page.dart and new_product_page.dart)

[stephanegigandet]

Adding photo could be done either as a permanent button or just as the last space on the right of the carousel (eg. it's less prominent when there already are multiple photos and it's not needed to take more)

It's what we have today in fact (a button in the last space of the carousel), but most people don't see it. We do want to encourage users to take new photos as products often change. So the permanent button is better I think.