2016-12-14 12 views
0

Homework Projectで立ち往生し、オンライン電子商取引ストアを自分のHTMLとCSSのBarebones Webページに組み込む必要があります。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> 

これはサブページの1つで、メインページではありません。

私はこのリンクからアイデアを得ようとしています:https://www.codeofaninja.com/2015/08/simple-php-mysql-shopping-cart-tutorial.html

私は前進しようとしていますが、自分のプロジェクトで自分の例を手に入れることさえできません。

以前と同じWebページが表示されていて、変更内容が表示されていません。

詳細はお気軽にお問い合わせください。

これは私の初めてのスタックオーバーフローです。私はウェブサイトを作る初心者です。どんな助けもありがとう。私は金曜日までにこれを行う必要があります。

ありがとうございました。

答えて

2

現在のコードは、「カートに追加」ボタンにJS機能を付加するだけです。しかし、あなたはまだそれを作成していません。

<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> 
:さらにダウンそれは実際にこれはおそらく、それを動作させるために必要な符号量の少なくともある 「10.10 『はカート』ボタンをレンダリング」と呼ばれるボタンを表示するためのセクションを有しているチュートリアルのWebページ上の

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

このセクションは、スクリプトが配置されているサブページに配置できます。

+0

私はあなたの助言が正しいと確信していますが、リンクの内容によっては、ここでよく考えられている練習ではありません。これは、URLが変更されたり、サイトが離れてしまった場合でも、ここのコンテンツは依然として有用であるように、質問と回答を独立させるためです。リンクされたWebページから適切なコンテンツを追加した場合(もちろん帰属)、これは完全な本格的な回答になります。 –

+0

私はこのコードをどこに置くべきか理解できません。レンダーカートのボタンコードはどのページに配置しますか? –

+0

乾杯@マイク、私はリンクの腐敗の問題について忘れてしまった。 – crck