создать страницу галереи товаров с помощью PHP

Question

Я очень новичок в PHP, и у меня есть задание, которое мне нужно сделать для школы. Мне нужно создать страницу галереи этого продукта с помощью PHP:

Мне нужно получить название продукта, цену, изображение и описание из базы данных.
Вот моя база данных.

Вот моя страница products.php:

<?php
  require "headers/header.php";
?>

 <?php
          if(isset($_SESSION['IdUsers'])) {
          echo '
  <!-- Page Content -->
  <div class="container">

    <div class="row">

      <div class="col-lg-3">

        <h1 class="my-4">Bright shop</h1>


      </div>
      <!-- /.col-lg-3 -->

      <div class="col-lg-9">
        <p></p>
        </div>

        <div class="row">

          <div class="col-lg-4 col-md-6 mb-4">
            <div class="card h-100">
              <a href="#"><img class="card-img-top" src="http://placehold.it/700x400" alt=""></a>
              <div class="card-body">
                <h4 class="card-title">
                  <a href="#">Item One</a>
                </h4>
                <h5>$24.99</h5>
                <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet numquam aspernatur!</p>
              </div>
              <div class="card-footer">
                <small class="text-muted">&#9733; &#9733; &#9733; &#9733; &#9734;</small>
              </div>
            </div>
          </div>

          <div class="col-lg-4 col-md-6 mb-4">
            <div class="card h-100">
              <a href="#"><img class="card-img-top" src="http://placehold.it/700x400" alt=""></a>
              <div class="card-body">
                <h4 class="card-title">
                  <a href="#">Item Two</a>
                </h4>
                <h5>$24.99</h5>
                <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet numquam aspernatur! Lorem ipsum dolor sit amet.</p>
              </div>
              <div class="card-footer">
                <small class="text-muted">&#9733; &#9733; &#9733; &#9733; &#9734;</small>
              </div>
            </div>
          </div>

          <div class="col-lg-4 col-md-6 mb-4">
            <div class="card h-100">
              <a href="#"><img class="card-img-top" src="http://placehold.it/700x400" alt=""></a>
              <div class="card-body">
                <h4 class="card-title">
                  <a href="#">Item Three</a>
                </h4>
                <h5>$24.99</h5>
                <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet numquam aspernatur!</p>
              </div>
              <div class="card-footer">
                <small class="text-muted">&#9733; &#9733; &#9733; &#9733; &#9734;</small>
              </div>
            </div>
          </div>

          <div class="col-lg-4 col-md-6 mb-4">
            <div class="card h-100">
              <a href="#"><img class="card-img-top" src="http://placehold.it/700x400" alt=""></a>
              <div class="card-body">
                <h4 class="card-title">
                  <a href="#">Item Four</a>
                </h4>
                <h5>$24.99</h5>
                <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet numquam aspernatur!</p>
              </div>
              <div class="card-footer">
                <small class="text-muted">&#9733; &#9733; &#9733; &#9733; &#9734;</small>
              </div>
            </div>
          </div>

          <div class="col-lg-4 col-md-6 mb-4">
            <div class="card h-100">
              <a href="#"><img class="card-img-top" src="http://placehold.it/700x400" alt=""></a>
              <div class="card-body">
                <h4 class="card-title">
                  <a href="#">Item Five</a>
                </h4>
                <h5>$24.99</h5>
                <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet numquam aspernatur! Lorem ipsum dolor sit amet.</p>
              </div>
              <div class="card-footer">
                <small class="text-muted">&#9733; &#9733; &#9733; &#9733; &#9734;</small>
              </div>
            </div>
          </div>

          <div class="col-lg-4 col-md-6 mb-4">
            <div class="card h-100">
              <a href="#"><img class="card-img-top" src="http://placehold.it/700x400" alt=""></a>
              <div class="card-body">
                <h4 class="card-title">
                  <a href="#">Item Six</a>
                </h4>
                <h5>$24.99</h5>
                <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet numquam aspernatur!</p>
              </div>
              <div class="card-footer">
                <small class="text-muted">&#9733; &#9733; &#9733; &#9733; &#9734;</small>
              </div>
            </div>
          </div>

        </div>
        <!-- /.row -->

      </div>
      <!-- /.col-lg-9 -->

    </div>
    <!-- /.row -->

  </div>';
           }

          else {
           header("Location: index.php");
        }

        ?>

<?php
  require "footer.php";
?>

Это то, что яписал (а):

  <?php
  Include_once "includes/dbhproducts.inc.php";
  $result = mysql_query("SELECT * FROM tbl_products");
  $resultCheck = mysqli_num_rows($result);
  If ($resultcheck > 0) {
  While ($row = mysqli_fetch_assoc($result)) {
  echo         '<div class="card h-100">
              <a href="#"><img class="card-img-top" src="’.$row[“product_image”].’" alt=""></a>
              "<div class="card-body">
                <h4 class="card-title"><a href="#">’.$row[“name”].’</a></h4>
                <h5’.$row[“price”].’</h5>
                <p class="card-text">’.$row[“product_desc”].’</p>
              </div>'
  }
?>

Answer 1

Не могли бы вы попробовать изменить эхо на это:

echo
"<div class='card h-100'>
 <a href=''><img class='card-img-top' src='".$row['product_image']."' alt=''></a>
 <div class='card-body'>
 <h4> class='card-title'><a href=''>".$row['name']."</a></h4>
 <h5>".$row['price']."</h5>
 <p class='card-text'>".$row['product_desc']."</p>
 </div>"