文章、新知、實用工具與教學分享

Magento2 促銷功能小技巧 – 簡化多SKU輸入步驟

熟悉 Magento原生促銷功能的你一定知道，無論是目錄促銷（Catalog Price Rule）或購物車促銷（Cart Price Rules），都有豐富多元的條件能夠進行設定；正因為能進行的變化多，有時候複雜的邏輯確實讓人頭痛。此篇文章將要針對經常被詢問的：目錄促銷或是購物車促銷設定時，能夠一次大量匯入SKU嗎？進行能夠簡化的操作說明！

Magento2商業版實用功能教學 – 禮物登記表Gift Registries

從先前的介紹 Magento2商業版實用功能教學 – 進階願望清單功能，我們知道願望清單可以建立多個清單，並讓顧客把清單分享給親友；而今天要介紹的功能－－『禮物登記表 Gift Registry』，能夠列出個人期望的購物清單，並讓朋友購買、贈送，是願望清單進一步的變化功能。

之前我們在快速查詢CSS/HTML與各瀏覽器的支援－Can I Use 這篇文章中提到過瀏覽器支援性的問題，在這篇文章中我們建議開發者先到 Can I Use 網站中確認瀏覽器對CSS新屬性的支援度再進行開發。然而在實際開發的過程中，我們常常會遇到客戶在驗收階段對我們說：「為什麼在我手機(電腦)上看起來怪怪的？」仔細確認過客戶的裝置版本之後、就是各種的無奈。在這個階段我們不太可能把之前做好的東西推翻重做，多數時間的解法都是針對不支援的瀏覽器另外設置對應的CSS。在這個時候，確認瀏覽器是否支援某些CSS屬性這件事、就變得非常的重要。

前端開發：解決slider js垂直滑動時出現的高度問題

slick js 是一個相當好用的輪播套件，Magento2 page builder裡的slider也是使用這個套件來實現輪播的效果。這篇文章要跟大家分享的是：如何使用slick js 製作上下滾動的滑塊，以及如何解決垂直滑動時出現的高度問題呦！

Magento2 開發 – 設置排程群組

如果各位接觸Magento2開發有一段時間，對於添加排程工作想必不陌生。今天想與大家進一步分享的，是關於排程進階的參數控制。如果您發現預計執行的工作，沒有如預期產生在cron_schedule資料表，或者沒有正常的執行，那麼有可能是被這些隱性參數所影響。

前端開發：解決SASS的禁用警告 “Using / for division is deprecated and will be removed in Dart Sass 2.0.0. “

由於Dart Sass 2.0.0不再支援用"/"表示除法，如果您恰好使用了這個方法，那麼在編譯的過程中，SASS會不斷的跳出棄用警告：DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.。而且這警告又沒有辦法關閉，雖然不影響編譯的結果，但是大量的警告真的很煩人。若是使用了bootstrap 4，那警告量更是驚人。若是要解決這個問題，底下提供了二個方法供您參考。

前端開發：讓你的Bootstrap4下拉選單支援多層次選單

Bootstrap 3 和 Bootstrap 4 的下拉選單，只支援到第二層，如果需要多層次選單的話，我們需要用到 bootstrap-submenu.js。其中Bootstrap 3 要搭配 Bootstrap-submenu 2使用，Bootstrap4 則是要搭配 Bootstrap-submenu 3 使用。今天這篇文章主要是分享Bootstrap 4 + Bootstrap-submenu 3的作法，關於Bootstrap 3 + Bootstrap-submenu 2 的作法，你可以參考我們的舊文章：讓你的Bootstrap下拉選單可以支援多層選單

Magento2 直接把Block轉換以Ajax方式渲染，迴避Full Page Cache問題

在Magento2大部分的頁面都有Full Page Cache，舉凡像是prodcut、category、cms頁都有使用，讓使用者在下次近入頁面時間提升，但是這對於說想在頁面上想根據不同使用者所呈現不同內容來說是非常惱人的，雖然可以使用cacheable="false"來避免但是這樣便會完全失去Full Page Cache功能，於是剩下的辦法便是使用AJAX拿回沒有Cache的資料進行渲染，但是對於每次都寫一隻AJAX與API的方式來說並不是怎麼的有效率，這邊將提供一個簡單的方法將你的Block轉換為上述方式，只需一個簡單的參數，省下更多的時間。