header template 通知 - Githubissues

willy800510 commented 3 years ago

目前header在 >xl 的icon中系統消息（bell）和購物袋（bag）會有數字通知數字用::before 的content暫時寫的我預設了有一則消息

若點選下方商品的logo圖，預覽logo可以[加入購物車] bag會增加通知但兩者我不知道要怎麼增加數字

在<xl header的愛心也會有橘色點點提示有收藏商品

header.php 119行
<a href="bookmark.php" class="d-flex justify-content-between my-3 menulist heart position-relative">
<div class="calling"></div>
</a>
但目前只能在點擊商品收藏（愛心）後，若再點其他的愛心，橘點點會消失 index.php .bkmk_1 愛心
<div class="bkmk_1 d-block p-3 position-absolute">
<img src="images/icon/MDIcon/favorite_border_orange_36dp.svg" data-swap='images/icon/MDIcon/favorite_orange_36dp.svg' data-src='images/icon/MDIcon/favorite_border_orange_36dp.svg' width="36px" height="36px" alt="" class="d-block ml-auto hrtCk">
</div>
allege.js 第15行
$(".hrtCk").click(function(){
var _this = $(this);
var current = _this.attr("src");
var swap = _this.attr("data-swap");     
_this.attr('src', swap).attr("data-swap",current);
$('.sideMenuBtnCall').toggleClass('show');
$('.calling').toggleClass('call');
});
目前想到的方法是改成
$('.calling').addClass('call');
另外可能要判斷document 中是否存在 img src 是 images/icon/MDIcon/favorite_orange_36dp.svg 有則加橘點點，反則不用橘點點不知道這思考方向對不對？

joyuhuang commented 3 years ago

我想到的做法是點擊[加入購物車]後，用ajax將商品資料(id)傳給後端處理(存到資料庫或SESSION)，然後由後端傳回目前購物車內容總數回來，我們再替換掉這個數字。 (這樣寫你有看懂嗎？我需要試做看看嗎？)
目前是不在愛心上加橘點點了，對吧？

willy800510 commented 3 years ago

是的，第二點的愛心橘點不加了，忘了取消這個
第一點大概懂你的意思，不過我這邊要怎麼改寫，我要思考一下，不太熟悉ajax的操作

willy800510 / logoWeb

header template 通知 #11