Create a product listings page with a side basket

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.

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)

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

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

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

ProductBasket.rp (88.2 KB)

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

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

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