Mesaj #3761818 - MuratCENGEL - sepete ekleme kodu lazım

hocam sitenizin altyapıs ıvs önemli. Hangi dili kullanıyorsunuz gibi detay vermeden istediğiniz zor. Php ile kısaca basit bir kod ekledim.

Bu örnekte, ürün bilgileri gizli alanlar aracılığıyla bir form ile gönderilir. addToCart.php, bu bilgileri alır, sepete ekler ve ardından kullanıcıyı ana sayfaya yönlendirir. Sepetin içeriği cart.php dosyasında görüntülenir.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Sepete Ekle</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>

    <div class="product">
        <h2>Ürün Adı</h2>
        <p>Fiyat: $50</p>
        <button onclick="addToCart()">Sepete Ekle</button>
    </div>

    <div id="cart">
        <h2>Sepet</h2>
        <ul id="cart-items">
            <!-- Sepet içeriği buraya eklenecek -->
        </ul>
    </div>

    <script src="script.js"></script>
</body>
</html>

body {
    font-family: Arial, sans-serif;
}

.product {
    border: 1px solid #ccc;
    padding: 10px;
    margin: 10px;
}

#cart {
    border: 1px solid #ccc;
    padding: 10px;
    margin: 10px;
}

button {
    cursor: pointer;
}

function addToCart() {
    // Ürün bilgilerini al
    var productName = document.querySelector('.product h2').innerText;
    var productPrice = document.querySelector('.product p').innerText;

    // Sepet öğesini oluştur
    var cartItem = document.createElement('li');
    cartItem.innerText = productName + ' ' + productPrice;

    // Sepete öğeyi ekle
    document.getElementById('cart-items').appendChild(cartItem);
}

index.php

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Sepete Ekle</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>

    <div class="product">
        <h2>Ürün Adı</h2>
        <p>Fiyat: $50</p>
        <form method="post" action="addToCart.php">
            <input type="hidden" name="product_name" value="Ürün Adı">
            <input type="hidden" name="product_price" value="50">
            <button type="submit">Sepete Ekle</button>
        </form>
    </div>

    <div id="cart">
        <h2>Sepet</h2>
        <ul id="cart-items">
            <?php include 'cart.php'; ?>
        </ul>
    </div>

</body>
</html>

addToCart.php

<?php
session_start();

// Sepetin oluşturulması veya mevcut sepetin alınması
$cart = isset($_SESSION['cart']) ? $_SESSION['cart'] : [];

// Ürünün sepete eklenmesi
$productName = $_POST['product_name'];
$productPrice = $_POST['product_price'];

$cart[] = [
    'name' => $productName,
    'price' => $productPrice
];

// Sepetin güncellenmesi
$_SESSION['cart'] = $cart;

// Ana sayfaya yönlendirme
header("Location: index.php");

cart.php

<?php
session_start();

// Sepetin oluşturulması veya mevcut sepetin alınması
$cart = isset($_SESSION['cart']) ? $_SESSION['cart'] : [];

// Sepetteki ürünlerin listelenmesi
foreach ($cart as $item) {
    echo '<li>' . $item['name'] . ' - Fiyat: $' . $item['price'] . '</li>';
}
?>

Üye Girişi Yap