Div 里面 php。网上商店缩略图

Question

我正在创建一个不付费的网上商店之类的东西。我想创建缩略图之类的东西，这样您就可以看到产品的名称和外观。这就是缩略图看起来像 atm 的样子。

我用这段代码来创建这个：

<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 个缩略图中。我该怎么做才能只用 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
                    }

?>

Div 里面 php。网上商店缩略图

Div inside php. Webshop thumbnails

html

css

php

jquery

webshop