У меня есть четыре продукта, которые вставляются с PHP из таблицы MySql. Все четыре контейнера Div отображаются в порядке, с названием продукта, цена и c, кроме кнопки PayPal, которая появляется только в первом контейнере Div для первого продукта.
Я пытался разместить код PayPal в разных местах, и все, чего я достиг, - это отобразил четыре кнопки PayPal, застрявшие друг над другом, опять же, только в первом контейнере div с первым продуктом. Я не могу понять, как сделать кнопку PayPal видимой в каждом из четырех контейнеров div.
Я также пытался отобразить кнопку из таблицы MySQL.
Мой код :
<head>
<script src="https://www.paypal.com/sdk/js?client-id=sb¤cy=GBP"></script>
</head>
<body>
<?php
$query = "SELECT * FROM cards ORDER BY id ASC";
$result = $conn->query($query);
if ($result->num_rows > 0) {
while ($row = $result->fetch_assoc()) {
?>
<form method="post" action="shopping-cart.php?action=add&id=<?php echo $row['id']; ?>">
<div class="shop-pic-container">
<div class="container">
<span class="pic-side"> (Back) </span>
<div class="vertical-line">
<img src="<?php echo $row['img_back_url']; ?>" alt="<?php echo $row['img_back_alt']; ?>">
</div>
</div>
<div class="container">
<span class="pic-side"> (Front) </span>
<div class="vertical-line">
<img src="<?php echo $row['img_front_url']; ?>" alt="<?php echo $row['img_front_alt']; ?>">
</div>
</div>
<div class="description-wrapper">
<ul class="list-container">
<li class="card-description-title"><?php echo $row['product']; ?></li>
<li class="card-description">Size: A6</li>
<li class="no-style-li"><span class="card-dimmensions">105 x 148 mm (4⅛ × 5⅞ in)</span></li>
<li class="card-description">Printed on 300gsm paper</li>
<li class="card-description">Blank on the inside</li><br>
<li class="card-description-price">Price: £ <?php echo $row['price']; ?>
<span class="free-postage">Free UK delivery</span>
</li>
</ul>
<span class="no-style-li quantity-text">Quantity :</span>
<span class="no-style-li"><input class="quantity" type="number" name="quantity" value="1" min="1" max="50"></span>
<span><input type="hidden" name="hidden_photo" value="<?php echo $row['img_front_url']; ?>"></span>
<span><input type="hidden" name="hidden_photo_alt" value="<?php echo $row['img_front_alt']; ?>"></span>
<span><input type="hidden" name="hidden_name" value="<?php echo $row['product']; ?>"></span>
<span><input type="hidden" name="hidden_price" value="<?php echo $row['price']; ?>"></span>
<span><input type="hidden" name="hidden_quantity" value="<?php echo $row['quantity']; ?>"></span>
<input class="add-to-cart" type="submit" name="add" value="Add to cart">
<div id="paypal-button-container" class="paypal-buy-it-now"></div> <!-- ====== PAYPAL BUTTON ====== -->
</div>
</div>
</form>
<?php
}
}
$conn->close();
?>
<script>
paypal.Buttons({
style: {
color: "silver",
label: "buynow",
layout: "horizontal",
local: "en_UK",
shape: "rect",
size: "responsive",
tagline: "false"
}
}).render("#paypal-button-container")</script>
</body>
Я думал, что размещение сценария paypal.Buttons () в пустом div с id = "paypal-button-container" решит проблему, но это было, когда я застрял на четырех кнопках друг над другом в первом Как я понимаю, скрипт в основном выполнялся четыре раза и сразу визуализировал кнопки. Я устал от сценариев, но это не имело никакого значения.
Снимок экрана