<turbo-stream action="update" target="product_list">
  <template>

          <div class="col-xxxl-4 col-xxxxl-3 col-xxl-4 col-xl-6 col-lg-6 col-md-6 col-sm-12">
        <div class="card product mb-4">
          <div class="row h-100">
            <div class="col-5">
              <a href="/products/schaal-porselein-triumf-gustavsberg-hoogte-ca-7cm-lengte-30x23">
                <img class="card-img-top" alt="Schaal, Porselein, &#39;Triumf&#39;, Gustavsberg, hoogte ca. 7cm lengte 30x23" src="https://d1jh1o29n9s5de.cloudfront.net/fs8uwl45um57qcuaooycy7uq4rk3" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/schaal-porselein-triumf-gustavsberg-hoogte-ca-7cm-lengte-30x23">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Schaal, Porselein, &#39;Triumf&#39;, Gustavsberg, hoogte ca. 7cm lengte 30x23</h5>
                </div>
</a>              <div class="wishlist-container pb-0">
                  <div class="card-product-price price">
                    36.06 €
                 </div>
                <div class="card-wishlist">
                  <div id="wishlist-button-skal-porslin-triumf-gustavsberg-hojd-ca-7cm-langd-30x23-1784447627">
                  </div>
                </div>
              </div>
              <div class="card-footer d-flex align-items-end h-100 ps-0">

                  <form class="add-to-cart-form w-100" action="/carts/add" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EPHOItxqmVJKvnnF8FtDfqUC8N8-B6qkq2P9DahEUqW6g2qWgQ83opg1t-W4ppW3sjYC8uvb7PGSpQkHnGyhCA" autocomplete="off" />
                    <input value="2895" autocomplete="off" type="hidden" name="product" id="product" />
                    <input type="submit" name="commit" value="In winkelmandje" class="btn mt-3 btn-primary" data-disable-with="In winkelmandje" />
</form>

              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-xxxl-4 col-xxxxl-3 col-xxl-4 col-xl-6 col-lg-6 col-md-6 col-sm-12">
        <div class="card product mb-4">
          <div class="row h-100">
            <div class="col-5">
              <a href="/products/schaal-porselein-triomf-gustavsberg-22-5x14">
                <img class="card-img-top" alt="Schaal, Porselein, &#39;Triomf&#39;, Gustavsberg, 22,5x14" src="https://d1jh1o29n9s5de.cloudfront.net/de4711zjhxln4rudwr9jiajihvfu" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/schaal-porselein-triomf-gustavsberg-22-5x14">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Schaal, Porselein, &#39;Triomf&#39;, Gustavsberg, 22,5x14</h5>
                </div>
</a>              <div class="wishlist-container pb-0">
                  <div class="card-product-price price">
                    24.04 €
                 </div>
                <div class="card-wishlist">
                  <div id="wishlist-button-fat-porslin-triumf-gustavsberg-22-5x14-1784447627">
                  </div>
                </div>
              </div>
                <p class="mb-0 card-qty-s"><strong>(Op voorraad: </strong>2)</p>
              <div class="card-footer d-flex align-items-end h-100 ps-0">

                  <form class="add-to-cart-form w-100" action="/carts/add" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-uVESHMtEFBHaW7q3IqtuKVX19HMGJMIVpEtSzabW5lQl-D8Lki-oJXioMqUd3txsmMl_BnE1V1vV9lBArOoNA" autocomplete="off" />
                    <input value="2894" autocomplete="off" type="hidden" name="product" id="product" />
                    <input type="submit" name="commit" value="In winkelmandje" class="btn mt-3 btn-primary" data-disable-with="In winkelmandje" />
</form>

              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-xxxl-4 col-xxxxl-3 col-xxl-4 col-xl-6 col-lg-6 col-md-6 col-sm-12">
        <div class="card product mb-4">
          <div class="row h-100">
            <div class="col-5">
              <a href="/products/schaal-porselein-triumf-gustavsberg-25x21">
                <img class="card-img-top" alt="Schaal, Porselein, &#39;Triumf&#39;, Gustavsberg, 25x21" src="https://d1jh1o29n9s5de.cloudfront.net/1nmgob7m8r0i1cv4g64slirdir2i" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/schaal-porselein-triumf-gustavsberg-25x21">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Schaal, Porselein, &#39;Triumf&#39;, Gustavsberg, 25x21</h5>
                </div>
