2016-12-14 51 views
0

我已经陷入了一个家庭作业项目,我需要将一个在线电子商务商店整合到我的HTML和CSS Barebones网页上。购物车的PHP和MySQL帮助

我想要添加到购物车按钮来显示,这是我有的代码,但它根本不显示。

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

这是其中一个子页面,而不是主页面。

我试图从这个链接得到这个想法:https://www.codeofaninja.com/2015/08/simple-php-mysql-shopping-cart-tutorial.html

我正在努力,但我甚至无法让自己的例子在我的项目上工作。

我一直在获取与之前相同的网页,并且没有任何更改显示出来。

请不要犹豫,要求提供更多的细节。

这是我第一次在堆栈溢出。我是制作网站的初学者。任何帮助,将不胜感激。我需要在星期五之前完成这件事。

谢谢大家。

回答

2

当前代码仅将JS函数附加到“添加到购物车”按钮。但是你还没有创建一个。

在该教程网页它有一个部分实际显示所谓的“10.10渲染‘购物车’按钮” 这可能是最需要它的代码量的工作按钮再往下:

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

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

您可以将此部分放入脚本所在的子页面。

+0

我相信你的建议是正确的,但依赖于链接的内容在这里不是一个很好的实践。这是为了让问题和答案独立,以便在URL发生变化或网站消失的情况下,此处的内容仍然有用。如果您在链接网页的相应内容中添加了内容(当然有归属地),这将使其成为完整的答案。 –

+0

我无法理解该代码的放置位置。在什么页面上放置渲染车按钮代码? –

+0

欢呼@Mike,我忘了链接腐烂的问题。 – crck