PHP e MySQL ajudam para o carrinho de compras - php, mysql, web

Eu fiquei preso em um projeto de trabalho de casa onde eu preciso incorporar uma loja de comércio eletrônico on-line na minha página da Web de barebones HTML e CSS.

Eu estou tentando obter o botão Adicionar ao carrinho para exibir e este é o código que eu tenho, mas não está exibindo a todos.

<script>
$(document).ready(function(){
// add to cart button listener
$(".add-to-cart-form").on("submit", function(){

// info is in the table / single product layout
var id = $(this).find(".product-id").text();
var quantity = $(this).find(".cart-quantity").val();

// redirect to add_to_cart.php, with parameter values to process the request
window.location.href = "add_to_cart.php?id=" + id + "&quantity=" + quantity;
return false;
});
});
</script>

Esta é uma das subpáginas, não a página principal.

Eu estou tentando obter a idéia deste link: https://www.codeofaninja.com/2015/08/simple-php-mysql-shopping-cart-tutorial.html.

Estou tentando avançar, mas não posso nem ter o exemplo deles para trabalhar no meu projeto.

Eu continuo recebendo a mesma página da web de antes e nenhuma das alterações deles está aparecendo.

Por favor, não hesite em pedir mais detalhes.

Esta é minha primeira vez no Stack Overflow. Eu sou um novato em fazer sites. Qualquer ajuda seria apreciada. Eu preciso que isso seja feito até sexta-feira.

Obrigado a todos antecipadamente.

Respostas:

O código atual apenas anexa uma função JS ao botão "Adicionar ao carrinho". Mas você ainda não criou um.

Mais abaixo na página do tutorial, há uma seção para exibir o botão "10.10 Renderizar" botão " Este é provavelmente o menor da quantidade de código necessária para funcionar:

<form class="add-to-cart-form">
<div class="product-id">
<?php echo $id; ?>
</div>
<div>Quantity:</div>
<input type="number" class="cart-quantity" value="1" min="1" />
<button type="submit">
Add to cart
</button>
</form>

Tirado de https://www.codeofaninja.com/2015/08/simple-php-mysql-shopping-cart-tutorial.html

Você pode colocar esta seção em sua subpágina onde o script também está localizado.