<div
  data-elb="product"
  data-elbaction="load:view"
  data-elbcontext="stage:inspire"
  class="event-flow dui-card w-72 bg-base-100 shadow-xl mx-auto">
  <figure class="relative">
    <img src="/img/examples/everyday_ruck_snack.png" alt="Product" />
    <div class="absolute top-2 right-2">
      <div data-elb-product="badge:delicious" class="dui-badge dui-badge-primary text-white">delicious</div>
    </div>
  </figure>
  <div class="dui-card-body">
    <h3 data-elb-product="name:#innerText" class="dui-card-title text-lg">
      Everyday Ruck Snack
    </h3>
    <div class="dui-form-control">
      <label class="dui-label">Taste</label>
      <select 
        data-elb-product="taste:#value"
        class="dui-select dui-select-bordered w-full"
      >
        <option value="sweet">Sweet</option>
        <option value="spicy">Spicy</option>
      </select>
    </div>
    <p data-elb-product="price:2.50" class="text-xl font-bold">
      € 2.50 <span data-elb-product="old_price:3.14" class="dui-label text-base line-through">€ 3.14</span>
    </p>
    <div data-elbcontext="stage:hooked" class="dui-card-actions justify-between">
      <button
        data-elbaction="click:save"
        class="dui-btn dui-btn-secondary"
      >
        Add to Wishlist
      </button>
      <button
        data-elbaction="click:add"
        class="dui-btn dui-btn-primary"
      >
        Add to Cart
      </button>
    </div>
  </div>
</div>

No event yet.

{
  product: {
    view: {
      name: 'view_item',
      data: {
        map: {
          event: 'name',
          price: 'data.price',
          stage: "context.stage.0"
        },
      },
    },
    add: {
      name: 'add_to_cart',
      data: {
        map: {
          event: 'event',
          price: 'data.price',
          user: {
            consent: { marketing: true },
            key: 'user.session'
          },
          isSale: {
            fn: (e) => !!e.data.old_price
          },
        },
      },
    },
    save: {
      data: {
        map: {
          event: 'event',
          data: 'data'
        }
      }
    }
  },
}

No result yet.