文章彙整

新知分享

首頁 /  新知分享

Magento 1 Vue Storefront 環境建置(中篇)

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

Magento 1 Vue Storefront 環境建置(上篇)

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

Magento2:如何正確更新靜態內容

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

前端開發:如何使用Javascript實現複製到剪貼簿的功能

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

Magento 2 引用 Popup Modal

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

Shopify 免運設定教學

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

Adobe XD教學【入門】新版3D立體功能 – 讓網站更具互動性

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

Shopify 建立標籤

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

Magento 2 使用表單驗證 Form validation

什麼是表單驗證 ?表單驗證,簡單來說就是針對網頁上的
進行檢查格式的動作,今天主要是介紹怎麼樣在Magento 2 Form 加上 Validation,並且進一步的客製化 Validation Rule。那就跟著步驟一起看下去吧!

Magento2 開發 – 使用 Plugin 改變原生行為(二)

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

Adobe XD教學【入門】Overlay疊加效果

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

Magento2 翻譯語言包權重

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