如何在Magento 2 中客製化表單欄位驗證規則
Magento 2 本身提供有一些表單驗證方法，其中關於電話號碼欄位只有提供US或UK的格...
AI 自動化專案／電商快速上線專案，歐斯瑞專業團隊免費提供諮詢中！
如何彈性更改地址格式？
Magento 2 中允許使用者修改客戶帳單和送貨地址格式的範本。這兩種類型的地址出現在以下文件中：...
MYSQL｜後端資料庫匯入遇到時間參數預設錯誤的問題
在軟體開發與測試中，匯出資料到本地端有著重要意義。這提供獨立測試環境，保障資料安全與系統穩定性。同時...
Magento 2｜後端工程師如何批量轉移檔案
Magento 安全性考量：直接使用 PHP 的原生檔案操作函數可能會有安全隱患，尤其是在像 Mag...
Magento 客製例外處理
Magento 有提供讓你可以客製自己的Exception，並且可以讓你增加自己想要參數，讓你的lo...
如何幫 WordPress 佈景主題製作語言包
這篇文章主要跟大家分享如何幫 WordPress 佈景主題製作語言包 從這篇文章你會知道：1. 什麼...
如何在Shopify 主題包中使用額外的字型
Shopify本身具有webfont字型庫，可以在所有的Shopify商店中免費使用，我們也可以在主...
前端開發｜nr – 一個簡化npm run script 的工具
您有沒有過這樣子的困擾？package.json中的script指令太簡潔，常常會忘記指令的作用是什...
前端開發｜自定義網頁捲軸(Scrollbar)樣式
這篇文章主要跟大家分享如何自定義網頁捲軸(Scrollbar)的樣式。從這篇文章你會知道：1.如何自...
如何在ui component grid 新增客製化欄位
在 Magento 2 中，很常會用ui component grid來列出每筆資料的重點資訊。通常...
Magento 2 使用ui component新增後臺圖片上傳
在後端開發時我們時常根據使用者需求做出各式各樣的表單，圖片上傳也是可以使用UI component ...
如何讓 localStorage 具有時效性
在開發中我們常會運用到 localStorage 來對客戶端瀏覽器的數據進行各方面的操作，但唯一美中...
使用inputmode決定虛擬鍵盤的配置類型
前端工程師在開發中大多會使用到 input 屬性，也對多數屬性並不陌生，但卻鮮少運用到 inputm...
前端開發：巢狀Sass Map的使用
這篇文章主要跟大家分享巢狀Sass Map的用法，並比較不使用Sass Map，及單層Sass Ma...
Magento 2 物件與 extension attributes（下）
使用 extension attributes 可提昇 Magento 2 物件的延展性，對於公用模...
Magento 2 物件與 extension attributes（上）
使用 extension attributes 可提昇 Magento 2 物件的延展性，對於公用模...
Magento 2 | 在 AJAX 未完成時調用 Loader Widget
在 Magento 2 執行 AJAX 時，根據要獲取的數據、處理時間、服務器類型等等，請求可能需要...
Magento2 如何在 minicart 顯示折扣
“折扣” 一直是電商行銷很重要的一環，但在 Magento 原生 minicart 中並沒有顯示消費...
只需一支檔案輕鬆測試 Magento2 Function
大家在開發時會想要測試自己做的code，可是又不想多寫controller或Cli commands...
如何在表單欄位中禁用貼上及拖放功能
您有沒有遇過無法在表單欄位中直接貼上字串的網站，通常這種禁止貼上的作法，都是應該在帳號密碼有關的欄位...
如何在網頁上禁用文本選擇及滑鼠右鍵
如果不希望讓別人輕易竊取網站內容、通常會選擇在網頁上禁用文本選擇(文字反白)、剪下、複製、貼上和滑鼠...
使用NT$作為貨幣符號
「奇怪，我已經在後台設定了貨幣符號NT$, 也已經清除了快取，為何前台仍顯示$呢？」正在讀這篇文章的...
Mage Template 自定義模板是什麼？
如果您已經開發 Magento 2 一段時間，您可能在 JavaScript 文件中遇到過 mage...
驗證發票統編
對於在台營運的電商系統，本篇提供利用公開的第三方去驗證發票統編是否有效之範例。針對在台灣登記的公司，...
Magento Cloud – 使用Fastly CDN阻檔特定 IP
當前網路與資訊化的普及，致使資安問題層出不窮。對於運營中的電商網站，幾乎是難以避免遇到惡意DDos攻...
如何使用Terser提高 Magento 2 JS效能
Terser 是一個壓縮JavaScript的工具, Terser 也能處理如 CoffeeScri...
前端創建日期選擇器的最佳方法
在安排某些計劃 / 行動時，會需要使用 Magento 2 所提供的小工具 - 日期選擇器。 對於 ...
如何在不同形式的檔案中獲取Magento 2 URL
在運行 Magento 2 商店時，會有很多情況需要系統自動獲取基本或特定頁面網址，例如，CMS 頁...
前端開發 | 如何使用jQuery resize event套件
在原始的JS語法中，只有瀏覽器的window物件可以觸發resize事件，如果想要知道其他元素的大小...
前端開發 | 如何將8位數的HEX色碼轉換成 RGBA
HEX 色碼是一種16進位的顏色標示法，相信從事網頁前端和美編工作的人，對他一點都不會感到陌生，他是...
Magento2 / 前端開發 | 如何使用Slick js 自訂商品輪播器
之前我們分享過如何使用view.xml去調整商品輪播(Product Carousel)每次滾動的商...
Magento2 / 前端開發 | 如何調整page builder商品網格及商品輪播的響應式變化
Page Builder是Magento內建的內容編輯系統，可用在一般內容區塊、內容頁面、目錄或是產...
Magento2 / 前端開發 | 如何避免點擊目錄頁的篩選器時產生的畫面跳動情形
在Magento2 目錄頁底下，使用左邊的篩選器時、偶爾會發生畫面跳一下的情況，這是因為篩選器使用的...
Magento2.4後版本 如何在沒有郵件系統下啟用 Two-Factor Authentication 登入
Magento 能夠說是國際間功能最齊全、客製化彈性最高的電商平台，相對地，原生設定的複雜度也偏高；...
Magento Cloud GitHub 介接（integration）教學
Magento 能夠說是國際間功能最齊全、客製化彈性最高的電商平台，相對地，原生設定的複雜度也偏高；...
PHP版本太舊還能用？PHP程式碼版本一覽
Magento從2.4.4開始將支援PHP8.1版；對於相關技術人員來說，PHP一點也不陌生，但相信...
如何在Magento維運模式中允許特定IP位置顯示網站內容
每當網站有新的程式碼需要部署或需要對伺服器環境進行重大更新時，為了不讓終端用戶（消費者、網站使用者）...
如何新增Magento 會員中心導覽列內的客製連結
Magento原生功能中，前台會員中心會顯示大量客戶帳戶相關連結；但想當然，這些連結未必是客戶們實際...
如何移除 Magento 會員中心導覽列內不必要的連結
Magento原生功能中，前台會員中心會顯示大量客戶帳戶相關連結；但想當然，這些連結未必是客戶們實際...
為什麼 Magento PhpStorm 插件無法運作？
在 Magento安裝最新版本的PhpStorm，或從先前的版本升級後，你可能會注意到，Magent...
如何修復 Magento Page builder 儲存警告？
從 Magento 2.4.3版本起，內建的Page Builder模組讓非技術人員也能夠像堆疊積木...
讓網站更順暢 Magento 網站優化分析工具
一個快速的銷售網站通常會為顧客體驗增加強大的價值，也建立忠誠度及信任感，技術人員在開發電商網站時，基...
前端開發：使用@supports來檢查瀏覽器支援性
之前我們在 快速查詢CSS/HTML與各瀏覽器的支援－Can I Use 這篇文章中 提到過瀏覽器...
前端開發：解決slider js垂直滑動時出現的高度問題
slick js 是一個相當好用的輪播套件，Magento2 page builder裡的slide...
Magento2 開發 – 設置排程群組
如果各位接觸Magento2開發有一段時間，對於添加排程工作想必不陌生。今天想與大家進一步分享的，是...
前端開發：解決SASS的禁用警告 “Using / for division is deprecated and will be removed in Dart Sass 2.0.0. “
由於Dart Sass 2.0.0不再支援用"/"表示除法，如果您恰好使用了這個方法，那麼在編譯的過...
前端開發：讓你的Bootstrap4下拉選單支援多層次選單
Bootstrap 3 和 Bootstrap 4 的下拉選單，只支援到第二層，如果需要多層次選單的...
Magento2 直接把Block轉換以Ajax方式渲染，迴避Full Page Cache問題
在Magento2大部分的頁面都有Full Page Cache，舉凡像是prodcut、categ...
Category attribute無法存入表單為0值
因為專案需求的關係需要在admin的category的form上新增原本沒有的欄位，上網爬文後我使用...
如果使用Cloudflare取IP的問題和解決方法
由於網路發展的快速，越來越多開發者為了避免使用者等待網頁讀取時間過長而使用CDN，而CloudFla...
Magento PWA：如何在pwa專案中使用SASS或LESS
當我們從github下載Magento PWA Studio來使用的時候，會發現PWA是直接使用CS...
Shopify開發：如何針對不同語系顯示不同的頁尾選單
在開發多國語系的Shopify網站時，我們常常需要在不同的語系下，顯示不同的頁尾選單。而shopif...
Magento 使用 DES-CBC 加密
各位Magento工程師想必常有串接第三方服務的經驗。許多第三方服務供應商會要求先將資料依據指定的加...
Magento PhpStorm Plugin（下）
上篇介紹如何安裝Magento官方發布的Magento PhpStorm Plugin, 不小心錯過...
React JS：如何讓React dev tools支援本機網站
React DevTools 是React js的除錯工具，可以用來觀察React APP在網頁面執...
Magento PWA：如何安裝Magento PWA sample data (Venia sample data)
這篇文章要跟大家分享安裝Magento PWA sample data的方法以及如何解決可能遇到的問...
Magento2：如何將購物車的同意條款移到畫面底下
在將結帳按鈕移到畫面底下之後、你可能也需要將結帳的同意條款移到畫面底下。假設我們使用的主題包是Ast...
Magento2：如何將購物車的結帳按鈕移到畫面最底下
在Magento2的結帳頁中，預設的結帳按鈕是跟著結帳方式跑的。每個結帳方式都有自己的結帳按鈕。那如...
前端開發小學堂（一）如何限制按下Enter就送出表單與勾選框的可勾選數量
今天的前端開發小學堂，會介紹兩項小方法： 在一般情況下，按下Enter就會直接送出表單，若有額外的...
git reset的使用方式
今天要來介紹git reset的使用方式。有時候我們在 commit 時，會不小心 add 錯檔案，...
Forking Workflow的介紹
今天要來介紹寫CODE在專案進行多人協作時，好用的Forking Workflow。Forking ...
5分鐘了解台灣商家必備的週年慶促銷活動神器 Amasty Free Gift
促銷活動百百種，但Magento原生的促銷規則就是無法設定台灣商家常見的促銷活動「滿額贈」，別擔心！...
Magento2 JavaScript mixins介紹
使用mixin可以讓一個class的方法去增加或混合到另一個class裡, 而不用整個class去繼...
Magento PhpStorm Plugin（上）
IDE作為工程師最重要的開發工具之一，對工程師的工作效率有著決定性的影響。由JetBrains所推出...
在GITHUB上建立可供Composer安裝的Magento2 Repository
當module或library需要透過composer來安裝，但卻又沒有packagis帳號時候該怎...
MAGENTO 2 – 如何將完整的訂單概要呈現於 Checkout Shipping Step
近期我們收到一個需求是希望能在 Checkout - 1. Shipping 第一階段就能完整呈現 ...
Magento 2 與POS系統串接進行會員註冊測試的常見情境！
要使用Magento製作一個電商網站非常不容易，不僅在一開始業務端需要花很多時間去釐清客戶的需求，了...
di.xml注入的使用方式
今天要來介紹如何di.xml注入的使用方式，開發magento2的時候常常會需要plugin或pre...
處理cloudflare’s誤報
Cloudflare是個非常強大的工具。您可以使用它來管理您的DNS登入，為您的網站多一層安全保護，...
Laravel 8 URL 改寫問題
網路上有許多支援Laravel的Nginx配置範例。設定是蠻簡單的，不過當使用Laravel 8時，...