Div-php 中产品卡片周围的容器

Question

我是 php 的新手，现在我被困在我认为非常简单的事情上。 Byt我看不出我的问题在哪里。

我正在尝试创建一个显示我所有产品的网上商店页面。给问题！到目前为止，这是我的代码。它按预期显示所有产品，但在除第一个产品卡之外的所有产品卡之前关闭主容器和产品容器。如何将所有产品卡包装在同一个 div?

$pdo = connect();
$limit = 20;
$offset = 0;
$stmt = get_all_products($pdo, $limit, $offset);

$stmt->execute();
$rows = $stmt->fetchAll(PDO::FETCH_ASSOC);
?>

    <main>
        <section class="product-container">
        <?php
    foreach($rows as $row) {
        ?>
        <div class="product-card">
            <img class="product-image" src="<?php echo $row['Img'];?>" >
            <h2 class="title"><?php echo $row['ProductName']; ?></h2>
            <span class="price"><?php echo $row['Price'];?></span><span>:-</span>
        </div>
        </section>
    </main>
    <?php

}?>

Answer 1

您应该在 foreach 循环结束后移动结束 main 和 section 标签。

<main>
    <section class="product-container">
    <?php
    foreach($rows as $row) {
        ?>
        <div class="product-card">
            <img class="product-image" src="<?php echo $row['Img'];?>" >
            <h2 class="title"><?php echo $row['ProductName']; ?></h2>
            <span class="price"><?php echo $row['Price'];?></span><span>:-</span>
        </div>
    <?php }?> <!-- Close the foreach loop here -->
    </section>
</main>

Div-php 中产品卡片周围的容器

Div-container around product-cards in php

php

webshop