</a>              <div class="wishlist-container pb-0">
                  <div class="card-product-price price">
                    16.83 €
                 </div>
                <div class="card-wishlist">
                  <div id="wishlist-button-fat-porslin-triumf-gustavsberg-25x21-1784447627">
                  </div>
                </div>
              </div>
              <div class="card-footer d-flex align-items-end h-100 ps-0">

                  <form class="add-to-cart-form w-100" action="/carts/add" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qlwIbAzQUF3M4zgw_yzOMB2x-4nKJjxKYH0xquGZo2QALqzYUbX-rR5o9hC30Rj5CoUJpB_6eh9Zu8Wg1bFQyQ" autocomplete="off" />
                    <input value="2893" autocomplete="off" type="hidden" name="product" id="product" />
                    <input type="submit" name="commit" value="In winkelmandje" class="btn mt-3 btn-primary" data-disable-with="In winkelmandje" />
</form>

              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-xxxl-4 col-xxxxl-3 col-xxl-4 col-xl-6 col-lg-6 col-md-6 col-sm-12">
        <div class="card product mb-4">
          <div class="row h-100">
            <div class="col-5">
              <a href="/products/schaal-porselein-triumf-gustavsberg-40x32">
                <img class="card-img-top" alt="Schaal, Porselein, &#39;Triumf&#39;, Gustavsberg, 40x32" src="https://d1jh1o29n9s5de.cloudfront.net/hyx0mwx9g1yr5vuzrlsjhbnpovit" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/schaal-porselein-triumf-gustavsberg-40x32">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Schaal, Porselein, &#39;Triumf&#39;, Gustavsberg, 40x32</h5>
                </div>
</a>              <div class="wishlist-container pb-0">
                  <div class="card-product-price price">
                    33.66 €
                 </div>
                <div class="card-wishlist">
                  <div id="wishlist-button-fat-porslin-triumf-gustavsberg-40x32-1784447627">
                  </div>
                </div>
              </div>
              <div class="card-footer d-flex align-items-end h-100 ps-0">

                  <form class="add-to-cart-form w-100" action="/carts/add" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="87FU_PKUbDiV8_1UV8iGXWHBQmpF3exNSEwytMNVR5dZw_BIr_HCyEd4M3QfNVCUdvWwR5ABqhhxisa-9320Og" autocomplete="off" />
                    <input value="2892" autocomplete="off" type="hidden" name="product" id="product" />
                    <input type="submit" name="commit" value="In winkelmandje" class="btn mt-3 btn-primary" data-disable-with="In winkelmandje" />
</form>

              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-xxxl-4 col-xxxxl-3 col-xxl-4 col-xl-6 col-lg-6 col-md-6 col-sm-12">
        <div class="card product mb-4">
          <div class="row h-100">
            <div class="col-5">
              <a href="/products/schaal-porselein-triumf-gustavsberg-lengte-30x25">
                <img class="card-img-top" alt="Schaal, Porselein, &#39;Triumf&#39;, Gustavsberg, lengte 30x25" src="https://d1jh1o29n9s5de.cloudfront.net/9pb6v5y5wpm021uc3v3ax8kb8uxc" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/schaal-porselein-triumf-gustavsberg-lengte-30x25">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Schaal, Porselein, &#39;Triumf&#39;, Gustavsberg, lengte 30x25</h5>
                </div>
</a>              <div class="wishlist-container pb-0">
                  <div class="card-product-price price">
                    24.04 €
                 </div>
                <div class="card-wishlist">
                  <div id="wishlist-button-fat-porslin-triumf-gustavsberg-langd-30x25-1784447627">
                  </div>
                </div>
              </div>
              <div class="card-footer d-flex align-items-end h-100 ps-0">

                  <form class="add-to-cart-form w-100" action="/carts/add" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="x7ykmOxRPZ-GUZT4Cpu3DP2LpTWm7BTMtNVBVjsq_aJtzgAssTSTb1TaWthCZmHF6r9XGHMwUpmNE7VcDwIODw" autocomplete="off" />
                    <input value="2890" autocomplete="off" type="hidden" name="product" id="product" />
                    <input type="submit" name="commit" value="In winkelmandje" class="btn mt-3 btn-primary" data-disable-with="In winkelmandje" />
</form>

              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-xxxl-4 col-xxxxl-3 col-xxl-4 col-xl-6 col-lg-6 col-md-6 col-sm-12">
        <div class="card product mb-4">
          <div class="row h-100">
            <div class="col-5">
              <a href="/products/schaal-porselein-triumf-gustavsberg-lengte-34cm">
                <img class="card-img-top" alt="Schaal, Porselein, &#39;Triumf&#39;, Gustavsberg, lengte 34cm" src="https://d1jh1o29n9s5de.cloudfront.net/rqqssk4q11gxyjk9ufmlwu7m96ck" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/schaal-porselein-triumf-gustavsberg-lengte-34cm">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Schaal, Porselein, &#39;Triumf&#39;, Gustavsberg, lengte 34cm</h5>
                </div>
