Title1

Title2

Title3

5-4-5 購物車樣版

YT影片:

https://www.youtube.com/watch?v=2ksSH3NTPYI&list=PLNqDmSVNb0mdO9Bn5wzs5kJk1Hxq0MBl6&index=28

增加選單


    <!-- 選單 -->
    <?!= menu ?>

調整結帳鈕位置


        .cart-btn {
            position: fixed;
            top: 60px;
            right: 20px;
            z-index: 1000;
        }

取得購物車資料(程式)


  // 取得商品資料
  let prods = get_rows_prod_main().filter(prod=>{
    return prod.enable === '是';
  });

 


  // 主樣板
  return Sheet.render('cart1', {content: content, prods: prods}, global['web_title']);

商品資料迭代

  1. 由於樣板無法處理第二層物件、陣列
  2. 因此若有二維陣列以上者,須處理後,才能使用

      // 商品數據
      const prods = JSON.parse(<?= JSON.stringify(prods) ?>);

 

購物車樣版

cart1.html