新知分享

Magento 1 Vue Storefront環境建置系列又來啦！還記得我們在上一篇文章中提到什麼嗎？ 在上一篇magento 1 Vue Storefront 環境建置（上），我們建置了基礎的環境，這次我們要來建置Vue Storefront與Vue Storefront Api。那就跟著以下步驟，一起來試試吧！

Vue Storefront發送請求Vue Storefront Api決定連結之後端，並處理資料來源，有可能來自magento端或cache或elasticsearch或是其他平台。Vue Storefront的環境建置有兩種：你可以選擇使用docker與cli與是手動灌所有的程式。今天我們先以手動安裝的方式來進行，有助於了解整個架構呦！跟著以下步驟試試吧！

Magento2 網站更新CSS或Javascript之後、偶爾會出現無法顯示更新的問題，底下要跟大家分享如何正確的部署靜態內容呦！當我們更新網站之後，偶爾會出現無法顯示更新的問題，有時候就是因為這組數字沒有跟著更新。那我們又該如何確保版本的數字會更新呢？一起看下去吧！

這篇文章要來分享如何使用Javascript實現複製到剪貼簿的功能呦！那就跟著以下操作教學，一起來試試吧！

與 Magento 1 相比，Magento 2 讓許多前端 Modal 的使用變得更加容易，特別是在 Popup。 Popup 是一種很好的行銷策略，可立即發出號召性用語，吸引訪問者的注意力並與他們進行深入互動，讓對方更具好奇心的探索網站。 Popup 也可以是提示使用者網站流程的資訊來源，因此經常被各網站使用。 本篇文章，我們將學習在 Magento 2 中創建 Popup。

運費在國外多數是使用者付費，但在台灣的電商或是網路購物常有消費滿X元就可以免運費的活動，刺激消費者盡快下單，這就來展示如何使用Shopify建立免運費。 今天就來做這個範例：購物車滿50元則免運費。

今天Astral Web要與大家分享Adobe XD 3D元件的運用，一起來看看吧! 此功能非常簡單，只要選擇物件後，再點擊右方工具列“3D Transforms按鈕” 即可使物件自由拖曳物件的垂直與水平方向。以下會透過實例讓大家更加了解 ※本教學使用Adobe XD (v35.1.12.5) 製作 (3D功能版本至少v34.0.12.33)

今天我們來聊聊Shopify標籤。標籤是可以標記信息後讓我們輕鬆搜尋資訊，這是它的簡單概念。可以使用在哪呢？訂單/商品頁/客戶/Transfers/Blog等等都可以加上標籤，這邊用訂單和商品來做示範。

什麼是表單驗證 ?表單驗證，簡單來說就是針對網頁上的

進行檢查格式的動作，今天主要是介紹怎麼樣在Magento 2 Form 加上 Validation，並且進一步的客製化 Validation Rule。那就跟著步驟一起看下去吧！

上回帶大家實作before的Plugin，用來改寫傳入的參數值。今天要探究的是最常被使用到的around Plugin，因為它可以直接覆蓋掉目標方法裡的邏輯行為，是普遍的客製需求所在，所以實做變化較多，話不多說，直接進入主題！沿用上回範例，我們以虛構類別 Magento\Example\Model\SummaryAmount.php來覆寫，不過這回稍微為目標方法增加了額外行為

今天Astral Web要與大家分享Adobe XD Overlay疊加效果的運用，一起來看看吧! ※本教學使用Adobe XD (v35.1.12.5) 製作 這次要教大家的是很常會用到的疊加功能，可以針對重複性高的做使用，例如：彈跳視窗、打字鍵盤或是下拉選單都能使用。 首先把按鈕製作成組件，再來先把要彈跳出來的物件做出來，並擺到理想顯示的位置。

當我們製作好翻譯語言包後（還不知道如何製作翻譯包的讀者可以點此連結： Magento2 建立中文翻譯語言包），在Magento專案上有一些地方可以放置這些翻譯語言包，而這些放置的地方會影響到語言包讀取的權重，進而影響翻譯的結果，所以各位讀者需要好好的了解，才能準確無誤的翻譯到所需的字串。