</a>              <div class="wishlist-container pb-0">
                  <div class="card-product-price price">
                    24.04 €
                 </div>
                <div class="card-wishlist">
                  <div id="wishlist-button-fat-porslin-triumf-gustavsberg-langd-34cm-1784447627">
                  </div>
                </div>
              </div>
              <div class="card-footer d-flex align-items-end h-100 ps-0">

                  <form class="add-to-cart-form w-100" action="/carts/add" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Q8vvbescR9h0lc4wawuismmGsErC6qarU9Etvr_6vCPpuUvZtnnpKKYeABAj9nR7frJCZxc24P5qF9m0i9JPjg" autocomplete="off" />
                    <input value="2889" autocomplete="off" type="hidden" name="product" id="product" />
                    <input type="submit" name="commit" value="In winkelmandje" class="btn mt-3 btn-primary" data-disable-with="In winkelmandje" />
</form>

              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-xxxl-4 col-xxxxl-3 col-xxl-4 col-xl-6 col-lg-6 col-md-6 col-sm-12">
        <div class="card product mb-4">
          <div class="row h-100">
            <div class="col-5">
              <a href="/products/schaal-porselein-triumf-gustavsberg-lengte-20-5-cm">
                <img class="card-img-top" alt="SCHAAL, Porselein, &#39;Triumf&#39;, Gustavsberg, lengte 20,5 cm" src="https://d1jh1o29n9s5de.cloudfront.net/63dr4yggmxqqgquvngtwltkdincg" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/schaal-porselein-triumf-gustavsberg-lengte-20-5-cm">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">SCHAAL, Porselein, &#39;Triumf&#39;, Gustavsberg, lengte 20,5 cm</h5>
                </div>
</a>              <div class="wishlist-container pb-0">
                  <div class="card-product-price price">
                    14.42 €
                 </div>
                <div class="card-wishlist">
                  <div id="wishlist-button-fat-porslin-triumf-gustavsberg-langd-20-5-cm-1784447627">
                  </div>
                </div>
              </div>
                <p class="mb-0 card-qty-s"><strong>(Op voorraad: </strong>2)</p>
              <div class="card-footer d-flex align-items-end h-100 ps-0">

                  <form class="add-to-cart-form w-100" action="/carts/add" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xB3_ymqvpuvdeS0CvRSk8eSUVYYLZOLNaciAO0uUn6Vub1t-N8oIGw_y4yL16XI486Cnq964pJhQDnQxf7xsCA" autocomplete="off" />
                    <input value="2888" autocomplete="off" type="hidden" name="product" id="product" />
                    <input type="submit" name="commit" value="In winkelmandje" class="btn mt-3 btn-primary" data-disable-with="In winkelmandje" />
</form>

              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-xxxl-4 col-xxxxl-3 col-xxl-4 col-xl-6 col-lg-6 col-md-6 col-sm-12">
        <div class="card product mb-4">
          <div class="row h-100">
            <div class="col-5">
              <a href="/products/gustavsberg-triumf-sauskom">
                <img class="card-img-top" alt="Gustavsberg, Triumf Sauskom" src="https://d1jh1o29n9s5de.cloudfront.net/e8yuhi7fjbivhlv6gw1nez77w5bd" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/gustavsberg-triumf-sauskom">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Gustavsberg, Triumf Sauskom</h5>
                </div>
</a>              <div class="wishlist-container pb-0">
                  <div class="card-product-price price">
                    31.25 €
                 </div>
                <div class="card-wishlist">
                  <div id="wishlist-button-gustavsberg-triumf-sasskal-1784447627">
                  </div>
                </div>
              </div>
              <div class="card-footer d-flex align-items-end h-100 ps-0">

                  <form class="add-to-cart-form w-100" action="/carts/add" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OEIS6Qyb56QVK9qvK9aMMG3sMObXw_5rSmC9p-dJ0uKSMLZdUf5JVMegFI9jK1r5etjCywIfuD5zpkmt02EhTw" autocomplete="off" />
                    <input value="2606" autocomplete="off" type="hidden" name="product" id="product" />
                    <input type="submit" name="commit" value="In winkelmandje" class="btn mt-3 btn-primary" data-disable-with="In winkelmandje" />
</form>

              </div>
            </div>
          </div>
        </div>
      </div>

  </template>
</turbo-stream>

<turbo-stream action="replace" target="pagination">
  <template>


      <div id="pagination">



      </div>
  </template>
</turbo-stream>