Need help with shopping apps

[engkahseng1015vfg5ma]

I m having problem with too many buttons for shopping app just to add or subtract product number, please help

[tatiang]

When you find yourself repeating code this much, it’s good to consider how you might dynamically code this.

My mind goes to using clone blocks. If you haven’t used them before, it’s a steep learning curve to get them working. You can look over the documentation for them at "Any Component" Blocks | Thunkable Docs.

[engkahseng1015vfg5ma]

The problem is, I’ve manually created all the buttons one by one. Now all I had to do is to put them in one block together so that It detects as one whenever I pressed one of the button(same function button like all + or -). But I just cant find a way to put them together.

[tatiang]

For a layout like that, you should use a Data Viewer Grid. Either way, you need to redo the screen. But I would definitely recommend a Data Viewer Grid.

[engkahseng1015vfg5ma]

Tried out data viewer grid, would definitely work but way too limited with the settings.
PS: Had to link the whole thing with data source if doing it different way but way bigger workload. (Also adding another data source for different groups of products)

[tatiang]

@engkahseng1015vfg5ma

Tried out data viewer grid, would definitely work but way too limited with the settings.

I’m not sure what you mean by that. You can make a custom Data Viewer Grid (DVG) layout with any components you need. But if setting it up manually makes more sense, you’ve already got a start on that. It’s just a pain if you need to move one button slightly or add/remove something to the layout. With a DVG, you make one change and all of the items then have that change applied.

[engkahseng1015vfg5ma]

Sadly I am using thunkable for free so thats why data viewer grid does not work for me due to its lack of settings