Adobe XD教學【入門】雲端檢視好方便-設計稿演示與開發資料
今天astralweb要與大家分享Adobe XD，如何將完成好的XD文件產出開發時所需的資料，跟著...
AI 自動化專案／電商快速上線專案，歐斯瑞專業團隊免費提供諮詢中！
POSTMAN HEADER直接文字加密的方法
做API需求舉例，Stamp會需要拿RequestBody去做加密，但如果每一次都要將如果要修改Re...
Illustrator教學【入門篇】物件重複圖樣功能
以往我們在做圖樣的重複排列或放射狀組合時，總是需耗費大量時間在排位置或是喬角度，這次推出一個自動化的...
使用submodule管理git子專案
使用Git來管理程式版本，身為開發者一定不陌生。在Magento專案裡，如果遇上原生不支援的功能，我...
如何在Magento 2 所見即所得（WYSIWYG）嵌入Youtube影片
在銷售網站的商品頁中，若有不錯的商品介紹影片，想必可以更加吸引人來購買您的商品，今天歐斯瑞要來與大家...
從MAGENTO後台建立attribute需要注意的事項
曾經使用過attribute的讀者們，可能對本篇比較熟悉，也比較能理解呦！在後台建立attribut...
Magento 2 如何改善所見即所得WYSIWYG 無法順利順暢中文之問題
本篇要來向各位介紹如何改善所見即所得WYSIWYG無法順利順暢中文之問題呦！所見即所得是什麼呢？又要...
Adobe XD教學【入門】增加更多方便的功能-安裝插件
在運用Adobe XD設計時，如果有工具能夠增添使用的方便性，是不是更好呢？ 今天astralweb...
Magento 2 Theme – Magento前端也能套版嗎？（下）
Magento為市面上提供高度彈性以及客製化程度的電子商務開發系統之一，也因為其系統架構較為複雜且繁...
Magento 2 Theme – Magento前端也能套版嗎？（上）
在全球受到疫情侵擾無一倖免的肆虐下，為避免疫情擴散各地紛紛展開了居家隔離政策，全球各地的生活模式也遭...
Magento 2: 如何在表單欄位中新增 placeholder
儘管 Magento 2 採用 KnockoutJS 開啟了現代前端功能的可能性，但較於抽象的概念間...
Shopify 網站密碼設置
今天跟大家分享新手在Shopify網站上線前如何不讓人輕易的看到網站內容等資訊，可以使用密碼，在進網...
如何修改Magento2 Increment Id
今天要來介紹修改increment id，在Magento2裡不管是訂單、發票、配送單還是退款單都會...
Javascript 中 JSON.parse 數字支援問題
在javascript中我們常常使JSON格式做資料交換，所以我們常常使用JSON.parse來把字...
使用Google帳號快速登入Shopify後台
今天跟大家分享新手如何使用google帳號輕鬆登入Shopify商店的後端。假如您公司的Email也...
Magento 1 Vue Storefront 環境建置 (下篇)
Magento 1 Vue Storefront環境建置系列已經來到下篇啦！在前兩章節我們講述如何建...
Magento2 開發 – 使用 Plugin 改變原生行為 （三）
好久不見的Magento2開發-使用Plugin改變原生行為系列又來啦！這次Plugin的使用來到尾...
Adobe XD教學【入門】善用資源來節省時間-官方UI kit資源
在設計時，如何善用資源來節省製作時間呢？ 今天astralweb要與大家分享Adobe XD官方提供...
Magento2常用原生計算順序紀錄
在購買商品時，將商品放入購物車後的一整段結帳流程，有時有折扣，有時要加稅或免稅等等...你們知道這些...
運用YOTPO讓消費者為品牌發聲
選擇投入電子商務的你，勢必會有個疑問：要如何提升轉換，讓流量變成營收？ 這個問題我們可從許多面向探...
Magento 1 Vue Storefront 環境建置（中篇）
Magento 1 Vue Storefront環境建置系列又來啦！還記得我們在上一篇文章中提到什麼...
Magento 1 Vue Storefront 環境建置（上篇）
Vue Storefront發送請求Vue Storefront Api決定連結之後端，並處理資料來...
Magento2:如何正確更新靜態內容
Magento2 網站更新CSS或Javascript之後、偶爾會出現無法顯示更新的問題，底下要跟大...
前端開發：如何使用Javascript實現複製到剪貼簿的功能
這篇文章要來分享如何使用Javascript實現複製到剪貼簿的功能呦！那就跟著以下操作教學，一起來試...
Magento 2 引用 Popup Modal
與 Magento 1 相比，Magento 2 讓許多前端 Modal 的使用變得更加容易，特別是...
Shopify 免運設定教學
運費在國外多數是使用者付費，但在台灣的電商或是網路購物常有消費滿X元就可以免運費的活動，刺激消費者盡...
Adobe XD教學【入門】新版3D立體功能 – 讓網站更具互動性
今天Astral Web要與大家分享Adobe XD 3D元件的運用，一起來看看吧! 此功能非常簡...
Shopify 建立標籤
今天我們來聊聊Shopify標籤。標籤是可以標記信息後讓我們輕鬆搜尋資訊，這是它的簡單概念。可以使用...
Magento 2 使用表單驗證 Form validation
什麼是表單驗證 ?表單驗證，簡單來說就是針對網頁上的 進行檢查格式的動作，今天主要是介紹怎麼樣在M...
Magento2 開發 – 使用 Plugin 改變原生行為（二）
上回帶大家實作before的Plugin，用來改寫傳入的參數值。今天要探究的是最常被使用到的arou...
Adobe XD教學【入門】Overlay疊加效果
今天Astral Web要與大家分享Adobe XD Overlay疊加效果的運用，一起來看看吧! ...
Magento2 翻譯語言包權重
當我們製作好翻譯語言包後（還不知道如何製作翻譯包的讀者可以點此連結： Magento2 建立中文翻譯...
Magento Translation Inline功能介紹
適用版本: Magento2.3以上。Magento後台裡有Translation inline的功...
Magento2 開發 – 使用 Plugin 改變原生行為 （一）
Magento 提供多種覆寫方法便於開發者進行客製，今天我們要介紹的方式- Plugin，是屬於較小...
電商小學堂-開店選擇App還是網站
網路的方便性大大的改變了使用者的生活模式，生活的疑難雜症在詢問Google後彷彿都能獲得解答，資訊傳...
如何在Magento2 system config設置加密欄位
今天要來介紹如何在Magento2將資料加密再存入core_config_data 資料庫表格裡 ...
Adobe XD教學【入門】響應式輔助工具-Responsive Resize應用
今天astralweb要與大家分享Adobe XD在製作響應式縮放時的輔助工具，可以省去不少時間喔，...
Magento開發小筆記-修改Magento內建的jQuery日曆
我們在開發Magento時，多少會遇到需要使用日期選單的需求，這一點在Magento本身已有提供jQ...
如何在Win10上用WSL2建立Linux環境
在許多情況下，開發者必須使用Linux進行作業(包含Magento)，但對於台灣Windows占比如...
Adobe XD教學【入門】轉存檔案一次搞定-批次匯出
今天Astral Web要與大家分享Adobe XD轉存jpg、png、svg、pdf檔案，並且能批...
運用 Axure Repeater Widget 優化 Prototype
網站開發時，有沒有過這樣的經驗...網站提案階段設計師提出美美的設計稿，但在開發完成後，卻怎麼看起來...
活用Axure Dynamic Panel讓Wireframe動起來
在網站規劃過程中，必定會需要與團隊或是客戶溝通製作細節，除了盡可能運用文字詳細描述外，也可使用原型設...
無頭電商模式如何實現
繼之前發表文章中介紹了什麼是無頭電商（無頭商務崛起 – 電商銷售新革命），本篇將更進一步探討無頭電商...
使用Certbot安裝Let’s Encrypt
為了網站的安全性與更好的SEO排名，實踐SSL已經是必須的配置，Let’s Encrypt提供免費的...
在Magento利用人工智慧來進行產品推薦
Magento因其複雜且全面的線上商店配置而聞名，它可為客戶創造高度客製化的購物體驗。你可能已經從M...
在Magento利用人工智慧來進行數據分析
延續先前的 在Magento利用人工智慧來提供客戶服務，在本文中，我們將對人工智慧如何幫助您從Mag...
在Magento利用人工智慧來提供客戶服務
延續先前的 電商世界裡的人工智慧 ，在本文中，我們將說明如何可以僱用24小時的人工智慧服務，來隨時處...
在假期前準備好你的商店
我們很高興的宣布最新版本的 Magento Open Source2.4.1, Security-O...
Magento2 前端開發：如何在前端頁面取得自訂product attribute的值
呈上期 新增product attribute 之後，本篇文章將說明如何在前端頁面把product ...
Magento2 開發 – 精確定義API回傳介面
上期我們詳盡示例了如何實作API回傳內容，其範例實作中的一環 - 定義介面（Interface），也...
Google Chrome 洩漏密碼檢查教學
經常上網註冊、登入帳戶的使用者們，想必也有遇過密碼遭暴露的情況。密碼遭洩漏時怎麼辦？先別擔心，只要做...
Adobe XD教學【入門】比複製更好用的工具-重複網格應用
今天Astral Web要與大家分享Adobe XD重複網格(Repeat Grid)的應用，一起來...
Magento2前端開發：新增主題後無法執行deploy
最近在工作中發現，在新增Magento2 主題包的時候，如果設定了parent theme，就會無法...
Magento2前端開發：使用PHP TIDY來補齊或移除不完整的HTML TAG
Magento2 後台的wisiwyg編輯器有防呆的機制，會自動修正使用者輸入的html，可以避免產...
開始使用JIRA：管理你的用戶資料
管理用戶 Manage Users 第一步，你需要先設定用戶，從你的個人用戶開始，把所有會進入你J...
Shopify新增折扣碼教學
在網路商店上，店家會做促銷或是給消費者優惠卷，來增加消費者想要繼續購物的慾望，而在Shopify裡，...
如何正確清除Magento2的Cache
Magento2包含多個不同類型的Cache，各自負責不同的工作，當工程師在進行開發時，也必須適當在...
Shopify 新增訂單備註欄位教學
假設我們把產品加入購物車，在購物車頁面，消費者有些話要備註給賣家一些注意事項，例如：到貨時請交給一樓...
Adobe XD教學【入門】一個組件顯示多個狀態-用組件狀態製作選單
今天astralweb要與大家分享Adobe XD如何用一個組件顯示多個狀態，並能透過組件批次修改，...
前端開發：使用JQuery.qrcode來產生QR code吧！
jquery.qrcode.js 是純前端的jquery 外掛，可以輕鬆在網頁上生產QR code。...
Magento2 開發 – 正確實作API回應內容
在客製Magento時，有時會遇上需要擴充API端點來支援前端取資料或第三方的串接。API的擴充，會...
歐斯瑞所開發的 Shopify APPs
先前有提到歐斯瑞開始提供Shopify客製服務，從網站設計、開發、到APP客製化，交由我們一手辦理，...
Adobe XD教學【入門】滑入效果也能批次調整-用組件製作按鈕的滑入效果
今天Astral Web要與大家分享Adobe XD如何使用組件製作滑入效果，並能透過組件來批次修改...
評測Shopify中最快的主題
Shopify在建構時有許多現成的模板主題可以供選擇，而網站模板主題是一種即用型的網站設計，您可以將...
TapPay – 更貼近一頁式結帳的第三方金流選擇
現今只需要低著頭在小小螢幕中藉這手指頭輕鬆滑動，即可瀏覽購買各式各樣的商品，比起搭乘手扶梯一層一層的...
Shopify 密碼保護功能
今天要為大家介紹Shopify內建的密碼保護功能。密碼保護功能會限制一般人瀏覽您的前端商店，但不影響...
Magento1 新增預設的Email Template
在Magento你可以使用 Transactional Emails 新增/修改 你的Email，或...
Sass Map的使用
本篇文章將來教大家關於Sass Map的應用，來提升工程師在開發與維護程式時的品質，跟著歐斯瑞手把手...
Shopify 頁面管理功能
Shopify是電商平台，當然少不了註冊、登入、商品、購物車和結帳等基本頁面。但今天講的頁面管理比較...
Magento 2.3 更新介紹 – 阿不是阿，你要改資料表你要先講 (三)
繼上篇 Magento 2.3 更新介紹 - 阿不是阿，你要改資料表你要先講 (二) 以來，我們已經...