Magnus Life

Magnus Life window.__st={p: "index",cid: null,cem: null,cph: null,cfn: null,cln: null,cge: null,cdb: null,ccc: null}; (function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(d.getElementById(id))return;js=d.createElement(s);js.id=id;js.src='https://connect.facebook.net/zh_TW/sdk/xfbml.customerchat.js#xfbml=1&version=v6.0&autoLogAppEvents=1';fjs.parentNode.insertBefore(js,fjs);}(document,'script','facebook-jssdk')); (function(){function asyncLoad(){var urls=['/assets/facebook-pixel.js?v=1.2.1646377937','/assets/traffic.js?v=1','https://apps.easystore.co/facebook-login/script.js?shop=garywen.easy.co','https://apps.easystore.co/mobile-messaging-share/script.js?shop=garywen.easy.co','https://apps.easystore.co/google-tag-manager/script.js?shop=garywen.easy.co','https://apps.easystore.co/google-analytics/script.js?shop=garywen.easy.co','https://apps.easystore.co/marketplace/shopee-taiwan/script.js?shop=garywen.easy.co'];for(var i=0;i (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', '', 'auto','myTracker'); ga('myTracker.send', 'pageview'); 搜尋 var _search_history_listings = "" if(_search_history_listings != "") localStorage.setItem('searchHistory', JSON.stringify(_search_history_listings)); function clearAll() { localStorage.removeItem('searchHistory'); var customer = ""; if(customer) { // Your logic to clear all data or call an endpoint fetch('/account/search_histories', { method: 'DELETE', headers: { "Content-Type": "application/json", "X-Requested-With": "XMLHttpRequest" }, body: JSON.stringify({ _token: "gXz6OwpdbBK7QRRhwxAg0oUzj5igHa95NQpDdPdo" }), }) .then(response => response.json()) } } // End - store view history in local storage // search history dropdown var searchInputs = document.querySelectorAll('input[type=search]'); if(searchInputs.length > 0) { searchInputs.forEach((searchInput)=>{ searchInput.addEventListener('focus', function() { var searchDropdown = searchInput.closest('form').querySelector('#searchDropdown'); searchDropdown.innerHTML = ''; // Clear existing items // retrieve data from local storage var searchHistoryData = JSON.parse(localStorage.getItem('searchHistory')) || []; // Convert JSON to string var search_history_json = JSON.stringify(searchHistoryData); // Set the value of the hidden input searchInput.closest('form').querySelector("#search_history").value = search_history_json; // create dropdown items var clearAllItem = document.createElement('div'); clearAllItem.className = 'dropdown-item clear-all'; clearAllItem.textContent = 'Clear'; clearAllItem.addEventListener('click', function() { clearAll(); searchDropdown.style.display = 'none'; searchInput.classList.remove('is-focus'); }); searchDropdown.appendChild(clearAllItem); // create dropdown items searchHistoryData.forEach(function(item) { var dropdownItem = document.createElement('div'); dropdownItem.className = 'dropdown-item'; dropdownItem.textContent = item.term; dropdownItem.addEventListener('click', function() { searchInput.value = item.term; searchDropdown.style.display = 'none'; }); searchDropdown.appendChild(dropdownItem); }); if(searchHistoryData.length > 0){ // display the dropdown searchInput.classList.add('is-focus'); document.body.classList.add('search-input-focus'); searchDropdown.style.display = 'block'; } }); searchInput.addEventListener("focusout", (event) => { var searchDropdown = searchInput.closest('form').querySelector('#searchDropdown'); searchInput.classList.remove('is-focus'); searchDropdown.classList.add('transparent'); setTimeout(()=>{ searchDropdown.style.display = 'none'; searchDropdown.classList.remove('transparent'); document.body.classList.remove('search-input-focus'); }, 400); }); }) } // End - search history dropdown 首頁 最新消息 Soulhand HeatsBox GPCA Barisieur Magnus Life 常見問題 所有商品 + - HeatsBox GPCA Soulhand 海宝 Barisieur 登入 註冊 763250 .search-modal__form{ position: relative; } .dropdown-wrapper { position: relative; } .dropdown-wrapper:hover .dropdown { display: block; } .header-icon-nav .dropdown { left: -80px; } .dropdown { display: none; position: absolute; top: 100%; left: 0px; width: 100%; padding: 8px; background-color: #fff; z-index: 1000; border-radius: 5px; border: 1px solid rgba(var(--color-foreground), 1); border-top: none; overflow-x: hidden; overflow-y: auto; max-height: 350px; min-width: 150px; box-shadow: 0 0 5px rgba(0,0,0,0.1); } .dropdown a{ text-decoration: none; color: #000 !important; } .dropdown-item { padding: 0.4rem 2rem; cursor: pointer; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dropdown-item:hover{ background-color: #f3f3f3; } .search__input.is-focus{ border-radius: 15px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border: 1px solid rg