JSFiddle - React, Tailwind, and code Playground

by Sasá Rafalsky

HTML

<div id="shopify-section-wishlist" class="shopify-section">
  <!--  <div class="content">    <p>Product IDs: 11294260920638,11295721980222</p>    <p>Variant IDs: 50060033098046,50064720003390</p>  </div>-->
  <!-- <p>Product List IDs: ["11294260920638","11295721980222"]</p> -->
  <ul class="product-grid">
    <!-- Depuración: Mostrar el product_id -->
    <!-- <p>Processing Product ID: 11294260920638</p> -->
    <!-- Convertir a número -->
    <!-- Depuración: Mostrar el product_id_number -->
    <!-- <p>Product ID (as number): 11294260920638</p> -->
    <!-- Depuración: Mostrar el producto encontrado -->
    <!-- <p>Found Product: {"id":11294260920638,"title":"Pets Grooming Brush","handle":"pets-grooming-brush","description":"\\u003cp\\u003e\\u003cmeta charset=\\"utf-8\\"\\u003eKeep your pet's coat healthy and shiny with our grooming brush. Gentle yet effective, it removes loose fur, knots, and debris, promoting healthy growth.\\u003c\\/p\\u003e","published_at":"2024-07-14T18:16:24-04:00","created_at":"2024-07-01T17:24:24-04:00","vendor":"Paw Claw Lab","type":"Care \\u0026 Higiene","tags":["accesories","dog"],"price":2776,"price_min":2776,"price_max":2776,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":50060033098046,"title":"Pink","option1":"Pink","option2":null,"option3":null,"sku":"597060_GWWO2QG","requires_shipping":true,"taxable":true,"featured_image":{"id":48197895913790,"product_id":11294260920638,"position":7,"created_at":"2024-07-01T17:24:32-04:00","updated_at":"2024-07-01T17:24:32-04:00","alt":null,"width":640,"height":640,"src":"https:\\/\\/cdn.shopify.com\\/s\\/files\\/1\\/0879\\/2211\\/4878\\/files\\/Ny1qkchkoLpzNFx.webp?v=1719869072","variant_ids":[50060033098046]},"available":true,"name":"Pets Grooming Brush -...