Div внутри php. Миниатюры интернет-магазина

Question

Я создаю что-то вроде интернет-магазина без оплаты. Я хочу создать такие вещи, как миниатюры, чтобы вы могли видеть, как называется продукт и как он выглядит. вот так выглядит миниатюра.

Я использую этот код для создания этого:

<div class="product">
        <?php
          include 'assets/php_includes/db_connection.php';

          $query = "SELECT * FROM artikelen";
          $result = mysqli_query($DB_CONNECTION, $query);

          if ($result === false) {
            die(mysql_error());
          }

          while($artikel = mysqli_fetch_array($result)) {
            if ($artikel['Ingeschakeld'] === 1) {
              echo "" . $artikel['Naam'] . "<br>";
              echo "" . $artikel['Prijs'] . "<br>";
              echo "" . $artikel['Informatie'] . "<br>";
              echo "" . $artikel['Ingeschakeld'] . "<br>";
            } else {
              echo "This article isn't available!";
            }
          }
        ?>
      </div>

Но все разные предметы входят в 1 миниатюру. Как бы я сделал так, чтобы это сделало несколько миниатюр только с одним кодом, как это?

Answer 1

Попробуйте как ниже. Просто пример.

<style>
.product{

    border: 2px solid #808080;
    width: 205px;
    height: 205px;
    margin: 5px;
    padding: 5px;
    border-radius: 5px;
    float: left;
}
</style>
<?php
            $artikel = array(array('Naam'=>"Naam 1", "Prijs"=>"Prijs 1", "Informatie"=>"Informatie 1", "Ingeschakeld"=>1),
                               array('Naam'=>"Naam 2", "Prijs"=>"Prijs 2", "Informatie"=>"Informatie 2", "Ingeschakeld"=>1),
                               array('Naam'=>"Naam 3", "Prijs"=>"Prijs 3", "Informatie"=>"Informatie 3", "Ingeschakeld"=>2),
                               array('Naam'=>"Naam 4", "Prijs"=>"Prijs 4", "Informatie"=>"Informatie 4", "Ingeschakeld"=>1),
                               array('Naam'=>"Naam 5", "Prijs"=>"Prijs 5", "Informatie"=>"Informatie 5", "Ingeschakeld"=>1),
                              );

                foreach($artikel as $artikel)
                    {

                        ?>
                        <div class="product">
                            <?php
                         if ($artikel['Ingeschakeld'] === 1) {      
                                  echo "" . $artikel['Naam'] . "<br>";
                                  echo "" . $artikel['Prijs'] . "<br>";
                                  echo "" . $artikel['Informatie'] . "<br>";
                                  echo "" . $artikel['Ingeschakeld'] . "<br>";
                            } else {
                                echo "This article isn't available!";
                            }  
                            ?>
                        </div>

                    <?php
                    }

?>