时间戳

首页 > 解决方案 > php中产品卡周围的div容器

php - php中产品卡周围的div容器

问题描述

我对php真的很陌生，现在我被困在我认为很容易的事情上。字节我看不出我的问题出在哪里。

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

}?>

标签： phpwebshop

解决方案

您应该在循环关闭后移动关闭main和section标记。foreach

<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>

推荐阅读