Estoy teniendo un problema al visualizar mi página web desarrollada en php. El proyecto consiste en una tienda en línea y específicamente este proceso es agregar un producto al carrito. Al momento de refrescar la página me aparece el siguiente error: 

Notice: Undefined offset: 1 in /Applications/XAMPP/xamppfiles/htdocs/canvas_ink/cart.php on line 84

Notice: Trying to access array offset on value of type null in /Applications/XAMPP/xamppfiles/htdocs/canvas_ink/cart.php on line 84

(me aparece el mismo error por cada columna, cambiando únicamente el # de la línea)
[![Adjunto imagen][1]][1]


este es mi código: 

```

    <?php 
        session_start();
        include './php/conexion.php';
        if(isset($_SESSION['carrito'])){
            // si existe se busca si ya estaba agregado ese producto
        }else{
            // creamos la variable de sesión
            if(isset($_GET['id'])){
                $nombre="";
                $precio="";
                $imagen="";
                $res = $conexion->query('select * from productos where id='.$_GET['id'])or die($conexion->error);
                $fila = mysqli_fetch_row($res);
                $nombre = $fila[1];
                $precio=$fila[3];
                $imagen=$fila[4];
                $arreglo = array(
                    'Id'=> $_GET['id'],
                    'Nombre'=> $nombre,
                    'Precio'=> $precio,
                    'Imagen'=> $imagen,
                    'Cantidad'=>1,
                );
                $_SESSION['carrito']=$arreglo;
            }
        }
    ?>
    ```
     <?php 
                         if(isset($_SESSION['carrito'])){ 
                            $arregloCarrito =$_SESSION['carrito'];
                        for($i=0;$i<count($arregloCarrito);$i++){
                      ?>
                      <tr>
                        <td class="product-thumbnail">
                          <img src="images/<?php echo $arregloCarrito[$i]['Imagen']; ?>" alt="Image" class="img-fluid">
                        </td>
                        <td class="product-name">
                          <h2 class="h5 text-black"><?php echo $arregloCarrito[$i]['Nombre']; ?></h2>
                        </td>
                        <td>$<?php $arregloCarrito[$i]['Precio']; ?></td>
                        <td>
                          <div class="input-group mb-3" style="max-width: 120px;">
                            <div class="input-group-prepend">
                              <button class="btn btn-outline-primary js-btn-minus" type="button">&minus;</button>
                            </div>
                            <input type="text" class="form-control text-center" value="<?php echo $arregloCarrito[$i]['Cantidad']; ?>" placeholder="" aria-label="Example text with button addon" aria-describedby="button-addon1">
                            <div class="input-group-append">
                              <button class="btn btn-outline-primary js-btn-plus" type="button">&plus;</button>
                            </div>
                          </div>
                        
    
                        </td>
                        <td>$<?php echo $arregloCarrito[$i]['Precio'] * $arregloCarrito[$i]['Cantidad'];?></td>
                        <td><a href="#" class="btn btn-primary btn-sm">X</a></td>
                      </tr>
                        <?php } } ?>


  [1]: https://i.sstatic.net/qurI2.png


Alguna idea de cómo corregir esto?