Create a product listings page with a side basket

advanced-prototyping
#1

Hi all, I’m hoping you can help with this.

I am about to start creating a prototype for a products listing page and:

  • I need to be able to add products from tiles to the side basket in any random order. (abcd; or bcad etc.).
  • Each product clicked needs to be added to the bottom of the side basket
  • I also nee to be able to remove the product from the side basket via the product tile
  • I’m limiting it to one of each product, so I don’t need to worry about qauntities.

Any idea how I would go about doing this?

See diagram.

Untitled
Untitled.png864×366 8.98 KB

#2

Have a look at the attached. The basket is driven by a repeater. You could actually make the products driven by a repeater, too if you wanted (see 2nd tab in attachment).

Have a look and let me know if you have any questions on the approach.

ProductBasket.rp (77.7 KB)

#3

That’s great thank you.
Is it possible to remove the basket item from it’s tile?

#4

Yep… Which approach did you want to use? The double repeater or the one with a single repeater.

#5

The single repeater will give me a bit more flex, thanks.

#6

ProductBasket.rp (88.2 KB)

#7

So fast!!
It will take me a while to understand what you’ve done, So I’ll say thank you now.

#8

You’re welcome. Feel free to ask any questions.

closed #10

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.