Currently, I’m in the process of creating a shopping scenario. However, in order to be able to track which products the users have “purchased” in some way, I wanted to use an event via the “ end purchase” (Einkauf beenden) button that transfers the stored product codes and the corresponding number of products into a text field that the users can simply copy (in order to copy this to a survey).
I tried to filter the rows in the shopping cart repeater and save them in a variable, but I failed miserably. I also tried to transfer this example, but also ended up with no success. Does anyone have a possible solution or idea? I would be more than grateful, as for better or worse I don’t have the knowledge or I can’t transfer it. Or any other easier way of tracking information is also possible.
Attached to my reply you’ll find an example of how we would normally set up a series of Interactions to achieve what you described.
In my example, we’re performing the following steps:
Display a list of available items to purchase using a Repeater (Product List)
When clicking on ‘Add to Cart’, displaying the selected items in a new Repeater (Checkout). Also giving people the option to update the quantity.
When clicking on ‘Complete Purchase’, displaying the items in the ‘Checkout’ in another Repeater (Summary).
To achieve this, lets break down each Repeater into a few actionable steps.
Product List:
The Product List Repeater uses the ‘Add to Cart’ button. Whenever the ‘Add to Cart’ button is clicked, we are adding a new row to our ‘CheckOutList’ Repeater, obtaining the values of the new rows from the ProductList, then placing those values into the respective columns on the CheckOutList.
This will add x1 new row each time ‘Add to Cart’ is clicked.
Checkout List:
With the list of products displaying in the CheckOutList, we can modify the quantity by clicking on the ‘Edit’ symbol. This will enable the Quantity Text Field. Which is subsequently disabled once the text field has lost focus.
Summary List:
The Summary List is populated with all the items present in the CheckOut list. We do this by using a ‘Move’ Interaction.
‘Move’ Interactions can be used when we need to trigger an event without using any of the typical options like ‘Click or Tap’. We don’t need to physically move the widget/group, we can simply tell it to move by 0,0 and the Interaction will trigger.
If the Group in the Checkout list is moved, we are adding 1 new row to the Summary List, populating the fields with the values from our CheckoutList Repeater.
As we are ‘Moving’ each row in our CheckOut List, the action is repeated for the amount of items in the CheckOut List.
For example 3 products = 3 move events. Each Move event adds a new row to the Summary containing the values from the CheckOut list.