文章彙整

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

首頁 /  新知分享

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

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

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

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

前端開發:使用@supports來檢查瀏覽器支援性

之前我們在 快速查詢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轉換為上述方式,只需一個簡單的參數,省下更多的時間。

Magento 2 設定Paypal Express金流(Sandbox模式)

什麼是PayPal?PayPal,是一個總部位於美國加利福尼亞州聖荷西市的網際網路第三方支付服務商,允許顧客使用“電子郵件”來標識身分來做支付,而PayPal也是目前最知名的世界首富 Elon Reeve Musk (伊隆馬斯克)於1998年與合夥人共同創立的公司, PayPal 通行超過 200 個國家/地區並支援 25 種貨幣(可惜截至2022年4月15日 仍提供給俄羅斯地區服務)。

Magento 2 設定Braintree 金流(Sandbox模式)

什麼是Braintree?Braintree 是一家專門提供電子商務網路行動金流支付服務的公司,創立於2007年,而在2013年背PayPal收購至今,總部位於美國芝加哥,除了Paypal 與 Stripe ,Braintree也是大家比較耳熟能詳的第三方支付公司,也因為被PayPal收購因此有做過服務整合,所以您可以透過PayPal Business Account 做綁定Braintree 讓您可以透過Paypal帳戶進行一鍵登入Braintree。

Photoshop【超簡單系列】Neural Filters-超縮放

由於Photoshop軟體運算技術的提升,讓本來很複雜的修圖變的很輕鬆,今天astralweb要與大家分享當照片放大後會模糊,PS有什麼方式可以改善呢,一起來看看如何製作吧! ※本教學使用Adobe Photoshop 2021 (v22.1) 製作 ※本教學需先對工具使用有基本認識 ※本教學需先熟知基本技法,如去背、選取工具、色調調整 以往如果解析度不夠的圖片就會無法使用,現在你可以先考慮一下PS新的處理功能

Category attribute無法存入表單為0值

因為專案需求的關係需要在admin的category的form上新增原本沒有的欄位,上網爬文後我使用category attribute的方式去新增,以下圖所示,是我用的方式。而將這multi-select的選項換成我需要的選項Customer group。