文章彙整

"Astral Web" 著有1352篇文章

首頁  /  Astral Web 所著的文章

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。

如果使用Cloudflare取IP的問題和解決方法

由於網路發展的快速,越來越多開發者為了避免使用者等待網頁讀取時間過長而使用CDN,而CloudFlare是如今網站常用的CDN服務供應商,專門提供網站加速與安全防護的服務。 最近遇到了一個有使用CloudFlare專案的需求是記錄使用者的IP方便確認哪些是惡意攻擊的使用者以方便封鎖。但因為這個專案是有使用CloudFlare,取到的IP都是從CloudFlare出來的,無法確認真正的使用者是從哪裡來。以下就要來介紹的是在使用CloudFlare時取得使用者真實IP的方法。

Photoshop【超簡單系列】Neural Filters-彩色化

由於Photoshop軟體運算技術的提升,讓本來很複雜的修圖變的很輕鬆,今天astralweb要與大家分享如何快速將黑白照片上色,一起來看看如何製作吧! ※本教學使用Adobe Photoshop 2021 (v22.1) 製作 ※本教學需先對工具使用有基本認識 ※本教學需先熟知基本技法,如去背、選取工具、色調調整 以往將黑白照片上色時,我們需要將不同顏色區塊給區分開來並分別上色,現在Photoshop可以直接幫你做好這些事情

Magento PWA:如何在pwa專案中使用SASS或LESS

當我們從github下載Magento PWA Studio來使用的時候,會發現PWA是直接使用CSS檔案,沒有透過任何的編譯工具。如果您已經習慣使用SASS或LESS來編譯CSS,那你一定很希望能夠在PWA繼續使用你熟悉的工具,要不然光是那些巢狀的CSS選擇器,就可以把人給逼瘋。這篇文章就是要跟大家分享如何在PWA使用SASS及LESS。

Shopify開發:如何針對不同語系顯示不同的頁尾選單

在開發多國語系的Shopify網站時,我們常常需要在不同的語系下,顯示不同的頁尾選單。而shopify的預設功能,沒有辦法針對不同語系去指定不同的頁尾選單。因此我們需要修改程式碼來實現多語系的頁尾選單。如果想要針對不同語系顯示不同的頁尾選單,我們只需要把握判二樣技巧就可以了一、判斷語系二、呼叫自訂選單

電商想做問卷分析來自動推薦商品該怎麼起頭(上)

問卷分析為何不用Google表單就好? Google 表單固然是目前普羅大眾使用的問卷表單,相信就算沒用過Google表單的讀者,也填寫過Google表單的相關問卷,好比辦婚宴的席次也許多是用Google表單來執行,主要原因也在於Google 表單的以下優點

Magento 使用 DES-CBC 加密

各位Magento工程師想必常有串接第三方服務的經驗。許多第三方服務供應商會要求先將資料依據指定的加密法加密後再傳送過去。資料加密方式百百種,今天來介紹如何在Magento內使用DES-CBC演算法來加密資料。DES-CBC演算法可參考維基百科,這裡不再贅述。

Magento PhpStorm Plugin(下)

上篇介紹如何安裝Magento官方發布的Magento PhpStorm Plugin, 不小心錯過的讀者們,可以先到上一篇Magento PhpStorm Plugin(上)看看呦!這次要來介紹這個套件方便又實用的功能。Magento PhpStorm plugin以及PhpStorm本身除了上述所提及的以外,還有提供更多便利的功能,有待各位工程師再自行發掘!

Magento 2 Commerce Category Permission 功能介紹!

在使用Magento系統經營電商平台的你,可能會有個商業模式,當有些選單或產品只想給特定會員群組看到,像是只有VIP會員能購買的限定商品,這時候使用 Commerce 版本的你有福啦!今天小編就來和大家分享能達成這目標且隱藏在 Magento Commerce 版本的強大 Category Permission 功能。

Magento 2 Commerce 版本的行銷神器 Segment 功能介紹!

Magento的 Customer 功能大家耳熟能詳也很直覺,就是在電商系統裡管理會員的功能。但在 Commerce 版本裡還有一個能透過更多參數將 Customer 進行更細節的分類的Segment 功能,廢話不多說我們趕緊滑入正題!Segment 這功能可說是為了因應品牌不同的行銷策略 而生,擁有更多維度的設定,將更精準的網站內容和促銷活動推銷給更有可能轉換的客人上,進而提升品牌的收益!所以說這功能是行銷神器一點也不為過呀!

React JS:如何讓React dev tools支援本機網站

React DevTools 是React js的除錯工具,可以用來觀察React APP在網頁面執行的一些資訊,利如組件之間的相互關係。不論是Chrome或者是Firefox 都有React DevTools的擴充工能。在預設的情況下,React DevTools是不支援本機網站的,這篇文章要分享如何安裝React DevTools並支援本機網站。底下我們以Chrome為例來做分享。

Magento PWA:如何安裝Magento PWA sample data (Venia sample data)

這篇文章要跟大家分享安裝Magento PWA sample data的方法以及如何解決可能遇到的問題。 在開始之前您需要先有一個Magento2 網站,安裝方法可以參考我們之前的文章: 如何使用composer安裝magento2 如果您之前已經安裝了 magento2-sample-data的模組,那必須先把sample data的模組移除,再用全新乾淨的資料庫重新安裝一次。

Magento2:如何將購物車的同意條款移到畫面底下

在將結帳按鈕移到畫面底下之後、你可能也需要將結帳的同意條款移到畫面底下。假設我們使用的主題包是AstralWeb/theme,底下我們的範例是直接在AstralWeb/theme這個主題包裡移動同意條款核取框的位置。

Magento2:如何將購物車的結帳按鈕移到畫面最底下

在Magento2的結帳頁中,預設的結帳按鈕是跟著結帳方式跑的。每個結帳方式都有自己的結帳按鈕。那如果我們想要把結帳按鈕移到結帳頁的畫面底下,並且希望只有一個結帳按鈕的話、又該如何處理呢?假設我們使用的主題包是AstralWeb/theme,底下我們的範例是直接在AstralWeb/theme這個主題包裡移動結帳按鈕的位置。

前端開發小學堂(一)如何限制按下Enter就送出表單與勾選框的可勾選數量

今天的前端開發小學堂,會介紹兩項小方法: 在一般情況下,按下Enter就會直接送出表單,若有額外的需求,不能讓表單直接被送出呢? 在做項目選擇時,我們可一直將勾選框打勾,若要限制可勾選數量呢? 以上兩種問題小情境, 想知道怎麼製作嗎,那就繼續往下看吧!

git reset的使用方式

今天要來介紹git reset的使用方式。有時候我們在 commit 時,會不小心 add 錯檔案,或是 commit message 寫錯、打錯字,但我們不想要再多新增一個commit,只是想修改原本的內容而已,就會發生「剛才的 Commit 後悔了,想要拆掉重做…」。

Forking Workflow的介紹

今天要來介紹寫CODE在專案進行多人協作時,好用的Forking Workflow。Forking Workflow的主要好處是,不需要所有開發者都擁有能push code到專案的repository中的權限,而其他開發者的Code也可以被整合在一起。每當其他開發者推送修改到自己的fork repository,再發起Pull Reques的通知給專案維護者,讓專案維護者合併到專案repository。這樣專案維護者可以不需要給其他開發者專案repository權限,並接受任何開發者的提交修改。

線上購物拿到真的台幣回饋金-Shopback現金回饋!

現金回饋,不就購物金嗎?「現金回饋」與「購物金」乍聽之下非常相似,甚至有些網站會把購物金稱作為現金回饋,這並沒有錯,如先前我們歐斯瑞文章分享電商小學堂:購物金系統 (Credit System),購物金是綁定在您當初消費的電商網站裡面,用來做下次購物時的消費金額抵用,所以購物金只能限定在指定電商網站做使用,例如:蝦皮的蝦幣&博客來的購物金 ...等等 而今天我們要分享的是真的實質“現金回饋”,意旨在線上購物之後依照消費金額比率把真的現金匯到您的帳戶裡頭,這就Shopback主打的“現金”回饋模式。

Photoshop【超簡單系列】智慧型肖像

由於Photoshop軟體運算技術的提升,讓本來很複雜的修圖變的很輕鬆,今天Astral Web要與大家分享在有限度的範圍內,如何快速更改臉部光影、頭部方向、頭髮厚度、眼球方向等,一起來看看如何製作吧!以往這些動作都要個別處理,每一項修改都要花上不少時間,現在Photoshop可以一次幫你做好這些事情

Photoshop【超簡單系列】化妝轉移

由於Photoshop軟體運算技術的提升,讓本來很複雜的修圖變的很輕鬆,今天astralweb要與大家分享如何快速上妝,一起來看看如何製作吧! ※本教學使用Adobe Photoshop 2021 (v22.1) 製作 ※本教學需先對工具使用有基本認識 ※本教學需先熟知基本技法,如去背、選取工具、色調調整

5分鐘了解台灣商家必備的週年慶促銷活動神器 Amasty Free Gift

促銷活動百百種,但Magento原生的促銷規則就是無法設定台灣商家常見的促銷活動「滿額贈」,別擔心!貼心的Magento套件大廠Amasty已經設計出可符合滿額贈的促銷活動功能的套件了,跟著我帶著你們一起見識這套件的強大之處吧!

Line Pay 金流串接

註冊為LINE Pay的商家,可以吸引全球的LINE用戶作為自己的客戶。此外,通過LINE擴展商家的銷售管道,可以預見銷售額的迅速成長。 上次我們已經說過如何申請Sand Box與帳號,現在我們要來串接付款的程式。SandboxUrl : https://sandbox-api-pay.line.me

LINE Pay Sandbox 申請

串接第三方金流是電商網站開發不可或缺的一環,但多數銀行的金流服務都需要以公司名義直接向銀行申請,在這狀況下要取得金流的測試環境與串接文件則有相對的門檻。 相較銀行的金流服務申請流程繁瑣,以下就要來介紹如何直接線上申請 LINE Pay 的 Sandbox,除了能夠輕鬆的申請、串接、進而實作 Magento 等電商平台的客製化金流串接流程之外,也能夠在 LINE 滲透率相當高的台灣市場提供消費者另一簡便的結帳選擇。

Magento2 JavaScript mixins介紹

使用mixin可以讓一個class的方法去增加或混合到另一個class裡, 而不用整個class去繼承或覆寫原本的基礎class, 大大增加了開發的彈性, 此篇就要來介紹, 要如去使用mixin方法在Magento2專案裡。範例:延展UI component此示範如何新增一個function至目標component, 使其component屬性可增加

什麼?開源版也有PageBuilder了!Page Builder功能介紹(下)

上篇的PageBuilder功能介紹大家都觀看過了嗎?文中介紹了前三項主題『何謂Page Builder & Page Builder 影響的層級』、『Block 層級的應用 & Widget的引出使用』及『Catalog Content 層級應用 & Simple Page 層級應用』,本篇分享建立靜態頁面會常用到的Page Builder元素,讀者們可以實際去試試,嘗試的過程會發現透過Magento Page Builder的功能,即使不會寫Code,要"拉"一個美麗的頁面也非難事呀!

什麼?開源版也有PageBuilder了!Page Builder功能介紹(上)

最近收到最令人開心的訊息莫過於Magento也在Open Source版本推出Page builder的功能啦!沒有太多預算升級成Commerce或者不會寫code用戶有福了!使用Page builder只需要動動滑鼠就能做出具美感的網站前台頁面。

Magento2 GA & GTM 電子商務追蹤設定

想到要在Magento2埋入GA的追蹤碼,我們很直覺的會想到在後台Store - Configuration - Sale - Google API,並將GA的ID填入就大功告成!但我們在實務上進行設定時,發現依照這步驟設定完,在GA左側選單Conversion - Shopping Behavior、Checkout Behavior裡行銷漏斗的資料會不齊全,所以在這邊要與大家分享完整的Magento 2 GA & GTM電子商務追蹤設定方式,讓使用Magento2的你們不漏接客人在網站上所有的消費行為呀!

Magento PhpStorm Plugin(上)

IDE作為工程師最重要的開發工具之一,對工程師的工作效率有著決定性的影響。由JetBrains所推出的PhpStorm即便是收費軟體,仍受到廣泛Magento工程師推崇為最適合開發Magento的IDE. 除了PhpStorm本身所帶來十分便利的功能及良好的性能表現之外,搭配Magento官方發布的"Magento PhpStorm" plugin 更是如虎添翼。以下為大家介紹如何安裝及使用Magento PhpStorm.

Photoshop【超簡單系列】Neural Filters-皮膚平滑化

由於Photoshop軟體運算技術的提升,讓本來很複雜的修圖變的很輕鬆,今天astralweb要與大家分享內建功能Neural Filters中的皮膚平滑化,如何快速修皮膚,一起來看看如何製作吧! ※本教學使用Adobe Photoshop 2021 (v22.1) 製作 ※本教學需先對工具使用有基本認識 ※本教學需先熟知基本技法,如去背、選取工具、色調調整 以往要透過「汙點修復工具」和「修補工具」針對各個汙點做處理,現在Photoshop可以直接透過Neural Filters做全臉處理

在GITHUB上建立可供Composer安裝的Magento2 Repository

當module或library需要透過composer來安裝,但卻又沒有packagis帳號時候該怎麼辦呢? 此篇要來介紹,如何在github上建立可以支援composer安裝的Repository,這樣就算沒有將module上傳packagist,也可以透過composer指定Repository進行安裝哦。

MAGENTO 2 – 如何將完整的訂單概要呈現於 Checkout Shipping Step

近期我們收到一個需求是希望能在 Checkout - 1. Shipping 第一階段就能完整呈現 Order Summary ,而原生 MAGENTO 2 所提供的是使用者需要等到 Checkout - 2. Review & Payments 這個步驟時,才會提供完整資訊,下圖截至 Luma Theme 能更清楚看出原生在這兩個步驟所顯示的資訊差異。

Magento2 可售庫存的計算

不知各位是否遇過,明明設定產品的庫存量為正數,但前台卻顯示無庫存,或者下單時被告知無庫存的情況呢?如果對這種情況感到棘手,今天剛好一起來了解庫存可售量,在訂單流程中的增減邏輯吧!我們先從後台新增了一個簡單商品,給定初始庫存量 5。從產品列表,可確認當前庫存量與可售量皆為5。

Magento 2 與POS系統串接進行會員註冊測試的常見情境!

要使用Magento製作一個電商網站非常不容易,不僅在一開始業務端需要花很多時間去釐清客戶的需求,了解完再交由公司內部的PM針對客戶的需求進行網站規格的盤點以及人力資源的調度和專案時程規劃,在完成這些前置作業後,專案開跑團隊工程師開始進行網站製作,過程中客戶可能會有新的問題及需求,而PM要在負責統籌並審核將此需求加入專案的必要性與時程調整。

di.xml注入的使用方式

今天要來介紹如何di.xml注入的使用方式,開發magento2的時候常常會需要plugin或preference去影響原生的程式,如果只要針對原生程式中的一個物件、參數或陣列做替換或注入的話,用preference去覆蓋掉原本的程式又過於費工,這時候就可以用Argument type直接替換或注入就可以。這邊我們預設各位讀者都已經知道如何製作一個基本的magento2 module來進行範例製作,因此這邊只寫出必要的設定檔案。

Photoshop教學【手繪風】切片柳丁

今天Astralweb要與大家分享使用筆刷繪圖的實例,一起來看看如何製作吧! ※本教學需先對工具使用有基本認識 ※本教學需先熟知基本技法,如去背、選取工具、色調調整 希望對您在未來繪圖上能有所幫助。如對本系列有興趣可以參考其他篇以及隨時關注我們喔!

歐斯瑞 X Adobe Magento

近年來歐斯瑞致力於提供最專業及最多樣的Magento網站服務,我們能協助客戶建置客製化的Adobe Magento Open Source、Commerce 和 Commerce Cloud的電商平台,也能協助ERP、POS、CRM等第三方系統整合,更提供Magento顧問及維運,為客戶提升更大的收益。

Magento2商業版實用功能教學 – Invitations

Magento官方每隔固定時間皆會釋出版本更新,保障系統品質同時也提供新功能,修復系統Bug並且提供更為強大的電子商務功能。而Magento2 分為商業版以及開源版,商業版使用者往往能夠更早享用官方釋出的新功能,這次要介紹的是商業版新釋出功能 -  Invitations!

處理cloudflare’s誤報

Cloudflare是個非常強大的工具。您可以使用它來管理您的DNS登入,為您的網站多一層安全保護,改善您的網站速度以及許多其他事物。但與其他人造品一樣,cloudflare並非完美的。在本篇文章中,我們會說明當您在網站上使用cloudflare時,可能發生的問題之一。

Laravel 8 URL 改寫問題

網路上有許多支援Laravel的Nginx配置範例。設定是蠻簡單的,不過當使用Laravel 8時,可能會出現以下錯誤。這個錯誤的原因並非太明確,但此問題在Laravel文件版本4.2~5.3中有提到過。關於URL改寫,需要在Nginx的配置文件中加入以下這行

基本的Elasticsearch故障排除

自從Magento 2.4.0,Elasticsearch逐漸成為預設的索引工具。部分的小問題持續發生,其中最重要的就是無法正確搜尋,需要一些Linux技術。如果在執行重新索引後,您覺得索引的性能降低了,此篇文章或許可以協助到您。首先,要透過執行”curl -X GET”來檢查ElasticSearch是否運作正確

內容安全政策:修復Yotpo政策錯誤

Yotpo是內建在Magento中很實用的一個平台,幫助商家可以很輕鬆的收集與顯示客戶評論、照片和影片,提高了客戶的信任度,進而促進銷售。 雖然Yotpo已與Magento完全整合並配置共同運作,但在全新安裝後,並非完全無誤。內容安全政策Content Security Policies(CSP)是最常見的問題。 CSP為一種安全工具用來減緩網站攻擊,像是信用卡盜錄器、連線劫持、點擊劫持等等。要求伺服器在HTTP標題中將腳本、樣式與其他資源的外部資源列入白名單。

基本的VPS安全:SSH

在先前的文章中,我們有列出您需要了解的一些有關VPS安全重要事項。在這第二部分,我們會針對保護您的SSH再做些微深入討論。 SSH(安全外殼協定)是一種在非安全的網路中,提供安全連接到您的VPS協定。代表著就算您使用的是公共wifi,您與伺服器之間的連接會一直被加密著。我們一直把SSH安全放在安全檢查列表的首位,因為安全是最重要的事情。如果入侵者可以得到您的SSH訪問權限,他很有可能閱讀您的資料、放一些惡意軟體、執行一些指令,甚至使用您的電腦資源來為比特幣挖礦或下載非法的內容。

基本的VPS安全最佳實踐作法

想像一下,如果您在市中心經營一家實體店且非常忙碌,誰不想要您的錢呢?自古以來最著名的可說是強盜與竊賊了,那就是為何您總是需要在店裡裝設24/7全天候的監視器。 我們都生活在一個一切都在線上的世界,包括您的事業(而竊賊同樣也在線!)您已經在網路上運作您的事業,然後呢?執行線上事業不只是開發您的網站,為您的產品進行促銷,還有支付您收到來自託管公司的所有帳單:來維護您的網站安全,確保沒人能毀掉您的事業。

Vue Storefront +Magento執行

您在線上商店會需要的一切。但許多人抱怨它的速度、資源密集、難以維護等等。若您想讓您的magento體驗更快速,你可能需要為伺服器資源燒更多錢。但如果您不想這麼做,Vue Storefront或許是個選擇。使用Vue.js撰寫的無頭及微服務電商漸進式網路應用程式(PWA)” - 出自他們的網站。理論上您可以將您的magento轉換成PWA,它應該能像手機原生操作系統一樣執行。如果您想讓您的Magento(特別是Magento 1)在沒有花太多金錢讓伺服器升級的情況下,更加快速,或花太多時間升級成Magento 2,那這可能就是答案。

使用git attributes正規化專案換行字元

各位開發者所熟悉的專案版控工具git, 無論是一人專案或多人合作專案都有其用武之地。在多人專案中,數名開發者各自在自己的作業系統上進行開發後,將成果發布到repository 上。其他的開發者則將新的內容拉到自己的環境中,再繼續自己的開發作業。這乍聽之下沒什麼問題,多數情況下也不會有什麼問題──直到你遇到這個詭異的現象

Magento2 擴充模組的ACL權限

過去我們已介紹了如何設定Magento後台使用者的權限,在原生的架構下,各模組依功能可細分控管項目,而在客製擴充功能時,勢必也會遇到權限控管需求,今天就跟各位一同來了解Magento的ACL實作方式。首先,需要先了解Magento的ACL架構,是由使用者(User),角色(Role),與資源(Resource)所組成。透過指定角色擁有哪些資源,再將使用者納入角色,來建構使用者對資源的存取鏈。因此要為新功能增加權限,第一步就是定義新的資源。

五個方法提升 Web Fonts 載入速度

微調 font 文件並進階優化字體載入策略,以實現最快速度和最短 FOUT 表現 在之前的文章我們介紹了關於 system fonts 相對於 web fonts 的優點,與 system fonts 相比,web fonts 會對效能產生負面影響,使用更多數據並且增加網頁耗能,更是對 Google SEO 排名造成間接性的傷害。

System Fonts 和 Web Fonts 比較

什麼是 System Fonts / Web Fonts?System Fonts 顧名思義指的是作業系統內定的字型,因為來自於作業系統(也就是用戶的電腦、手機),不需要去特定網站(如 Google)抓取字體文件,也不需要將字體文件存在我們的網頁伺服器裡。而 Web Fonts 則是儲存於網頁伺服器的字體文件,瀏覽器會在渲染畫面時下載當前網頁指定的字體。在一天之內,瀏覽各種網頁可能會下載成百上千個這樣的文件。 其中一些甚至可能是相同的字體,來自不同的網站。

使用FB Conversions API增加事件與Facebook Pixel兼容

我們也在前篇文章(這裡可以擺個連結)示範了如何使用FB Business SDK新增FB Conversions API,我們將在這篇文章講述如何設定事件。以上是四個常用事件,詳細參數可以到FB Conversions API參數,但是當你已經通過Facebook pixel發送事件則需對重複事件進行刪除,刪除必須滿足兩個條件

FB Conversions API

2021年起 appale 使用 App Tracking Transparency 向 iOS 14 裝置用戶顯示提示。此提示將徵求用戶是否許可第三方應用程式和網站追踪他們,這意味者用戶可以自己選擇是否要提供數據給第三方。影響:這會影響FB在追蹤用戶網路行為,進而影響廣告投放精準度,造成廣告效益降低。由於無法取得資料,業主無法得知廣告效益,是否提升商品加入購物車

在正式環境設定Magento PWA Venia

在開發或測試新功能後,對於在開發者模式下的任何特定Venia環境中,下一步就是要部署正式環境 ,來充分利用Magento前端的客製化及增強程式碼。由於它的屬性與動態性質是基於客製要求及測試,這篇文章將不涵蓋任何標準化下的CI/CD的過程。

翻譯Magento PWA Venia的主題

對於商家來說,針對來自不同國家和語言的顧客,支援不同語言是必須的。原因不用多說:更大的客戶群就意味著更多的商機。有以上需求的Magento商家不用擔心語言支援會是一個麻煩:即使Venia / Magento PWA主題沒有提供拆開即用的國際包(也就是美式英語作為預設語言(en_US));但翻譯一個Venia網站是非常簡單的過程。以下我們就教你怎麼快速進行在Magento中進行前端語言的轉換與翻譯。

解決第三方金流導致Google Analytics 分析誤判問題:設定參照連結網址

若是按照原本Google Analytics的計算方式,Google Analytic會判斷原本的工作階段已結束並另外多一個工作階段,也就是金流頁面跳轉回網店訂單完成頁這一段視為另一個新的工作階段,這樣會使得流量與轉換也會計算在金流端,因此有付款的顧客在短期內就會產生兩個工作階段,除了影響廣告效益以及管理者在Google Analytics的判斷之外,間接的也會影響停留時間與離開率等等數據指標。

Photoshop【超簡單系列】毛髮去背

由於Photoshop軟體運算技術的提升,讓本來很複雜的修圖變的很輕鬆,今天astralweb要與大家分享內建的選取功能,如何快速去除有頭髮的背景,一起來看看如何製作吧! ※本教學使用Adobe Photoshop 2021 (v22.1) 製作 ※本教學需先對工具使用有基本認識 ※本教學需先熟知基本技法,如去背、選取工具、色調調整

Magento2商業版實用功能教學 – MSI 多庫存系統

之前有和大家分享過Magento在2.3.0改版時加入了MSI ( Multi Source Inventory) 多庫存管理系統,為了讓你們更了解這個功能可能實際應用的情境,這次除了幫大家複習MSI系統的定義外,更加入了這個功能實際運用的情境喔!

AWS安全群組設定介紹

在使用AWS的EC2或者負載平衡等服務時候,需設定安全性群組,它能產生一個虛擬的防火牆,來限制能訪問的IP來源,能使得AWS的服務上可以避免來自同一個IP的惡意攻擊,但如何設定錯誤也會造成伺服器之間無法互相訪問造成系統無法順利運行,今天筆者會來介紹一些基本的設定。

認識 Magento 2 標準訂單流程: State & Status

相信大家在初次進入 Magento 的時候,最先感到不甚確定的地方就是訂單流程了。 在此篇文章中,將會針對最基礎的 Magento 訂單流程做講解,以及說明究竟什麼是 Magento Order State 與 Status。首先初步說明一下 Status 與 State 的用途

電商平台比一比,當Adobe Commerce Cloud(Magento)對上Salesforce Commerce Cloud (Demandware)

於3年前,我們曾經比較過Magento與Salesforce的電商平台,但隨著時間不斷前進,現在的Magento已經有了包含伺服器的版本,並於2021/04正名為Adobe Commerce Cloud,這樣的動作在我們來看,代表著Adobe宣布了Magento正式成為它們官方的解決方案,並且在未來將投入更多的資源,來更進一步的優化Magento平台,因此對於Magento的未來發展,可以說是相當期待。

Magento FPC清除事件

每個建置網站的人一定都曾思考過這個問題:「如何讓我的網站變得更快?」網站的載入速度除了影響使用者體驗,也和SEO大有關係。因此,許多工程師使盡渾身解數,只求省下那數十毫秒的載入時間。使用Magento建置的網站,其功能強大且完善,但隨著啟用的套件越多,網站的載入速度也會變得越慢。所幸Magento本身已有「全頁快取 (Full Page Cache)」的功能,可大大優化這方面的表現。

Magento Commerce 新推出網站分析工具SWAT!

什麼是SWAT?Magento Commerce Cloud在V2.4.1版本推出了新的分析工具Site-Wide Analysis Tool (SWAT),透過SWAT能幫Magento做站點分析,讓網站使用者可以快速的找出問題所在。舉例來說,若是要分析網站性能相關問題,可能會用第三方工具New Relic來做檢測分析,安全性的檢測以及24/7監控網站可能又會是其他另外兩個第三方工具來處理。

將PHP擴充模組部署至Magento Cloud

根據設計,MagentoCloud提供了一個無需配置修改即可立即使用的環境構造,包含運行Magento的所有必要資料及設置,而無需花費時間在找尋正確的配置與規範。但有時因技術的變化,可能需要安裝額外的PHP擴充模組。 最常需要添加的擴充模組通常與安全性有關,例如強化雲環境安全性的新加密演算法。除此之外,為新的模組添加新的PHP擴充模組也是可能發生的情形之一。

修復Magento Cloud上的502錯誤

502 Bad Gateway錯誤可能是個異常發生的錯誤,在特定的整合(開發)環境中。若在檢查Magento Cloud配置與網路速度後,工程團隊仍無法判斷造成該錯誤的根本原因,此錯誤會很難被分析。此篇文章主要為簡述可能造成502錯誤的根本原因與將該錯誤降低的建議方式。

Magento Cloud:建立一個新的整合環境

如果您需要在Magento Cloud建立一個新的整合環境該怎麼做呢?這篇文章中,我將會詳細介紹從Staging branch新建一個整合環境的過程。您注意到Magento Cloud UI介面是非常容易使用的,讓您認為建立一個新的整合環境就像是操作簡易的“刪除”及“從Staging分支”,但您很快就能發現事實並非如此。在刪除整合環境後,您會發現沒有可用的選項得以從Staging網站新建一個分支。若有這種情況,別驚慌。Magento Cloud CLI可以協助解決。

Magento Cloud Command-Line:基礎用法

Magento Cloud的目標之一為有效節省DevOps時間與減少開發上的問題。雖然利用Magento Cloud Web提供的UI是非常方便,但透過Command-Line(CLI)執行同樣地任務會更加省時。

使用bash functions簡化指令

有些常用的magento相關指令比較長,即使有官方縮寫也經常容易打錯。使用bash function可以自定義這些常用指令的縮寫,以進行簡化或是自行使用容易記得的縮寫。

Sendgrid 發信失敗!錯誤代碼421.5.7.1 是什麼原因?

什麼是Sendgrid ?Sendgrid為國際知名的SMTP廠商之一,不熟悉的讀者可能會接著問那SMTP廠商是什麼廠商?簡單來說SMTP廠商提供較可靠的Email郵件伺服器,並經過特殊的Server配置,使得透過SMTP廠商來發送電子郵件時,有比較低的機率會被收件者的郵件伺服器歸類為垃圾信件,重點是您就不需要自己去架設Email郵件伺服器,也不需要花費資源去維護Email郵件伺服器。

使用git interactive rebase改寫commit歷史

只要是有使用過git進行版本控制,一定會發生commit了之後反悔的情況。若僅想要訂正部份commit內容,可使用commit --amend, 但若想要將commit「移除」,則有兩種作法:git revert或git interactive rebase. 

將Magento Cloud請求重新路由轉送至另一個CMS

Magento Cloud顧名思義就是在雲上運作。意思是他們已經為您配置好所有的網路運作及基礎設施,且它們運作的良好。讓您不用擔心那些事情,且作為Magento開發者,只要專注於開發您的網站即可。自從它開始在雲上運作,您可能無法自由地客製您的nginx、防火牆及其他基礎設施方面。在某些情況下,您需要整合一些第三方系統至您的Magento。舉個例,您通常需要有一個wordpress部落格在您安裝的Magento /blog目錄底下運行。

Magento 各版本深度分析,企業該如何選擇 (ㄧ)

講到購物車系統,Magento這個選項在台灣的電商市場上,近幾年對企業商家來說已經越來越不陌生。自從Magento在2018年風光下嫁(被收購)給Adobe後,Magento特殊的靈活性跟不斷擴充的功能,已然在三年後的今天,成為全球數以千計商家首選的頭號電商平台。在Magento不斷演化的各種版本中,最新推出的Magento 2 擁有Open Source(開源版)、Commerce (商務版)和 Commerce Cloud(企業雲端版) 這三大版本; 各自引入了針對不同企業規模獲利所需要的獨特電商功能。 在以下的分析中,歐斯瑞將會詳細比較三個版本,來讓大家了解它們之間的核心差異。

前端開發:使用jQuery實作點擊div以外的地方來關閉它

在使用下拉選單或者是彈出視窗的時候、我們常常會需要一個功能:點擊元件外部來關閉元件。在接下來的範例中,我們要示範如何使用jQuery實現點擊div以外的地方來關閉div。首先、我們先準備好html的部份,我們要做一個按鈕和一個div方塊。按下按鈕就可以顯示或隱藏div。並且在div顯示的狀態下,點擊div以外的地方就可以隱藏它。

Magento 2商業版實用功能教學 – 客戶分眾

本影片將介紹Magento 2商業版客戶分眾功能。我們將說明為什麼會需要使用客戶分眾、如何從後台建立分眾、如何妥善運用分眾來進行行銷 (如購物車促銷與動態內容)? 若想觀看本文章的影片版教學,請見歐斯瑞Magento 2商業版教學系列

Magento Cloud Cron 不會動的原因

Magento Cloud上的Cron不會動?筆者於用Magento Cloud上部屬的網站後台MARKETING->Promotions->Cart Price Rules的Manage Coupon Codes新增完促銷後,點擊Generate後系統留下此提示訊息後就結束了。

2021年 GOOGLE 演算排名 SEO 核心指標 – 累積版面配置轉移 CLS

2020年 5 月 Google 發佈排名演算法即將更新,Chrome Team 定義出衡量網站使用者體驗 UX 最重要的三項指標 Core Web Vitals – LCP, FID, CLS。目的是讓網站擁有者能夠量化使用者在瀏覽網頁時的體驗,找出問題所在,並加以優化。並且將依據核心指標影響 SEO 排名,理由很簡單,Google 不希望排在搜尋結果前幾名的網頁帶給使用者不好的體驗。

【WordPress】不懂程式碼也能輕鬆架出美感出眾的網站,設計功能強大的 Divi Theme

當你已經成功架設好WordPress網站,下一步就是要煩惱網站該如何呈現? 除了可以使用WordPress原生的佈景主題外,其實你還有更多高客製化的選擇,也就是頁面編輯器(Page Builder)今天要和讀者們介紹的頁面編輯器不是大家耳熟能詳的Element,而是擁有強大設計功能的Divi Theme.

Magento2商業版實用功能教學 – Page Hierarchy

Magento官方每隔固定時間皆會釋出版本更新,保障系統品質同時也提供新功能,修復系統Bug並且提供更為強大的電子商務功能。而Magento2 分為商業版以及開源版,商業版使用者往往能夠更早享用官方釋出的新功能,這次要介紹的是商業版新釋出功能 -  Page Hierarchy!

POSTMAN Response直接解密的方法

先前有介紹過一篇 POSTMAN HEADER直接文字加密的方法,打過去的API傳回來的資料可能是加密的資料(如下圖),每打一次API都要再將回傳的資料再找其他方式解密才能閱讀資料是非常麻煩的事情。所以今天要來介紹POSTMAN Response直接解密的方法。

【Magento2】同時設定商品的Sale Price & Catalog Price Rule 會發生什麼事呢?

客戶對於折扣的要求百百種,針對不同的狀態要設定個別產品的sale price,或者是從catalog price rule做設定,聰明的讀者會許會有個疑問,如果以上這2個值都做設定呢?會發生什麼事呢?讀完這篇文章讀者會對以下3點有初步認識 1.從個別產品設定Sale Price 2.從Catalog Price Rule 設定Sale Price 3.在個別產品設定Sale Price 同時設定Catalog Price Rule 會發生什麼事?

使用Markdown來編寫API

Markdown是一種輕量級標記式語言,他具有輕量化、易讀易寫特性,並且對於圖片,圖表、數學式都有支援,它允許人們使用易讀易寫的純文字格式編寫文件,然後轉換成有效的XML或HTML。API Blueprint是一種Markdown,針對API做了一些改變,也有很多工具支援,讓你極易產生API並且是開源的。

JMeter-網頁壓力測試教學

上次我們說到JMeter的安裝,這次來說說網頁壓力測試。一起來看看吧! JMeter壓力測試 主要是指定頁面裡在時間內有多少人進入頁面。 我們先用以下二種做測試: 1. 一秒內10個人進入Google首頁 2. 一秒內10個人進入Google網頁,三分鐘後自動停止

Magento Cloud – 如何在專案中使用Patch進行修正

現今在專案中,透過composer安裝第三方套件來使用是極為普遍的方式,使用composer安裝的程式碼是來自網路的公版軟件,也就意味著不可任意修改。而實務上,難免會遇到第三方套件存在bug,且尚未釋出修正。我們無法直接去修改vendor中的程式,因為每次composer更新安裝時,程式就會再次被公版覆蓋掉。針對這樣的修正需求,Magento Cloud在部署過程設計了一個Patch機制,可以在composer install完畢,去執行修改vendor裡特定的程式檔案。

給開發者 – 制定軟體版號

作為開發者,對於使用外部軟體套件一定不陌生,有在持續維護的套件,每隔一段時間,就會因功能上的追加或問題修復,釋放出新版程式。在未探究前,我們可能只知道版本基本上是遞增的,似乎又有分大小號。但何時加小號,何時加大號,該如何判斷呢?總會有那麼一天,我們需要自行定義產品發布的版號,今天就一起來認識關於版號使用上常見的慣例與規則吧!

導致訪客離開網站的2021年網站使用體驗

隨著網路趨勢的成長與技術的提升,現今多數網站皆會使用各式類型的彈跳視窗,顯示促銷活動、追蹤成效、提供最新消息、確保用戶了解網站所提供的服務等。然而,過多的彈跳視窗反而會對於使用者體驗帶來負面影響,進而導致訪客離開網站,降低轉換率。 那麼常見的網站彈跳視窗有哪些呢?一起來看看吧!

3個小秘訣,讓你快速在Magento2建立可配置商品 (Configurable Product)

在先前的文章中,我們曾簡介過如何建立擁有多重選項的可配置商品,方便使用者在同一個商品頁挑選商品的規格,像是衣服的尺寸、顏色等等。想知道如何進一步提升商品上架的效率嗎?與你分享幾個小秘訣,讓我們晉升進階玩家。

Magento2 新增javascript的windows.checkoutConfig變數

在Magento2的結帳頁面是使用knockoutjs渲染製作的功能和特效,而它的購物車、客戶、商品等資料都是藉由\Magento\Checkout\Block\Onepage::getSerializedCheckoutConfig的函數提供,再將它宣告至windows.checkoutConfig裡,讓knockoutjs的model能去取得一些基本必要設定值,但當我們客製化一些新的功能在結帳頁面,想要去新增或定義新的windows.checkoutConfig值該如何做呢?

Web Share API 網頁分享功能

Web Share API 是現代瀏覽器提供的功能之一,它讓網頁的使用者能夠體驗到和原生 app 完全相同的分享體驗。以下我們分成三大主題來為各位介紹 Web Share API 的基本使用概念,什麼是 Web Share API呢?Web Share API 的限制是什麼呢?Web Share API 要如何使用?

Illustrator教學 用AI做出霓虹燈效果

今天Astral Web要與大家分享用Illustrator做出霓虹燈文字的效果,一起來看看如何操作吧! ※本教學使用Adobe Illustrator 2021 25.2.1版本 霓虹效果不僅可以用PS做出,簡單幾個步驟AI也能做出類似效果歐。

XSS 檢測工具 XSStrike

XSStrike 是以python寫成的Cross Site Scripting注入檢測工具,他會使用多個解析器來產生有用的paload來去測試,他還包含爬蟲測試、參數查找、模糊測試、防火牆檢測功能掃描DOM XSS,下面我們來講解如何安裝與使用。

前端開發:bootstrap-table.js的中文化設定

bootstrap-table.js 是一個以bootstrap為基礎的表格外掛。可以對表格的資料進行排序、分頁、查詢等等。這篇文章要簡單的介紹如何設定bootstrap-table.js的中文化呦!因為bootstrap-table.js是以bootstrap為基礎開發的套件,因為我們必須先載入bootstrap。另外bootstrap-table使用了font awesome作為預設的圖標,因此我們也需要找入font awesome.一起來看看吧!

Photoshop【超簡單系列】保留細節2.0放大

由於Photoshop軟體運算技術的提升,讓本來很複雜的修圖變的很輕鬆,今天astralweb要與大家分享在有限度的範圍或照片款式內,讓圖片放再大也不會變模糊。 ※本教學使用Adobe Photoshop 2021 (v22.3.0) 製作

Magento2整合Sendgrid Email服務設定教學(使用Mageplaza SMTP模組)

此篇文章來教大家如何來設定Magento2和Sendgrid的Web API認證整合,串接的Magento2 模組我們選用Mageplaza SMTP的模組,市面上還有許多其他Magento2的SMTP模組,但大部分的模組需要付費購買,此模組則是免費的,因此推薦給大家。安裝方式請詳見Mageplaza官方說明,在此就不贅述了。跟著以下步驟操作囉!

Magento1 與 Magento2擴展模組介紹

此篇文章介紹給已經開發過Magento1轉開發Magento2的技術人員,或是反之Magento2轉開發Magento1的技術人員,來比較Magento1和Magento2之間擴展模組目錄的結構差異呦!

Photoshop【超簡單系列】天空取代功能

由於Photoshop軟體運算技術的提升,讓本來很複雜的修圖變的很輕鬆,今天astralweb要與大家分享內建的天空取代功能,如何秒速更換天空景色,一起來看看如何製作吧! ※本教學使用Adobe Photoshop 2021 (v22.1) 製作 ※本教學需先對工具使用有基本認識 ※本教學需先熟知基本技法,如去背、選取工具、色調調整

Adobe XD教學【入門】雲端檢視好方便-設計稿演示與開發資料

今天astralweb要與大家分享Adobe XD,如何將完成好的XD文件產出開發時所需的資料,跟著本篇文章一步一步操作,希望對您在未來設計上能有所幫助!趕快一起來看看吧!

POSTMAN HEADER直接文字加密的方法

做API需求舉例,Stamp會需要拿RequestBody去做加密,但如果每一次都要將如果要修改RequestBody那麼同時也會需要以下面的加密方式再將SHA128(Base64Encode(RequestBody))寫回去Header裡的Stamp,而時間戳也要馬上產生,這樣每打一次API都要再重新加密是非常麻煩的事情。那要如何改善呢?

Illustrator教學【入門篇】物件重複圖樣功能

以往我們在做圖樣的重複排列或放射狀組合時,總是需耗費大量時間在排位置或是喬角度,這次推出一個自動化的功能,自動產出重複圖樣縮短了製作上的時間。今天Astral Web要與大家分享Illustrator的物件重複圖樣功能,分為放射、格點與鏡像呦!一起來看看如何操作吧!※本教學使用Adobe Illustrator 2021 25.1版本

使用submodule管理git子專案

使用Git來管理程式版本,身為開發者一定不陌生。在Magento專案裡,如果遇上原生不支援的功能,我們會自己開發模組,如果這個模組被設計可通用於不同專案,那麼集中一個地方去開發,肯定是較好的維護方式。今天要跟大家分享git本身即有功能可達到此目的,透過submodule的建立,一個模組專案,可以被安裝在不同Magento專案之下,一旦模組有更新異動,各專案可自行同步到最新程式,一起來看看吧!

如何在Magento 2 所見即所得(WYSIWYG)嵌入Youtube影片

在銷售網站的商品頁中,若有不錯的商品介紹影片,想必可以更加吸引人來購買您的商品,今天歐斯瑞要來與大家分享如何在Magento 2 的商品敘述嵌入影片,怎麼操作呢?一起往下看看吧!

從MAGENTO後台建立attribute需要注意的事項

曾經使用過attribute的讀者們,可能對本篇比較熟悉,也比較能理解呦!在後台建立attribute時,是否遇過以下問題呢?本篇文章要與大家分享從Magento後台建立attribute時,需要注意的事項喔!一起來看看吧!

Magento 2 如何改善所見即所得WYSIWYG 無法順利順暢中文之問題

本篇要來向各位介紹如何改善所見即所得WYSIWYG無法順利順暢中文之問題呦!所見即所得是什麼呢?又要如何改善其中問題呢?話不多說,繼續往下看看吧!什麼是所見即所得 (WYSIWYG)?即見即所得 的英文名稱縮寫是 WYSIWYG (What You See Is What You Get),是可以讓用戶直接透過圖形化的使用者介面 (Graphical User Interface, GUI) 來編輯網站頁面,而不需自己寫程式碼。雖然WYSIWYG 可以讓你方便來製作網頁,但常會程式碼不夠有彈性或不簡潔的缺點,因此仍然要俱備自己親自撰寫程式碼的能力

Adobe XD教學【入門】增加更多方便的功能-安裝插件

在運用Adobe XD設計時,如果有工具能夠增添使用的方便性,是不是更好呢? 今天astralweb就要與大家分享Adobe XD官方提供的插件,可以額外增加Xd更多方便的功能喔,一起來看看吧!

Magento 2 Theme – Magento前端也能套版嗎?(下)

Magento為市面上提供高度彈性以及客製化程度的電子商務開發系統之一,也因為其系統架構較為複雜且繁瑣,市面上所提供的theme套版方案也較為少見,本篇文章所要介紹的為市面上 envatomarket Theme銷售平台中,銷售排行第一名Theme Porto Theme。就讓我們往下看看吧!

Magento 2 Theme – Magento前端也能套版嗎?(上)

在全球受到疫情侵擾無一倖免的肆虐下,為避免疫情擴散各地紛紛展開了居家隔離政策,全球各地的生活模式也遭受強烈的變革。然而電子商務產業因應疫情事態反而逆向而行,在疫情肆虐下開展網路通路成為各行各業的另一出路。其中縮短上線時間的秘訣之一,即是利用前端套用固定版型方式達成縮短開發時程目的。Magento為市面上提供高度彈性以及客製化程度的電子商務開發系統之一,也因為其系統架構較為複雜且繁瑣,市面上所提供的theme套版方案也較為複雜。本篇文章所要介紹的為市面上 envatomarket Theme銷售平台中,銷售排行第一名Theme Porto Theme。

Magento 2: 如何在表單欄位中新增 placeholder

儘管 Magento 2 採用 KnockoutJS 開啟了現代前端功能的可能性,但較於抽象的概念間接提高新的挑戰,在表單欄位中添加 placeholder 不再像打開 HTML 那樣簡單。 在這裡,我們將解釋如何將 placeholder 添加到 Magento 2 表單中。

Shopify 網站密碼設置

今天跟大家分享新手在Shopify網站上線前如何不讓人輕易的看到網站內容等資訊,可以使用密碼,在進網站前會被要求先輸入正確的密碼才能進入,只讓工程師等設計網站的人知道密碼,這樣就可以進行網站維修或更新了。 如何設定呢?!只要跟著以下步驟一步步做,其實很容易就可以完成囉!

如何修改Magento2 Increment Id

今天要來介紹修改increment id,在Magento2裡不管是訂單、發票、配送單還是退款單都會有increment id這個欄位,這個欄位就是用來當流水號用的,但為什麼會需要修改這個欄位呢?很多時候在與第三方平台串接時候,都會以increment id當作對接的唯一值,在開發的期間又會有local、test、staging、production各種不同的對接通一個第三方平台,此時就會發生第三方平台收到同樣的increment id導致錯誤,無法繼續進行下去,因此去修改increment id前綴開頭號碼,是最為快速的解決方法!

Javascript 中 JSON.parse 數字支援問題

在javascript中我們常常使JSON格式做資料交換,所以我們常常使用JSON.parse來把字串轉為物件再做使用,但是有一個問題會造成你轉出來的資訊與你期望的產生差距,讓我們用一個簡單的範例來重現這個問題吧!那就繼續往下看囉!

使用Google帳號快速登入Shopify後台

今天跟大家分享新手如何使用google帳號輕鬆登入Shopify商店的後端。假如您公司的Email也是使用Google Apps。Google Apps會做什麼呢?基本企業版Google服務的付費版本以及允許您使用所有集中式Google正確的服務,例如:Gmail、Google雲端硬碟等。因此,如果您有一個電子郵件地址正使用Google Apps,那麼您可以更輕鬆地重新登入。如何設定呢?!只要跟著以下步驟一步步做,其實很容易就可以完成。

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

Magento 1 Vue Storefront環境建置系列已經來到下篇啦!在前兩章節我們講述如何建立Vue Storefront環境的環境,但是我們沒有提到我們的資料從何而來,大致可以分為以下兩種。如何在Magento專案下操作呢?就讓我們一起來看看吧!

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

好久不見的Magento2開發-使用Plugin改變原生行為系列又來啦!這次Plugin的使用來到尾聲囉!最後一個,也就是置入點放在最末的 after Plugin,其使用也是最簡單的,我們繼續以先前的範例往下看吧!

Adobe XD教學【入門】善用資源來節省時間-官方UI kit資源

在設計時,如何善用資源來節省製作時間呢? 今天astralweb要與大家分享Adobe XD官方提供的免費資源喔!UI套件、插件等等,快速開始您的設計,可以省去一些製作的時間喔!一起來看看文章的介紹吧!

Magento2常用原生計算順序紀錄

在購買商品時,將商品放入購物車後的一整段結帳流程,有時有折扣,有時要加稅或免稅等等...你們知道這些是如何計算的嗎? 本篇就要來介紹結帳流程時,常會需要插入一些原生沒有的計算折扣或稅,在此我們將所有原生的節點提出列表,整理給需要的人,繼續往下看吧!

運用YOTPO讓消費者為品牌發聲

選擇投入電子商務的你,勢必會有個疑問:要如何提升轉換,讓流量變成營收? 這個問題我們可從許多面向探究,包含網站的視覺設計、內容經營、使用動線、行銷組合...等等,網站上的每個細節,或多或少都會影響消費者的購物體驗,進而成為轉換的助力或阻力。 想在潛在客群猶豫時給予適當的推力嗎?我們可以在網站上適時地加入消費者的評價資訊,提升瀏覽者對品牌或新產品的信心。畢竟,有時候相較於品牌的官方說法與精美圖片,消費者更相信真實的評價資訊。今天和大家分享一個顧客評價資訊的整合服務 --- YOTPO,一起來看看吧!

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專案上有一些地方可以放置這些翻譯語言包,而這些放置的地方會影響到語言包讀取的權重,進而影響翻譯的結果,所以各位讀者需要好好的了解,才能準確無誤的翻譯到所需的字串。

Magento Translation Inline功能介紹

適用版本: Magento2.3以上。Magento後台裡有Translation inline的功能,將它開啟可以使有設定翻譯字串的文字進行線上翻譯功能,那要如何使用呢?讓筆者按步驟來介紹。(注意!!此功能只在developer mode時候能使用)

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

Magento 提供多種覆寫方法便於開發者進行客製,今天我們要介紹的方式- Plugin,是屬於較小範圍的改寫。 這種覆寫方式,會針對某個特定的類別,改變其所屬方法(method)的實際行為,而置入客製程式的方式,則依置入點細分三種: 方法之前(before),與方法當中(around) ,方法之後(after)。每種方式概念相仿,細節有異,今天要實際帶大家先了解的是 before  Plugin的實作。 我們知道一個function會有輸入參數跟輸出值,before就是針對輸入的的參數去包覆客製行為,也就是說,可以在參數傳遞進方法被執行前,對其值進行調整。

電商小學堂-開店選擇App還是網站

網路的方便性大大的改變了使用者的生活模式,生活的疑難雜症在詢問Google後彷彿都能獲得解答,資訊傳播的無遠弗屆相對於傳統的銷售通路也是不斷地在打破實體通路的邊界。電子商務大力重棒地影響了各行各業的經營方式,小至販售泡菜的零售商大至電商龍頭之一Amazon,愈來愈多行業別因應著全世界消費習慣的快速變遷而跳進了這塊看似沒有上限的電商產業。 在亞洲消費模式多樣性以及五花八門的行銷策略影響下,開一家網路商店對於初出茅廬商家來說,常常搞得頭昏眼花不知如何下手,今天就讓我們從網路上最常見的兩種使用上相似卻有明顯差異的平台來討論吧!

如何在Magento2 system config設置加密欄位

今天要來介紹如何在Magento2將資料加密再存入core_config_data 資料庫表格裡 為什麼需要加密資料呢? 有些資料是敏感性、隱私性高的資料,像是與第三方廠商合作,串接系統時候,通常都會有非公開的API需要以一些金鑰、密碼值進行認證,像這類的資訊在後台填寫時候和存入資料庫時候就應該被加密,就可以預防有權限直接存取資料庫的管理者,也無法拿到金鑰和密碼。 讀者在實作前,應已知如何設定system config data的前提下來進行,如果還不知道如何設定,請詳見此篇Magento 2 資料設定欄位的方法。

Adobe XD教學【入門】響應式輔助工具-Responsive Resize應用

今天astralweb要與大家分享Adobe XD在製作響應式縮放時的輔助工具,可以省去不少時間喔,一起來看看吧! ※本教學使用Adobe XD (v27.2.12) 製作 ※操作本教學前建議看看之前的其他篇喔 在製作響應式畫面的時候,會需要將特定區塊作縮放,Adobe XD的Responsive Resize可以依照響應式自動縮放,雖然不能完全符合各種需求,但是已經算是一個不錯的輔助工具。

Magento開發小筆記-修改Magento內建的jQuery日曆

我們在開發Magento時,多少會遇到需要使用日期選單的需求,這一點在Magento本身已有提供jQuery的日曆,而這個日曆產出的日期格式將會根據系統配置而不同。

如何在Win10上用WSL2建立Linux環境

在許多情況下,開發者必須使用Linux進行作業(包含Magento),但對於台灣Windows占比如此高的國家,該如何有效的切換Windows與Linux呢? 今天的文章就來與大家分享如何在Windows上使用Linux。

Adobe XD教學【入門】轉存檔案一次搞定-批次匯出

今天Astral Web要與大家分享Adobe XD轉存jpg、png、svg、pdf檔案,並且能批次處理,該如何操作呢?一起來看看吧!※本教學使用Adobe XD (v27.2.12) 製作※範例來源:Adobe UI kits - XD wireframe kits

運用 Axure Repeater Widget 優化 Prototype

網站開發時,有沒有過這樣的經驗...網站提案階段設計師提出美美的設計稿,但在開發完成後,卻怎麼看起來不太一樣? 通常這樣的情形容易發生在動態生成的頁面,實際串接的資料樣貌,會影響最終頁面的長相。 也因此,在規劃網頁結構時,我們會期望能將實際的資料納入考量,盡可能讓 Prototype 更接近實際的使用需求,藉此減少開發後期來回溝通、修調版面的人力成本。 今天讓我們以電商平台的產品列表頁舉例,簡介如何使用 Axure 的 Repeater Widget 製作Prototype,藉以及時確認並優化規劃內容。

活用Axure Dynamic Panel讓Wireframe動起來

在網站規劃過程中,必定會需要與團隊或是客戶溝通製作細節,除了盡可能運用文字詳細描述外,也可使用原型設計工具添加動態,輔助溝通與理解。 在使用 Axure 繪製Wireframe 時,可以選擇以 Dynamic Panel 表現不同使用情境下網站內容的變化,像是切換頁籤 (tab)、顯示彈出視窗 (pop-up)、顯示/隱藏網頁元素等 。 今天,讓我們以切換按鈕舉例,簡介如何活用 Dynamic Panel 讓 Wireframe 動起來。

無頭電商模式如何實現

繼之前發表文章中介紹了什麼是無頭電商(無頭商務崛起 – 電商銷售新革命),本篇將更進一步探討無頭電商模式的架構與優劣點。無頭電商的核心概念簡單來說就是將前台介面的呈現和後台服務進行解耦的一種架構。後台以 API 的方式提供服務,前端所見與後端分離。沒有前端表現的介面,只剩下一堆 API 接口,這就是所謂的無頭電商。看到這工程師們都很容易聯想到,這不就是前後端分離技術。

使用Certbot安裝Let’s Encrypt

為了網站的安全性與更好的SEO排名,實踐SSL已經是必須的配置,Let’s Encrypt提供免費的SSL憑證,只要證明我們是網站的持有者,就可以免費申請。但Let’s Encrypt的證書每隔一段時間便會過期,方便的是,一個免費的開源工具Certbot,它提供可以自動執行憑證的頒發、安裝,而且操作步驟相當簡易,省去了煩雜的設定時間。下面將與各位分享,如何在LINUX ubuntu 安裝Certbot。

在Magento利用人工智慧來進行產品推薦

Magento因其複雜且全面的線上商店配置而聞名,它可為客戶創造高度客製化的購物體驗。你可能已經從Magento 1的早期版本中注意到,它為客戶提供了某種 “產品推薦工具”,網站管理者可以在Catalog的相關產品、加價銷售和交叉銷售中進行配置。但這不是我們要討論的產品推薦工具。來看看這次要介紹什麼吧!

在Magento利用人工智慧來進行數據分析

延續先前的 在Magento利用人工智慧來提供客戶服務,在本文中,我們將對人工智慧如何幫助您從Magento數據中獲得更多資訊(包括銷售、產品甚至客戶行為)進行一些說明。 自成立以來,Magento一直為網站管理員提供完整的分析和報告功能而聞名,從Magento 1開始,它為網站管理者提供了各種報告,可以幫助他們做出更明智的決策。儘管我們知道Magento提供了幾乎所有我們需要的全面報告,但是這些報告是從Magento數據庫中提取的原始信息,單從字面上看,就像我們以前在會計賬簿中使用的報告一樣,只是位置換到了一個名為Magento的新介面。

在Magento利用人工智慧來提供客戶服務

延續先前的 電商世界裡的人工智慧 ,在本文中,我們將說明如何可以僱用24小時的人工智慧服務,來隨時處理您的網站上的客戶問題和投訴。 智能機器人通常是與網站切割的第三方服務,它提供的功能可以像人一樣與您的客戶進行互動,雖然Magento原生系統相當強大,但與其它網站一樣,它的內建系統並不包含此功能,因此您需要安裝第三方擴展並註冊其服務。在magento市場中,有很多解決方法可選擇:https://marketplace.magento.com/extensions/customer-support.html?q=chat

在假期前準備好你的商店

我們很高興的宣布最新版本的 Magento Open Source2.4.1, Security-Only Patch 2.4.0-p1 plus Magento Open Source 2.3.6 已正式發行,此更新包含重要的安全性及效能更新,我們強烈建議您在假期之前,儘快升級來確保您的網站保持安全性、合規性及優化,以達到最佳的網站性能。

Magento2 前端開發:如何在前端頁面取得自訂product attribute的值

呈上期 新增product attribute 之後,本篇文章將說明如何在前端頁面把product attribute呼叫出來,接下來就來介紹在商品頁面取得product attribute的方法,一起往下看看吧!

Magento2 開發 – 精確定義API回傳介面

上期我們詳盡示例了如何實作API回傳內容,其範例實作中的一環 - 定義介面(Interface),也就是回傳巢狀結構最繁複的一個環節,其實還隱藏了眉角,今天就來跟大家進一步分享這些不易發現的細節!

Google Chrome 洩漏密碼檢查教學

經常上網註冊、登入帳戶的使用者們,想必也有遇過密碼遭暴露的情況。密碼遭洩漏時怎麼辦?先別擔心,只要做好即時的密碼變更便可避免帳戶盜用的情況。Google Chrome瀏覽器針對已保存於Chrome中的密碼進行檢測,讓使用者們在第一時間變更已遭洩漏的密碼。 本文將針對Google Chrome瀏覽器中所推出的密碼檢查 (Password Checkup) 更新進行教學與介紹,幫助您即時更新任何遭洩露的網站密碼。

Adobe XD教學【入門】比複製更好用的工具-重複網格應用

今天Astral Web要與大家分享Adobe XD重複網格(Repeat Grid)的應用,一起來看看吧! ※本教學使用Adobe XD (v27.2.12) 製作 在UI/UX設計中,我們有時候會需要建立數個相同區塊或是相似區塊,例如商品列表、文章列表等,當要修改時就會變得非常麻煩,而重複網格(Repeat Grid)可以透過連動的方式來做調整喔!

Magento2前端開發:新增主題後無法執行deploy

最近在工作中發現,在新增Magento2 主題包的時候,如果設定了parent theme,就會無法順利執行 deploy,出現的錯誤訊息宛如一大片的紅海。如果您也遇到同樣的問題,一起學習如何處理吧!

Magento2前端開發:使用PHP TIDY來補齊或移除不完整的HTML TAG

Magento2 後台的wisiwyg編輯器有防呆的機制,會自動修正使用者輸入的html,可以避免產生不完整的html tag。但有時候我們需要匯入一些資料,或是同步一些外部資料進來,這些匯入或是同步來的資料就有機會夾帶一些不完整的html tag,進而造成網頁的大破版,所以就算後台有再堅強的防呆機制,都沒辦法防止。因為他是不通過後台的!

開始使用JIRA:管理你的用戶資料

管理用戶 Manage Users 第一步,你需要先設定用戶,從你的個人用戶開始,把所有會進入你JIRA Cloud中的成員一一設立。作為JIRA管理員,你將可以新增、移除、與編輯多位用戶,並且針對每一位用戶可以指派至不同群組、專案角色、與應用程式中;你的Atlassian網站內的所有應用程式皆使用一鍵登入,團員們不需要使用不同帳號登入多種如Confluence的應用程式。

Shopify新增折扣碼教學

在網路商店上,店家會做促銷或是給消費者優惠卷,來增加消費者想要繼續購物的慾望,而在Shopify裡,銷售人員該如何創建促銷優惠卷代碼和自動折扣等促銷呢?跟著步驟一步步做,很容易就可以完成囉!

如何正確清除Magento2的Cache

Magento2包含多個不同類型的Cache,各自負責不同的工作,當工程師在進行開發時,也必須適當在客製化功能內加入Cache,以確保網站效能。明白這些Cache類型的含意之後,就知道如何各別清除Cache,而不需要每次都清除所有的Cache,如此一來就可以有效的降低清除Cache之後,產生新Cache的等待時間,開發效率也會因此有所提升。

Shopify 新增訂單備註欄位教學

假設我們把產品加入購物車,在購物車頁面,消費者有些話要備註給賣家一些注意事項,例如:到貨時請交給一樓的警衛大哥、或是指定時間-白天送達才有人能收件等,我們可以在Shopify後台中把訂單裡的備註欄打開。只要跟著以下步驟一步步做,其實很容易就可以完成。

Adobe XD教學【入門】一個組件顯示多個狀態-用組件狀態製作選單

今天astralweb要與大家分享Adobe XD如何用一個組件顯示多個狀態,並能透過組件批次修改,一起來看看吧! ※本教學使用Adobe XD 2019(v25.1.12) 製作

前端開發:使用JQuery.qrcode來產生QR code吧!

jquery.qrcode.js 是純前端的jquery 外掛,可以輕鬆在網頁上生產QR code。整隻檔案不到3k。最小化之後更是只剩下1點多K。這篇文章要跟大家分享如何使用jquery.qrcode.js。

Magento2 開發 – 正確實作API回應內容

在客製Magento時,有時會遇上需要擴充API端點來支援前端取資料或第三方的串接。API的擴充,會先新增API介面 (Interface),將其與路徑關聯在webapi.xml,再實作對應的類別 (class)並設定在di.xml。每個API端點對應到該類別的一個方法 (method),API回應的內容,取決於那個方法所吐出的值。

歐斯瑞所開發的 Shopify APPs

先前有提到歐斯瑞開始提供Shopify客製服務,從網站設計、開發、到APP客製化,交由我們一手辦理,為您打造企業級的訂製解決方案!除了Shopify建置外,歐斯瑞更推出了Shopify APPs套件,提供商家近一步的選擇,透過這些小工具讓您客製您的網站。下方提供歐斯瑞所推出的APP簡述,一起來瞭解吧!

Adobe XD教學【入門】滑入效果也能批次調整-用組件製作按鈕的滑入效果

今天Astral Web要與大家分享Adobe XD如何使用組件製作滑入效果,並能透過組件來批次修改,一起來看看吧!(※本教學使用Adobe XD 2019(v25.1.12) 製作) 還記得我們之前教過的建立組件的方式嗎?組件內還可以用來顯示不同狀態喔,如果沒看過之前文章,建議先參考歐斯瑞所撰寫的其他篇Adobe XD教學。

評測Shopify中最快的主題

Shopify在建構時有許多現成的模板主題可以供選擇,而網站模板主題是一種即用型的網站設計,您可以將其下載並安裝到現有網站上。讓你在幾分鐘內就能為商店創建好基礎。在過去的一年中,我們許多的Shopify客戶真正關心的是各網站主題的速度及對設備的友好程度。 2020年的重頭戲是擁有快速的網站,谷歌也在推動更快的網站績效。因此這次我們幫大家從兩個面向評測了Shopify網站中的所有主題,使用了 GTmetrix 和 Google Page Speed 兩個工具,且每一個主題包皆通過了 Google Mobile Testing Tool 的測試。此外,Astral Web 也提供網站速度加快的服務,若有相關需求歡迎隨時與我們聯繫。

TapPay – 更貼近一頁式結帳的第三方金流選擇

現今只需要低著頭在小小螢幕中藉這手指頭輕鬆滑動,即可瀏覽購買各式各樣的商品,比起搭乘手扶梯一層一層的在百貨公司駐足,網路購物已成為滿足購買慾望、添購生活用品的主流渠道之一,在社群自媒體的催化下電子商務平台如雨後春筍般顯露,爭取著塊深不見底的商機大餅。在打造電子商務平台時,購物流程中的金流是必不可少的流程,開發商可選擇自行串接金流或是與第三方金流廠商合作 (可參考Magento金流串接服務),本次要介紹的金流服務商為TapPay。

Shopify 密碼保護功能

今天要為大家介紹Shopify內建的密碼保護功能。密碼保護功能會限制一般人瀏覽您的前端商店,但不影響後台管理者操作。當您的網站準備上線,但還未開放時,您可以設定這個功能,僅開放權限給能夠訪問您商店的客戶檢視線上商店。

Magento1 新增預設的Email Template

在Magento你可以使用 Transactional Emails 新增/修改 你的Email,或者你可以建立一個屬於你的模組至default template,讓你的template留存於Magento內。讓我們看看該如何實作吧。

Sass Map的使用

本篇文章將來教大家關於Sass Map的應用,來提升工程師在開發與維護程式時的品質,跟著歐斯瑞手把手的教學,一起來看看吧。

Shopify 頁面管理功能

Shopify是電商平台,當然少不了註冊、登入、商品、購物車和結帳等基本頁面。但今天講的頁面管理比較像是CMS靜態內容頁面,例如:About Us (連絡我們)、關於我們、促銷活動、隱私條款、說明頁面之類的,想要透過網站向客戶說明的頁面;就是我們今天主要的主題。今天歐斯瑞將分享怎麼去建立和管理這些頁面。

Magento 2.3 更新介紹 – 阿不是阿,你要改資料表你要先講 (三)

繼上篇 Magento 2.3 更新介紹 - 阿不是阿,你要改資料表你要先講 (二) 以來,我們已經可以將轉換過後的db_schema.xml透過安裝/升級來更新我們的資料表,接下來,本篇將介紹如何自訂db_schema.xml

CSS 預處理器 SASS、LESS 介紹

CSS 預處理器產生了一種新的語言,而核心理念是用一種專門的程式語言,為 CSS 增加一些程式設計的的特性,無需考慮瀏覽器的兼容性問題,例如可以在 CSS 中使用變量、簡單的邏輯程序、函數等等,讓開發者就只使用這種語言進行編碼工作。簡單來說,CSS 預處理器用一種專門的程式語言,進行 Web 頁面樣式設計,然後再透過編譯轉為正常的 CSS 文件。

Laravel 7 中的新元件

雖說 Laravel 6 短期內仍會被多數大眾所用,然而使用 PHP 程式語言撰寫而成的框架 -- Laravel 7 近期的來臨,讓我們來學習 Laravel 7 可為專案的開發帶來什麼效益吧!Laravel 7 中的一個新功能為元件標記 (component notation)。有兩種方法可使用元件 - 「層級」或「匿名」,而本文將針對「層級」來做介紹。

Zendesk Support Automations 功能介紹 (五) 建立自行運行程式的操作(Action)

自行運行程式(Automation)中的操作(Action),定義了若指定條件下會觸發的行為。 若不知道自行運行程式的基礎設定,請見我們先前的相關文章: Zendesk Support –

Magento 1 的 getOrigData 使用方式

在Magento後台儲存資料的時候,時常會需要判斷修改前跟修改後的資料,去決定要做什麼動作。Magento的model有提供一個function叫做 ”getOrigData”,這個function可以取得model的原始的值,可以跟 set過後的model的值做差異性比較。

Shopify 建立購買按鈕

什麼是購買按鈕?把商品的購買按鈕顯示在其它網頁或部落格網站上,當客人在瀏覽你的部落格時就可以看到商品並點選「購買按鈕」下單,很方便使用。「購買按鈕」要怎麼運用呢?!設定好購買按鈕,Shopify會自動幫你生成編碼,你就可以直接copy編碼,新增到其它網頁或部落格網站上,這樣就完成了。 讓我們一起設定「購買按鈕」吧!

NGROK-Debug的救星

今天要介紹的是NGROK這個服務,它可以讓外網的人存取你區網的網頁伺服器,好處是什麼呢,你可以在你的本地端測試聊天機器人(Chatbot)或是API(信用卡、物流等等),不用要求一定要把程式碼推到有PUBLIC IP的測試站上去測試。以下我們將一步步介紹NGROK服務,一起接著看吧!

Magento Geo IP 導向指南

在多國多語系的網站架構下,往往有個需求是希望使用者第一次進入頁面時,可以自動進到該地區對應的語系頁面,而Magento商店上也有許多的套件可協助滿足此需求,但本篇文章要來介紹如何在沒有套件的支援下,自行將使用者導向到所屬地區的語系頁面。

Illustrator教學【入門篇】任意形狀漸層

今天歐斯瑞要與大家分享如何操作Illustrator的任意形狀漸層工具,提升你的Illustrator技能! 跟著我們的手把手教學,一起來看看如何操作吧 ※本教學需先對工具使用有基本認識

Shopify URL 轉址操作教學

為什麼要進行URL轉址?!好處是什麼呢?轉址的用意是將舊的網頁轉指向新的網頁。使用新網址會使搜尋引擎會重新評估,也會影響搜尋排名。所以這時最好是做轉址,將之前的流量和成效轉向到新的網址。當網站需要進行改版或搬家,但想保留原網址的關鍵字成效,則需使用轉址的方式來確保舊網址連結到新頁面,持續提升SEO。

為何你的品牌需要商品資訊管理系統PIM

您曾經有將同一個商品的不同的產品資訊分別發送給零售商以及批發商的時候嗎?例如marketplace?還是ERP或其他內部系統呢?亦或是您正在運行中的電子商務網站呢?Akeneo可幫助您保持產品資料的準確性跟組織性。它可以處理大量資訊-SKU、圖像、產品描述、技術資料、法規資料和其他屬性。即便您的平台擁有數十萬種產品和多個分銷管道,Akeneo 也能處理這一切。

Shopify 網站選單管理教學

在一個電商網站中,選單扮演者很重要的角色,它能引導了網站用戶找到相對應的頁面,也是商家用來介紹自己商品的主要手段之一。今天要來跟大家分享如何在Shopify商店編輯選單,只要跟著以下幾個簡單的步驟來操作,就可以完成。若想觀看本文章的影片版教學,請見歐斯瑞YouTube教學系列。

歐斯瑞 x Linode

歐斯瑞有榮幸的在2020年5月時正式成為 Linode 的合作夥伴,提供我們的客戶更完善的伺服器託管服務。身為全球知名且規模最大的虛擬專用伺服器 (Virtual Private Server) 供應商,Linode 提供各類型的企業一個雲端主機伺服器託管的選擇。有別於其他伺服器託管商,Linode 所提供的介面與功能,對於開發人員較為友善、更能輕鬆使用。而對於企業而言,Linode 收取費用的方式不僅淺顯易懂,也可依網站所需的CPU、所需空間等進而選擇最合適的月繳方案。企業們也可依需求選擇鄰近使用者們的虛擬機位置,加快網站速度。

Zendesk Support Automations 功能介紹 (四) 建立自行運行程式的條件 – 其他條件

上篇文章我們介紹了建立自行運行程式 (Automation) 時以時間為基準的條件,本篇文章介紹其他您可使用於自行運行程式 (Automations) 的條件與說明。

Magento2 開發 – 如何使用API的搜尋條件 “searchCriteria”

我們在客製Magento時,多少會遇到需要與其他系統串接的需求。也許是Magento作為主動方去要資料,也可能為被動方被呼叫。Magento本身已有提供restful API,而這些API的使用方式,官網中都有基本說明,像是功能端點(endpoint)、HTTP方法(method),以及傳送的參數與回應格式。這當中仍需要開發者再花時間探究的,筆者認為當屬 “搜尋參數-searchCriteria”。一起來看看更詳細的說明吧!

Magento 2 會員資料導出欄位介紹

Magento2 支援會員資料導出之功能,但或許有些欄位並不是很清楚它的定義,因此我們整理了下列表格,希望能夠幫助到 Magento2 使用者。

如何在 Magento 1 使用 REST API

Magento有API的建置與使用方式,今天就要先來講Magento原生API的使用方式。只需透過兩個步驟即可完成!

前端開發:如何隱藏數字輸入框的小箭頭

又來到了歐斯瑞的前端開發教學系列,今天要與大家分享如何使用CSS隱藏數字輸入框的小箭頭,並附上codepen範例方便讀者們做使用,一起跟著我們來學習吧!

Adobe XD教學【入門】批次修改好工具,組件Component、顏色Color、字符樣式Character Styles

又來到了歐斯瑞Adobe XD手把手教學系列囉!今天我們要與大家分享Adobe XD如何建立組件Component、顏色Color、字符樣式Character Styles,可以批次修改設計稿的好工具。本教學使用Adobe XD 2019 (v25.1.12) 製作,本教學需對軟體操作有基礎認識。

Magento 2 結構化資料設定教學

什麼是結構化資料?為何要做結構化資料?我們在之前的文章結構化資料(上)- 簡介 已有分享過,有興趣了解的讀者可以在點擊連結快速了解一下。今天要來跟大家分享在電商平台上,如何設定/使用/測試 結構化資料,本篇文章將用Welt PIXEL的Magento 2 Rich Snippets 來講解,進行相關結構化資料的應用分享。

歐斯瑞2020中部新創力爆發 – 智能展望大未來

疫情解禁!報復性旅遊!? 但今天我想來點電商創業與全球跨境趨勢!歐斯瑞創辦人 - 鍾寧,受邀參與【2020中部新創力爆發-智能展望大未來】創媒合暨展示會,分享中大型企業在全球佈局下之電商趨勢,以及如何突破一般思維抓住先機。把握機會就在這禮拜! ※時間:2020/06/18 (星期四) 13:00~18:00 ※地點:台中市科雅路6號 (中部科學園區智慧機器人自造基地) ※指導單位:經濟部中小企業處

Zendesk Support Automations 功能介紹 (三) 建立自行運行程式的條件 – 時間條件

本篇文章介紹建立自行運行程式 (Automation) 可使用的條件 (conditions) 和操作 (actions)。關於如何建立自行運行程式 (Automation) 的步驟,可參考此篇文章 : Zendesk Support - 建立和管理自行運行程式 (Automations)。

AWS CodeDeploy 佈屬你的網站,簡單又快速

DevOps在當今是個流行與受歡迎的角色與文化,大部份工程師或多或少也都會碰到架構與佈署的問題。而在佈署程式碼一定也聽過各式各樣的方式,尤其是在尚未建立完善的CI/CD流程時,像是直接上SERVER下git pull、利用rsync、甚至用ftp上傳、或是其他不同方式以及各種互相搭配等等。以下本文及流程將使用CodeDeploy來做說明。

PWA(Progressive Web Apps)主要架構 – Web App Manifests

本篇開始我們將以實際案例作為範例,帶大家初步了解 PWA 各種核心技術,包括 Service Workers 和 Web App Manifests 並搭配 Cache Storage API、IndexedDB 和 Push Notifications 等等。PWA 最主要仰賴兩支檔案 manifest.json 以及 Service Worker,而我們就從最簡易的部分 manifest.json 著手。Web App Manifests 為一個 JSON 格式的檔案,根據MDN上的解釋,它提供了下載 PWA 的必要資訊,讓網頁呈現近似 Native App,從而為使用者提供更快速的訪問和更豐富的體驗。

Magento2.3 更新介紹 – 阿不是阿,你要改資料表你要先講 (二)

繼上篇以來,我們已經可以將舊有的install/upgrade Schema以及install/upgrade Data轉換成db_schema.xml和data patch了,那麼接下來,我們可以來測試我們所產出來的db_schema是否會有問題,並使用本文中所提供的command指令!

電子商務網站必備功能趨勢 – 社群媒體快速登入 Social Login

打開手機,根據使用者不同的目的,在輸入關鍵字點擊搜尋後印入眼簾的網站琳瑯滿目、選擇眾多,電子商務為了記錄使用者的消費行為,不光是網站連同Apps皆需要使用者登入該網站會員系統,使用的平台愈多使用者需要記下的帳號以及密碼往往成為令人頭痛的地方。全球社群媒體的使用率居高不下,擁有智慧型裝置的使用者幾乎等同於他/她有使用社群媒體,社群媒體快速登入因而成為了解決快速註冊/登入的最優解法。此篇文章為分享該如何在社群媒體開發平台上,申辦快速登入的頻道或是應用程式,往下看吧!

Magento2 – 給開發者:避開影響效能的程式設計 – 關於Full-Page Cache

有關Magento效能的議題,官方網站已提供了許多由後台設定的優化方式。過去我們也分享了不少實務上有關環境設定的調校方式。今天要跟大家提醒的,是作為開發者,在進行客製時所需注意的細節之一 - Full Page Cache。

Magento Commerce 內容管理(一)- Page Builder 介紹

這次我們要來介紹Magento Commerce中一個相當好用的內容管理功能——Page Builder!Page Builder是一套強大的頁面編輯系統,可用在一般內容頁面、目錄或是產品頁,是Magento Commerce中的獨家功能,它可以讓使用者不需要透過程式碼就能夠編輯頁面排版、內容。

服務水準協議 (SLA)

服務水準協議(英語:service-level agreement,縮寫SLA)也稱服務級別協定、服務等級協定、服務水平協定,是服務提供商與客戶之間定義的正式承諾。服務提供商與受服務用戶之間具體達成了承諾的服務指標——品質、可用性,責任。SLA最常見的組成部分是以合同約定向客戶提供的服務。

Zendesk Support Automations 功能介紹 (二) 確保您的自行運行程式只會執行一次

如上篇 Zendesk Support Automations 功能介紹 (一) 新增自行運行程式 所述,自行運行程式 (Automations) 每小時運行一次去檢查是否滿足所設定的條件,因此必須包含以下其中一項,否則,自動化將會無限循環的運行。

如何在Magento2使用Akeneo

Akeneo PIM 可以集中管理產品的數據,讓你的產品資料同步至各個系統中。上次與大家分享了如何手動安裝社群版Akeneo PIM,那麼今天要接著介紹如何透過幾個簡單的指令在Magento中使用Akeneo。

開始使用JIRA:使用者介面

經過前幾次的JIRA系列分享,到目前為止你應該已經熟悉JIRA雲端的介面與操作,那麼本文將針對介面中一些你不可不知的小工具與功能介紹,讓你根據你的團隊需求,為你的JIRA進行客製化,滿足你的團隊需求。

前端開發:使用bootstrap-table.js來實現表格的排序

bootstrap-table.js 是一個以為bootstrap為基礎的表格外掛。可以對表格的資料進行排序、分頁、查詢等等。本篇文章將簡單的介紹如果套用bootstrap-table.js到表格上,進行排序。

如何在 ubuntu 18.04 安裝 AKENEO 4.0

Akeneo PIM 可以集中管理產品的數據,讓你的產品資料同步至各個系統中。Akeneo PIM 可分為社群版與企業版,今天歐斯瑞要分享的為社群版的手動安裝,讓你可以更清楚Akeneo的架構。

Chrome 宣吿關閉 Chrome Apps 將全面由 PWA(Progressive Web Apps)取代

而 Google 在 2018 年宣布,將由 PWA 逐步取代 Chrome Apps,同時在新版瀏覽器內建功能,可將 PWA 一鍵封裝成一個 Chrome 桌機版的應用程式。但為什麼 Google 會做出重大轉變?原因在於 PWA 可提高加載速度、離線工作、添加至主螢幕、全螢幕執行、推播通知消息等特點,Web 體驗強於 Chrome Apps。 加上不同於 Chrome Apps 僅能跑在Chrome 上,PWA 則可以跨平台、跨瀏覽器執行。

狂賀!歐斯瑞YouTube頻道突破百萬觀看次數!

感謝各位多年以來的支持,歐斯瑞美國YouTube頻道已突破百萬觀看次數!幾年來,我們分享了許多Magento相關系列的教學影片,近期也推出了一系列的Shopify教學影片。若您有想要觀看的相關影片,請不吝與我們聯繫,我們可為您製作相關的教學影片唷 (中/英文皆可)!

小型企業福音,臉書推出全新 Facebook Shop

隆重介紹 Facebook Shops 粉絲專頁商店!Facebook Shops 於5月19日推出讓企業可在 Facebook 及 Instagram 中快速架設一個線上商店,使顧客們透過 Facebook 和 Instagram 購買商品,而過程也相當簡單,更重要的是它完全免費!你可以從建立好的產品目錄中選擇出主打商品,再加上封面圖片及色彩點綴來客製化自己的品牌風格。這代表著任何商家,不論商家的大小和預算,隨時隨地都能將你的事業搬移至線上銷售。

Zendesk Support Automations 功能介紹 (一) 新增自行運行程式

Zendesk 為雲端客服系統的領導指標,提供各種與客戶服務相關的軟體解決方案,來協助各種大小規模的企業,執行複雜的客服業務。而其中,Zendesk Support 的自行運行程式 (Automations) 可定義條件和條件會觸發的操作行為,來促使工單屬性的更新,並也可選擇給客戶和支援的人員寄送電子郵件通知。自行運行程式 (Automations) 是根據時間的條件,僅會在您所設定的時間條件滿足後才會執行操作更新,因此,當您想要根據所設定的時間去自動觸發特定行為、評估您的工作流程是否有任何步驟和時間條件有關,皆可使用自行運行程式,如此以來您不用手動檢查您的工單或人工記著要寄提醒信件給客戶。

使用Docker在同一機器中建立多站環境

相信有在開發網站並且使用版控的大家,多多少少都有遇過需要同時測試不同feature、不同branch的情況。但可能測試環境又只有一台或是只有一個database,在切換環境的同時可能就影響了資料庫,導致問題發生時不確定是否是另一個branch修改了資料庫所造成;或是直接多個branch merge起來測試卻不知道出問題的是哪一個branch。最理想的解決辦法就是配合CI/CD, 當發出PR時就建立起一台完全獨立的機器以及基本的sample data,這樣就可以單獨的測試該feature的branch,但上述作法會有相當的成本考量。跟著歐斯瑞學習使用docker 及 traefik這個服務的docker來達成差不多的目的。

前端開發:表單元件常用的CSS選擇器

CSS對於前端開發而言,是不可少的一重要元件,今天就來為大家介紹表單元件中常用的CSS選擇器 (CSS selector for input),同時也提供codepen範例給大家參考,方便大家快速學習唷!

如何在Ubuntu 16上安裝php oci8 module

PHP如果需要跟Oracle資料庫做溝通的時候,就需要安裝oci8 module,下面會說明如何完整安裝oci8。 本篇文章所使用的環境 PHP VERSION

Magento2使用RAM Disk的時機

硬碟的I/O速度遠比RAM來的慢,如果不想在自已server上面架一個redis的話,可以選擇把magento cache的資料夾改成RAM Disk,這樣就可以把檔案直接丟到記憶體裡面去做保存了,但要小心因為是記憶體有揮發性,所以重開機時、該地方的資料就會不見,這點要切記,所以這個方案通常也只適合放置暫存類的資料。

Magento2使用Redis的時機

Magento本身有良好的cache機制,在預設的情況下都是存儲在硬碟上面,所以寫入跟讀取速度被限制在硬碟的I/O,所以如果要加速Magento存取這一些cache的速度的話,就把這一些cache放入memory去處理。 這時後就可以使用redis去處理這一些cache囉,magento本身做了很好的cache整合,所以可以透過簡單的config就可以去整合redis了!

開始使用JIRA:從免費試用版本開始

接續上次分享的團隊任務類型,這次歐斯瑞將介紹給讀著們使用JIRA免費版本的總覽、工作空間等,讓讀著們開始使用7天的免費版本前,先了解JIRA為你的團隊所帶來的效益,以及確保你對於你的企業和工作流程已有足夠的了解,再去購買。

影響網站速度的因素,與優化策略-主觀因素篇(下)

『是吧,表面上越是簡單的事物,背後越是大費周章的複雜過程。』我們在網站速度這個議題上,採用三部曲的節奏發布一些實務面的心得,由淺至深地談了許多因素,希望讀者能更進一步地了解,整段電商系統傳送資料的過程。

影響網站速度的因素,與優化策略-主觀因素篇(上)

電商系統本身的主觀因素,會因為專案的歷史背景和企業文化有著巨大的差異性,本篇提到的內容,可說是歐斯瑞為客戶系統初步健檢的脈絡。繼上次與大家分享的「影響網站速度的因素,與優化策略 - 客觀條件篇」,這次與大家分享主觀因素篇,一起跟著學習吧!

利用CSS counter 自動分類計算細項

CSS (Cascading Style Sheets) 用於定義網頁中所顯示的樣式,也可以用於做簡單計算,讓歐斯瑞帶著大家學習如何使用CSS來自動分類計算細項!

使用Atlassian JIRA前 (三):你的團隊任務類型有哪些?

延續上次分享的「使用Atlassian JIRA前 (二):為你的企業建立一個JIRA流程」,我們將繼續為大家介紹JIRA中團隊任務類型有哪一些,又個別適用於什麼樣的專案。 歐斯瑞整理出了在使用JIRA前需注意的事項,以及考慮的要點。讓您在正式使用JIRA時可輕鬆接軌,並了解不同團隊類型所需的相關設定,輕鬆掌握個別專案和團隊!

Magento 2 商業版實用功能教學 – 後台管理員操作記錄

今天我們要來介紹Magento 2 商業版的後台管理員操作記錄功能,當企業發展到一定規模時,處理電子商務的部門與人員通常不會單純只有兩三位人員,往往可能是幾個部門的人員進行後台管理的協作,在多個後台管理人員操作的情況下,確認管理員的操作紀錄就顯得格外地重要,不同於Magento Open Source版本,Magento 2 商業版有提供完整的後台操作記錄功能。各個管理員的帳號在進行任何存取、匯入、匯出等動作時,Magento商業版皆會留下紀錄,以便做追朔確認,接下來讓我們介紹商業版在這塊管理者操作紀錄是如何進行與紀錄的吧!

Magento新增結帳步驟-Part 1

在magento 增加一個結帳步驟不是一件容易的事情,需要了解templates和blocks的關係,以及javascript顯示和隱藏相關步驟。依照六個步驟,login/register、billing information、shipping information、shipping method、payment information、order review 來完成新增。快跟著歐斯瑞一起學習吧!

Adobe XD教學【入門】畫板基礎大解析-畫板設定

今天Astral Web要帶領大家學習分享Adobe XD中基礎教學 - 畫板(Artboard)常用功能的相關設定,一起來看看如何使用吧! ※本教學使用Adobe XD 2019(v25.1.12)製作

Magento1:移除 sort by 中的position選項

Magento官方已宣布,將於2020年6月份全面停止支援所有Magento1的安全更新與修正服務,不論是Magento開源版或企業版,將於近期停止服務。有需升級至Magento2的店家們敬請與歐斯瑞聯繫。 那麼仍使用Magento1的店家們,若想在前台的「Sort By」下拉式選單中移除「Position」的選項,請依照文中的幾個簡單的步驟執行~

Google Analytics「目標轉換」概要介紹與設定教學

Google Analytics 就會把所有來網站的訪客與有達成此目標的數量做統計,藉此分析出轉換率,所以管理者就可以知道這個網站帶給診所多少的效益。像是訂閱網站電子報、觀看文章、觀看影片、在網站下載特定檔案,這些訪客在網站上做的行為都可以各別是一個目標,藉此讓Google Analytics去做分析,電商網站亦是如此,註冊為會員、加入購物車、進入結帳、完成付款、購買特定目錄商品...等等也分別都是目標轉換率。讓Google Analytics幫您分析網站效益!

如何安裝Magento2安全性封包

為了確保商店的安全性,Magento定期會釋出安全性更新的封包,可以在Magento官方網站中看到更新的相關情報。本次的文章要來介紹如何安裝Magento安全性更新。在安裝之前,建議先把全部Magento根目錄的檔案都備份(包括資料庫),萬一不幸在安裝完之後有功能壞掉的情況,這時候可將所有檔案及資料庫還原,再尋找其他的解決方案。另外Magento官方釋出的安全性更新僅包含原生程式碼,如果你有安裝其他的樣板、套件或客製化功能,則需要詢問該開發商是否有相對應的版本可以進行更新,避免有更新不完全的情況產生。

前端開發:將輸入的英文轉成大寫

有時候我們需要限制輸入框只能輸入大寫符號,這時候我們可以使用JavaScript,將已經輸入的英文字母自動轉成大寫的英文字母。 跟著歐斯瑞一起學習,如何輕鬆使用JavaScript指令來完成吧!

Illustrator教學【入門篇】向量3D文字

今天歐斯瑞要與大家分享如何使用Illustrator製作向量的3D文字,提升你的Illustrator技能! 跟的我們的手把手教學,一起來看看如何操作吧 ※本教學需先對工具使用有基本認識

無頭商務崛起 – 電商銷售新革命

無頭商務的概念就是把「電商後台」與「前端介面」兩者脫鉤,不像傳統電商形式必須透過特定網站或應用程式來接觸客戶,前後端脫鉤的作法能夠讓電商後台與不同終端、使用介面或是軟體系統結合,讓客戶能夠透過像是智慧家電、智慧音箱、穿戴裝置、AR或是VR甚至是車載電子裝置等多元的方式來購物,可以說是為了因應不斷推陳出新的智慧裝置,或是不想受限於網站限制,想帶給客戶與眾不同購物體驗的一種新模式。

Magento2商業版實用功能教學 – 遺棄購物車功能

遺棄的購物車(abandoned cart)為消費者將商品放入購物車後,卻沒有進行結帳付款的行為。廠商與開發商配合商討,如何規劃購物流程、增加信任度吸引客戶消費、網站建置規劃等,都是非常重要的。本次的分享專注於,當客戶把商品遺棄在購物車並離開網站後,我們要如何運用Magento 2 商業版內建的遺棄的購物車功能,來增加客戶回購的機率。Magento2 Commerce商業版運用靈活的設定條件,讓系統自動判斷哪些商品被消費者遺留在購物車,藉此我們可以發送哪些促銷活動資訊,以吸引客戶回購。

關於 Magento 開發者不能不知道的好用工具

Magento 在開發上面比其他框架較為繁瑣,需要考慮的事情太多,我們綜整了在公司開發期間會使用到幾個較為有用的工具,如PHPStorm、Docker、iTerm 2 for macOS 和 TablePlus,與讀著們分享。

Shopify 系列教學

Shopify 具有幾十年的經歷,是個耳熟能詳的架設電商平台之一,已經擁有Shopify的電商或還在考慮是否使用的讀者們,不妨先看看由歐斯瑞製作的Shopify後台功能介紹與常用功能的手把手影片教學吧! 歐斯瑞提供Shopify客製規劃、設計與開發,想加入Shopify大家庭的商家們,請參考歐斯瑞提供的Shopify服務,並與我們聯繫!

Photoshop教學【入門篇】製作傳統立體字模板

今天歐斯瑞要與大家分享如何使用Photoshop製作可以重複使用的立體字模板,一起來看看如何製作吧! ※本教學需先對工具使用有基本認識 ※本教學需先熟知基本技法,如去背、選取工具、色調調整

Magento2 商品的價格優先度

Magento做為一個強大的電商開源軟體,在商品的定價上也同時考慮到商業上的實務需求。利如商品的期間優惠價,會員的折扣,甚至特定商品對特定會員的特定價格,都可以活用後台設定達到。今天就要帶大家了解,在多種價格設定下,最終套用到會員購買價格其背後規則。

別浪費時間複製貼上了!教你如何Google試算表同步於多個試算表資料

Google 工具已充實在我們的生活之中,這其中當然包含工作,且各位想必也跟小編一樣希望有技巧的提昇我們的工作效率,所以今天我們要來分享Google 試算表的「IMPORTRANGE」,讓你更改一次試算表後,其他試算表也會跟著同步修正。事不宜遲,馬上來看看教學吧!

SSH 金鑰是個好主意

「密碼」是很糟糕認證方式!密碼需注意不可丟失,且使用上也相對麻煩。值得慶幸的是,SSH 金鑰可讓遠端連線更加輕鬆,讓我們從透過 ssh-keygen 製作金鑰來開始今天的介紹吧!

如何在Magento2中的searchCriteria filter加入”OR”條件

在建立module或客製化功能時,一定常常都會需要對資料庫操作,其中也不免的會需要下各種的搜尋條件,不論是單純的一個where,抑或是OR、AND,再搭配其他語法達到自己想要的結果。 那相信會點到這篇文章的各位,必是對於M2中要如何使用"OR"條件感到有所疑惑, 當然大家可以直接編寫raw sql來query,不過以下歐斯瑞還是以M2的ORM來說明及操作。

電商世界裡的人工智慧

對現代人來說,「人工智慧」一詞不再是那麼新穎,而是已深根在許多生活周遭的事物上,如天氣預報、Google 搜尋、自動駕駛等。那麼,我們該如和運用人工智慧來提升線上銷售呢? 跟著歐斯瑞一起學習商家們如何在線上商店利用人工智慧來實現安全性提升、效能優化、及利潤成長的目標。

如何使用Magento 2 Complex Messages

Magento 針對顯示通知、警示、頁面錯誤等訊息提供簡單的框架讓開發者使用,而這些訊息可透過幾個簡單的指令去做客製化,如加入超連結、開發獨特辨識器、顯示特定圖示、儲存一般訊息中無法解析的資訊等,皆可自行調整。歐斯瑞帶您學習如何使用這些指令吧!

數位化浪潮來襲!B2B銷售該走向線上的5個原因

大多數從事B2B銷售的公司或企業卻並未真正甚至尚未投入電子商務領域。然而轉型電子商務已是不可逆轉的趨勢且成長速度飛快,持續仰賴傳統銷售方式,輕則錯過龐大商機,重則可能危及公司營運! 是什麼樣的背景迫使B2B銷售型態必須轉型呢? 今天歐斯瑞就要為大家解析,掀起這一波B2B銷售革命浪潮背後的五個原因!

2020年最佳手機UI設計趨勢

近年來,多裝置本是不可擋的趨勢,且手機購物比例日漸趨高,根據2018台灣網路報告指出台灣網民在網路上有買賣東西的使用率為 64.2%,未來更有上升的空間,因此如何優化移動裝置介面並讓網友有良好的使用者體驗是非常重要的!今天就來和大家聊聊2020年的手機UI應用的設計趨勢吧!

Magento2.3 更新介紹 – 阿不是阿,你要改資料表你要先講

Magento2.3版最新的資料表定義架構,你用過了嗎? 我們手把手帶您進入更通透的世界。

使用CDN的優缺點

不少人都有想改善網站速度的問題,這時你可能會想到或聽到別人建議使用CDN加速網站,但使用CDN只是為了加速網站嗎?CDN還有沒有其他用途?CDN會有什麼缺點嗎? 今天就讓我們來快速整理下CDN對於網站的優缺點給大家參考:   一、使用CDN的優點 1、加速媒體的載入速度

Akeneo 電子書 – 您不可不知的 PIM

PIM 即是商品資訊管理 (Product Information Management)。這在 B2B 與 B2C 企業中是個熱門話題,且對於產業來說 PIM 正迅速成長中。 根據 Ventana Research 數據指出,到2021年時,以商品為中心的企業或組織來說,會有達50%的企業或組織建立並使用一個現代化的PIM環境,以用於管理商品處理和提供高品質的商品體驗。

在Magento 1 新增Eav模組的資料欄位

平常在使用資料欄位時,如果有多商店(multi-stores)的架構會變得非常複雜,也不易維護,但在Magento的產品管理是可以使用Eav模組可以完美解決這個問題。跟著我們一起來學習吧!

【影像處理概念篇】陰影處理小技巧

在影像合成中,陰影是結合主體與背景的關鍵元素,如果少了陰影物體就會顯得很不自然,跟著我們一起來學習後置「陰影」時的繪圖知識與小技巧吧!

用網址欄來秒速建立Google 日曆、試算表、文件與簡報的新檔案

在這個講求效率的時代,哪怕只是提升1%工作上的效率與便利性,對於工作上的心情感受可是大不同的喔! 今天要來教大家一個有關如何使用網址欄,來快速建立新Google日曆、試算表、文件與簡報的小技巧。

如何在Magento2使用command來快速執行Cron

Magento 2 的 cron 非常方便,但是開發期間,常常需要測試,沒有辦法一直等待 cron 來執行,我們介紹另一個方式,能夠快速的執行 cron,一起來看看吧!

Javascript Moment.js library介紹

當我們製作多語系或跨境網站的時候,在網站前端要顯示關於時間的地方時候,會遇到關於時區、時間格式這些問題,而Moment.js就提供了非常多方法來解決時間上會遇到的問題。

關於 CSS 偽元素的那些小事

偽元素是什麼?它能為前端解決哪些問題?為什麼要使用它? 前端工程師對於 ::before 和 ::after 這兩個偽元素應該不陌生,經常可見於網頁中。本篇我們將深入介紹更多偽元素的特性和應用。

測試設計技術:等價劃分(Equivalence Partitioning)之介紹與應用

在介紹等價分類的測試技術內容之前,我們先來了解一下甚麼是測試設計技術。我們做測試最重要目的是「儘早發現盡量多的缺陷」,因為窮盡測試是不可能的。用盡量少的測試案例,發現盡量多的缺陷就是運用測試設計技術的主要目的,但我們該如何能達成呢? 答案便是利用測試設計技術來達到此目的。

Akeneo PIM 企業版

Akeneo PIM 是列居第一的開源商品資訊管理工具。我們的企業版本是專為B2B與B2C零售商及品牌所設計,透過提供的出色商品體驗,從而推動更好的客戶感受。有別於其他黑盒子般的閉鎖式軟體解決方案,Akeneo PIM 企業版是個企業級的開源 PIM 解決方案,且具有透明、安全和可擴展環境的開放型 API,可達到最大的彈性。結合我們強大的解決方案及技術夥伴們的生態系統,Akeneo PIM 企業版為符合您的需求,提供出色的商品體驗。

線上自動測試網站-Ghost Inspector教學

Ghost Inspector是線上自動化測試服務。操作方式和Selenium一樣簡單,可以設定多種屏幕尺寸,並使用滑鼠就可以完成錄製,所以不會程式也沒關係。和Selenium不一樣的是它在雲端監控和測試網站,且每次測試完成後都會錄製為影片並截圖方便快速確認測試結果。

【網頁設計輔助工具Zeplin】使用Photoshop發布與Assets應用

今天 Astral Web 要與大家分享將設計稿使用 Photoshop 發布至 Zeplin 與 Assets 的應用,一起來看看如何製作吧! ※本教學需先對 Photoshop 操作有基本認識

【網頁設計輔助工具Zeplin】分享與註解

今天 Astral Web 要與大家分享 Zeplin 如何將文件分享給工作夥伴,以及團隊成員該如何註解的應用,一起來看看如何操作吧!

【網頁設計輔助工具Zeplin】群組分類與Tag標籤

今天 Astral Web 要與大家分享 Zeplin 分類與標籤的應用,一起來看看如何製作吧! ※本教學需先對 Photoshop 操作有基本認識

Magento新版本可幫助您建立更具吸引力的客戶體驗

號外號外!Magento正式宣布,Magento開源版最新版本2.3.4、2.2.11和安全補丁2.3.3-p1已經釋出! 最新的Magento開源版的發行版包括安全性、性能和平台質量的功能強化,我們強烈建議您升級您的Magento版本,以確保您的線上商店保持合規,並維持最高安全和性能級別。

自己的Google表單Email Notifications自己設計

在上一篇「如何讓Google表單自動幫你寄送通知信」中,教大家在表單填寫完後自動寄送通知信,好讓對方知道是否報名成功,今天就進一步來教大家如何設定通知信內容,擷取更多表單中的關鍵欄位;在開始設定前,請先確定您是否有安裝 "Email Notifications for Forms" 擴充套件喔!

歐斯瑞所提供的維運服務

歐斯瑞於維運服務當中提供Wordpress、Magento、伺服器等多樣性的服務,為協助客戶更輕易了解歐斯瑞所提供的維運服務內容,我們詳列了歐斯瑞所提供的各種網站/伺服器維運服務,讓客戶更輕易的選擇。

Adobe XD 三種好用的預覽方式

Adobe XD好用的功能之一,就是能將設計時的畫面投射到部分裝置上呈現,有三種方式可以做預覽,其中兩種可以在裝置上觀看,我們使用官方提供的範本來作介紹。

Excel教學 – 資料驗證功能 (下)

在上一篇 Excel教學 – 資料驗證功能(上),我們了解到了資料驗證的便利性,接下來我們要來分享如何處理會有變動的資料,跟著小編一起來學習吧!

委外網站維運帶來網站的成長性

無論是開實體店面或是自宅住家,這房子空間都是要保養維護的,不管是有人入室竊盜、房子磚瓦剝落、水管堵塞馬桶不通、燈泡不亮等,都需要有人來修繕。 而網站也是一樣,無論是什麼類型的網站或服務,都需要在網際網路上挪出一個空間來儲存你的網站內容,當你的網站出現了問題,最常見的方式就是找一名萬能水電工來修繕了。 而這位來修繕你網站的帥哥或美女,通常會是MIS(Management Information System)工程師,也就是一般常聽到的「網管」。

號外!歐斯瑞正式與 Akeneo 成為合作夥伴

2019歲末歐斯瑞捎來好消息,與 PIM 龍頭 法商 Akeneo 正式成為合作夥伴!在萬眾引領期盼之下,歐斯瑞與 Akeneo 正式成為全台第一,也是唯一的合作夥伴!自2013年以來,Akeneo致力於PIM Product Information Management 的拓展,且毫無疑問的,Akeneo是目前世界上PIM的龍頭。此次歐斯瑞與 Akeneo 的合作,對於雙方在每方面來說都絕對是強棒出擊! 歐斯瑞在電子商務上的經驗,結合 Akeneo 強大的 PIM 系統,能夠為客戶帶來更精彩的火花!

Magento2前端開發:如何透過修改layout xml檔來顯示最近看過的商品

雖然透過後台的widget設定就可以顯示「最近看過的商品」,但是為了做好版本控制,我們還是希望可以透過程式碼來達到相同的效果。一起來看看如何透過修改主題包裡的layout xml檔來顯示「最近看過的商品」吧。

AR技術為電商帶來新的體驗

電商的確達到了最快瀏覽產品資訊的方式,如果再進一步導入AR相關技術,就可以讓消費者在瀏覽商品時,直接進行獨特的虛實交錯體驗,讓消費者本身與虛擬商品互動;試用化妝品、家具擺設等應用,真正達到所見即所得,進而增加消費者的購買機率。

加州消費者隱私保護法 (CCPA) California Consumer Privacy Act

加州消費者隱私保護法案(California Consumer Privacy Act,以下簡稱CCPA)是為增強美國加州居民的隱私權與保護消費者的法案。該法案已於2018年6月28日由加州立法機構通過,將於2020年1月1日正式生效。販售至美國加州的商家與企業須儘早採取對應措施,以避免CCPA生效後受裁罰。而隨著CCPA生效日的到來,歐斯瑞提供給您針對新隱私政策所需的完善頁面設計。

Excel教學 – 資料驗證功能(上)

今天要來介紹各行各業都有機會使用到的Excel資料驗證功能,讓Excel幫您秒抓人工Key入資料錯誤的部分。

電商新趨勢,B2E銷售模式

電子商務可以說是已經成為人們生活中的一部分,你想像得到的各種物品,舉凡是生活用品、家電3C、零食飲料等等幾乎都只要上網動動手指頭幾乎都能買到。 整體來說,市面上最常見的電商模式大概分為B2B2C、B2C、B2B,而近期有一種新的電商模式正在慢慢崛起,就是我們今天要介紹的B2E(Business to Employee)模式。

淺談Magento資料庫:EAV

在Magento的資料庫中,光資料表就有三百多張,應用於其中的資料結構就是EAV(Entity實體/ Attribute屬性/ Value值),今天讓我們來粗淺的談論一下EAV在Magento的應用及其優點吧。

用超過五十個電商指標KPI來精準拓展你的網購生意,讓錢聰明賺!

什麼是電商KPI?KPI是可以衡量的價值,可以確認你的業務或工作進展的效率如何。無論是評估公司部門的績效,或是確認個人的業務目標是否實際:電商指標可以協助你了解當前的網站銷售情況,並採取必要的手段來達成理想目標。KPI也同時可以用來分析你的電商無論在銷售和客服上的戰略和策略是否正確。

Magento2商業版實用功能教學 – RMA退貨管理功能(下)

在上一篇Magento2商業版實用功能教學 – RMA退貨管理功能(上) 各位可以了解到使用RMA做統一管理,能方便管理者處理退貨申請與審核的工作,但是原生的退貨處理的選單欄位,不完全適用各個商家。Magento 2商業版也提供了相對應的彈性給予各企業做使用,所以這篇Magento 2商業版實用功能教學 – RMA退貨管理功能(下),我們將介紹RMA退換管理功能的進階設定。

Magento2商業版實用功能教學 – RMA退貨管理功能(上)

當電商常碰到的退貨處理數量龐大又頻繁,導致退貨處理資訊混亂又沒秩序時,我們需要RMA機制將所有退貨需要的作業資訊統籌起來,並集中管理。讓消費者與商家可以在RMA架構底下,進行退貨相關事宜的處理,以達到更方便的退貨管控。此功能目前在Magento商業版本是預設功能,就讓我們來趕快認識一下吧!

出去玩必用!教你如何善用Google Map自訂地圖功能,來規劃旅遊行程

出去玩最重要也最麻煩的就是行程的規劃與路線安排,如果景點、餐廳、住宿的動線不順且又再加上塞車的情況下,想必整趟旅程會多了點煩躁感,所以我們今天要分享要點是介紹Google 地圖比較少人知道的強大功能,此功能可以讓大家建立自己專屬的Google 旅遊地圖,來讓你在出遊過程可以輕鬆的,方便了解景點的遊玩順序以及一目瞭然所有景點的位置動線。

Google Search Console 啟用教學

當您的網站已完成建置,但是在Google搜尋結果中的排名卻不如預期,很可能是沒有針對您的受眾做足SEO的準備工作;今天不聊點擊、曝光、排名、ROI等等行銷領域的關鍵字,來聊聊優化之前的必要動作-『統計與分析』。

PHP中的多個漏洞可造成任意代碼的執行

網路安全中心 近期釋出在PHP中發現了許多漏洞的消息。其中最為嚴重的漏洞可允許任意代碼的執行。

用Photoshop玩3D【Fuse CC系列】實作範例(下)

本篇接續Photoshop玩3D【Fuse CC系列】實作範例(上),我們將使用Photoshop來對做好的3D圖像進行細部修圖,一起來看看吧!

你以為在談平行宇宙,其實是版本管理的策略 (一)

不管您所在的產業與職務分工,相信都聽過『版本控制』這四個字,尤其是出版業者與資訊業者,對於這四個字應該更有所感,在多人協作的專案中,如何確保每個分工的個體,能夠以最有效率的方式協作,是整個團隊成員共同關心的議題。

利用checkbox做判斷改變CSS樣式並更改checkbox本身樣式

如何利用checkbox 做判斷改變CSS樣式並更改checkbox本身樣式

Magento2 稅率設定 (一)

同一件商品,會依國家地區的規定不同,對消費者課徵不同名目的稅或同名目但不同的稅率。例如我國娛樂性消費要課徵娛樂稅、一般跨境要收取關稅/進口稅...等。為了在訂單計算過程中自動將這些稅納入付款金額,Magento提供一些基本設定 (本篇以Magento 2.1 版本示例),跟著我們一起來看看吧!

pestle 相關系列 (七) generate_theme 快速建立 theme

"Magento 2 如何建立前台 Theme" 教你如何簡單的建立自己的 theme,今天教大家更簡單的方法來完成同樣的工作

Magento 2 版本功能及進階的服務

Magento擁有的功能非常強大。歐斯瑞今天要不藏私的來跟大家分享Magento Commerce的常用版本功能以及歐斯瑞能提供的進階服務,一起來看看吧!

如何讓Google表單自動幫你寄送通知信

今天來介紹能自動幫你寄送通知信的擴充套件,藉由這個套件讓表單在填寫完後自動寄送通知郵件給填表者。在開始設定前,我們要先將"Email Notifications for Forms"外掛程式安裝好,一起來看看吧!

身為PM不可或缺的-Axure RP 網站原型設計軟體

今天要介紹一套原型製作軟體:Axure RP,可以讓網站企劃人員或是資訊架構師快速且簡易的建立網站的wireframe、流程圖、prototype和規格。甚至,UI/UX介面設計師也可以透過該軟體製作高仿真的網站模擬原型圖。

用Photoshop玩3D【Fuse CC系列】實作範例(上)

今天Astral Web要與大家分享使用Fuse與Photoshop來製作實際範例,跟著小編一起來學習吧!

談軟體負載測試Load Testing

負載測試屬於效能測試的一種,在軟體工程中,效能測試是一個普遍用來確定系統特定之工作負載量;與某段時間下其在回應與穩定性上,會如何呈現所執行的一種非功能性測試。跟小編一起來看看負載測試吧!

Magento 2 客製化email模板

在某些情況中,我們需要寄出信件,但又希望客戶可以自由的編輯它,這時候就可以跟著我們一起寫出自己的模板吧!   首先先建立etc/adminhtml/system.xml <?xml version=”1.0″?>

手動測試與自動化測試的區別

測試是一個範圍廣大的領域,怎麼說呢? 測試主要的目的是為了確保產出的品質,在測試過程中有很多細節或重複性的測試,不管是Web測試或軟體測試。它大致分為兩種,一是手動測試,由測試人員在未使用工具或腳本情況下執行,而自動化測試則需要藉由工具及腳本的輔助來進行測試。

Magento1 新增篩選器屬性與範圍

在Magento1裡你可以使用「addAttributeToFilter」與「addFieldToFilter」來篩選你的query結果,但是他們是在不同得場合使用,讓我們來一起看看吧!

Magento2前端開發: 當滑鼠滑入購物車按鈕時隨即展開迷你購物車

原生的Magento2 主題包,需要點擊購物車小圖才能展開迷你購物車,如果想要在滑鼠滑入的時候展開迷你購物車,那麼請跟著小編一起學習吧!

匯入Zendesk自定義工單欄位下拉式清單和多重選取的欄位值(上)

當您在建立自定義工單欄位中的下拉清單或多重選取欄位類型時,您可能想要包含很多項目在清單中。例如:您想要建立一個包含商品類型的下拉式清單欄位,商品類型有可能包含了幾百種的型號。在這種需要建立大量欄位值的情況下,除了一筆一筆輸入欄位值以外,您可以利用匯入清單的方式來一次建立多筆欄位值,反之,您也可以匯出工單欄位值。

如何用 Admin Action Log 幫你找到凶手

由於現在網路發達,大部分的消費者都採線上購物方式來添購所欠缺的用品、食品等,也正因為如此造成網路購物的競爭日益激烈。相信大家多少有聽過、看過或、過商品標錯價事件,比如原價1萬多元的商品錯標成幾千元,又或是將商品錯標為1折,像這種商品標錯價的案例著實不少。今天讓小編來教大家如何使用Admin Actions Log來找出兇手吧!

Google 推出密碼檢查工具 Password Checkup – 隨時檢測您的帳戶安全性(Chrome 擴充功能)

Password Checkup 是一款由 Google 開發的免費 Chrome 瀏覽器擴充功能,安全度比第三方開發商相對可信,當使用者在非 Google 網站的密碼遭到洩漏或公開,Password Checkup 就會自動發出警告,提醒使用者應立即重設密碼;若用戶在其他帳戶也使用相同的帳號密碼組合時,也應該一併重設。

使用Atlassian JIRA前 (二):為你的企業建立一個JIRA流程

現在你已了解多種專案管理工具,擁有許多選項,並且得知多間公司已成功的使用如JIRA等的工具,如果你已定義好你的商業流程,趕緊來看看如何將它轉為JIRA流程吧!

強化網站安全 – Cookie篇

為了有效避免xss攻擊,可以在cookie上面做些強化,目前有三個flag可以使用,快來看看吧!

Magento2 使用原生程式分析工具尋找效能瓶頸

Magento是個龐大複雜的開源軟體,當網站遇上效能不佳的情況,可先透過幾個步驟執行通用的優化步驟,但若仍面臨部分頁面執行時間過長,表示需要進一步分析程式個別執行效能,才能找出改善的關鍵點。幸運的是,Magento原生程式即支援此功能,趕快來瞭解如何快速的分析網站的程式效能吧!

Magento2商業版實用功能教學 – 進階願望清單功能

有些商品因為價格、優惠檔期等諸多原因,沒有立即購買需求,但又希望可以將頁面或商品儲存,方便日後尋找,願望清單Wish List便是這樣的一個功能。

Magento2商業版實用功能教學 – 管理者權限

企業的電商網站管理會因執行的訂單多且複雜,以及各單位負責的項目不同,像是處理訂單、處理促銷、商品、內容...等等都隸屬於不同部門的工作。 管理者需要指派不同的權限帳號給予各部門進行處理,所以Magento在後台管理權限這一塊,有完善的權限分割功能。例如:客服單位只能處理與查看訂單會員的部分,配給權限後,客服人員登入後台就只會看訂單處理功能,其他功能將無法顯示與管理。

Zendesk 自定義工單欄位-建立多個下拉清單的層級

本篇文章介紹如何在自定義工單欄位中的下拉清單(Drop-down list)欄位類型建立多個層級的下拉清單。

Magento 2 搜尋功能插件介紹

對於電商業者來說,網站內的搜尋引擎扮演著非常重要的角色,可以讓對特定商品類型或商品已心有所屬的顧客更快速的瀏覽目錄及進入其目標商品,明確的指引能加速顧客結帳的速度,在這邊,讓我們介紹幾個強大且常見的Magento 2 搜尋功能插件。

跟著歐斯瑞一起前進Magento2019高峰會!

Magento Imagine 為一年一度的電子商務大型盛會,聚集了世界各地的商家、專業開發團隊、合作夥伴、系統整合商等,基本上你可以在Imagine看到全球的Magento電商生態系統,因此我們中文稱之為 「Magento高峰會」!

自動測試網站工具-Katalon教學

網站自動測試有很多方式,從最複雜的寫程式到最簡單的錄製指令碼都有,由剛開始測試的人員來說都會想以簡單的方式發輝最大的效益,就可以試試Katalon Recorder這個測試工具。

在同一個Magento環境中實現多個Paypal帳戶的串接

說起來,一個店頭出現兩台收銀機也算日常生活中常見的事情,換個頻道走進電商平台-假如您希望買家的訂單,在結帳階段導入不同的Paypal帳戶,依照您企業的情境有所不同,大致上可以採用三種不同的方案來實現這樣的可能性。

Magento 2 如何建立前台 Theme

一個新專案必然有需要覆寫原生的程式的需求,這時便需要建立自己的 Theme 來覆寫原生的程式,Magento 有個 demo 用的 theme 可以給我們參考,這次我們實際建立一個 theme 做為範例 。

Magento2 搜尋單字商品設定

假設今天有一款商品只有一個字,或者只想要輸入該商品中的第一個字就想要找到商品,是無法的,預設最少要搜尋兩個字,若想要只輸入一個字即能搜尋,必須透過一些設定才能實現,以下教學內文需使用到ssh 文字編輯介面及magento2後台。

2019年電子商務網站設計趨勢(下)

除了上篇介紹的電子網站設計十個趨勢外,這一次我們要更進一步介紹一些更實用的分享,讓大家知道要如何在實踐中做出改變的可操作建議。

Magento2前端開發: 如何從購物車中移除計算運費和稅金的區塊

一般我們要移除某個區塊的時候、直接在xml檔裡加上底下設定就可以,但是在購物車頁面中,如果我們直接使用上面的方法移除運費和稅金計算的這個區塊,則會出現一大堆的js錯誤,這時候我們就要使用文章的方法來移除區塊。

使用css+jquery+jqueryUI 做出拖拉相片效果

拖拉相片效果其實比你想像中簡單,清楚的設定教學與截圖,讓你一次就上手!

Magento2.3reCAPTCHA設定教學

Magento的reCAPTCHA 功能可以在後台輕鬆設定,也就是不需要工程師協助編碼動作,即可讓你的網站開啟使用reCAPTCHA,但是v3設定雖然一樣,還是需要請工程師做一些JavaScript API的動作,請知悉。

搜尋行銷新趨勢-語音搜尋

語音輔助搜尋將改變搜尋引擎行銷,現今無論是演算法、社群媒體和對內容的關注都有了細微的變化,身為行銷的我們,也要因應這樣的搜尋環境轉變,即時將策略與活動跟進。

使用正確的 xsd 檔,讓你輕鬆找到 Magento 的schema

大家在開發 Magento 的過程中,一定會遇到 Magento 內許多的 XML 檔,不知道該如何定義,也不知道還有哪些參數可以使用,有時候一個參數要找半天,不過好在 Magento 有工具能夠快速產生這些資料,讓我們能夠輕鬆的對應到 xsd 定義檔,一起來看看怎麼做到的吧!

Google reCAPTCHA 申請教學

CAPTCHA,也就是俗稱驗證碼,是一種區分用戶是電腦或人的公共全自動程式,根據Google研究指出,最新的人工智慧在辨識最複雜扭曲文字的精準度已高達99.8%,而且輸入驗證碼的程序也會影響使用者體驗。

如何開始Magento與漸進式網路應用程式

為了幫助商家能順利在Magento上實施PWA,Magento官方提供完整的資源 - Magento PWA Studio。你的技術團隊可以在這邊學習如何在Magento上實作PWA,也提供了完整的範例代碼,供下載使用。

冒煙測試

冒煙測試就是在每日build建立後,對系統的基本功能進行測試,這種測試是針對主要功能進行基本驗證,而不會對具體功能進行更深入的測試。

2019年電子商務網站設計趨勢 (上)

不管您現在是否有建立網站,來到您的網站,視覺是吸引顧客的第一眼,糟糕的設計與錯誤的流程會讓使用體驗下降,導致您無法收到有效訂單,因此,清楚明瞭的動線導航和引人注目的設計,是在瀏覽網站時首先吸引用戶注意的重要條件。

台灣企業發展海外市場的急迫性

台灣這個小島經濟體,人口數以及產業活動發展都有限,透過海空貿易出口,有更多的管道與機會,能夠將在地的產品與服務突破地域限制,將觸角伸至國外,並且透過數據指出,高度相關的台灣經濟成長率與出口,對經濟成長貢獻度趨勢,是相當重要的。

Magento 開源版軟體維護政策

本政策中所述的Magento修復與安全性維護,僅適用於Magento開源版軟體,不適用於Magento商業版,是幫助用戶與開發人員理解Magento的軟體發佈與維護策略,該政策可能會由Magento進行不定時更新。

Magento 軟體發佈週期政策

Magento軟體具有支援義務,並將軟體定義為主要、次要、修補不同版本作發佈,官方特為此發佈一個軟體發佈週期的政策說明。

使用Atlassian JIRA前 (一):先理解你的商業流程

現在你已了解多種專案管理工具,擁有許多選項,並且得知多間公司已成功的使用如JIRA等的工具,現在的你可能迫不及待想盡快使用,但在決定使用版本前,有一些你一定要知道的重要事項,趕緊來看看!

Magento2前端開發:使用手指左右滑動來切換Bootstrap 輪播區塊

在開始實作之前,我們要先確認已經將Bootstrap打包進我們的Magento主題包裡,詳細的操作可以參考之前分享Bootstrap相關文章,接下來我們要開始讓Bootstrap輪播可以支援手指左右滑動的動作。

用Photoshop玩3D【Fuse CC系列】演算

精彩的Photoshop Fues CC系列來到演算啦,我們在使用這些3D物件繪圖時都是呈顯一個預覽的狀態,在真的出圖時,我們會產生出較細緻的畫面就是演算,趕緊來看看完整詳細的教學吧。

Zendesk 自定義工單欄位 – 下

這篇文章帶你認識在Zendesk的自定義工單欄位中共10種客製工單欄位,各自的內容與設定。

個人與公司的網路隱私安全最佳防衛

如果你已經在網路活躍了一段時間,很可能已經有某種程度上的數據洩漏,隨著產業的習性和不良行為者持續演進,針對個人與敏感資訊的保護安全措施也隨之成長。然而,有許多最佳基礎的做法可以降低你的風險,並同時減少你所屬的組織風險。

Magento2 移除不需要的模組

Magento2 安裝時資料過於龐大這是眾所皆知的事情了,這次分享兩個作法,教你如何關閉或是刪掉不需要使用的內建模組,讓 Magento 系統更輕巧!

如何使用Facebook 3D Photo功能上傳照片

要如何在FB上傳精心製作的3D圖像,讓你的專頁貼文更吸睛、更引人矚目,學會了如何利用繪圖製作3D,現在就來看看怎麼上傳到粉絲專頁吧!

透過繪圖方式製作Facebook 3D Photo照片

大家知道要怎麼透過繪圖的方式來建立Facebook 3D Photo嗎?用簡單的六個步驟即可完成唷!

Magento2使用手指左右滑動來切換Bootstrap頁籤

先前已經分享過如何將Bootstrap打包進我們的Magento主題包裡,接下來我們要開始讓Bootstrap頁籤可以支援手指左右滑動的動作,因為Magento2 已經打包好了,所以可以直接叫出來使用。

關於回歸測試Regression Testing

回歸測試是透過現有的測試來確保產品的更動不會影響舊有的功能,開發團隊必須選擇有效且正確的回歸策略,來降低測試人員的負擔,又能將產品保持在一定的水準之上。

Zendesk 自定義工單欄位-上

瞭解主要的Zendesk基礎功能後,工單中除了系統內建的欄位之外,也可以新增自定義的欄位來協助你管理並蒐集更多資訊。

用Photoshop玩3D【Fuse CC系列】自訂3D模型紋理

學會建立人物,並懂得如何建立臉型與體型調整,除了膚質服裝,3D模型紋理也是提升擬真度非常重要的關鍵,趕緊來看看PS-CC系列最後一篇吧!

影響網站速度的因素與優化策略-客觀條件篇

要討論網站速度這個題目,最終只有一個目標,如何快速把資料傳遞到瀏覽器另一頭的使用者,說起來好像挺單純,但要縮短資料流的整體速度,和那些號稱能兩日到貨的物流業者一樣,背後所付出的努力是外界難以想像的。

Magento2 取消結帳頁必填欄位限制

Magento2的設計是基於歐美國家設計的,對於台灣商家來說會有一些不適用的必填欄位,本篇將介紹如何在Magento2的結帳頁面,取消原本需要必填的地址欄位,讓您可以因應不同的需求去限制使用者該填寫的欄位。

簡單完成社群網站連結散開效果-圓形

很多網站會將社群連結固定在網頁上,讓使用者易於觸擊,但隨著社群越來越多,放上太多連結總是不美觀,因此我們用一個icon固定在網頁上,點擊以後展開社群的項目,可以隨時被點擊。

Magento2.3.0 MSI多源庫存

Magento將於2.3.0版本推出一個重要的新功能,Magento Multi Source Inventory,簡稱MSI,它為Magento提供了更靈活更強大的庫存管理功能,在多網站介面管理上也更加便利。

Facebook動態廣告運作基本概念

動態廣告雖然已經上線一段時間,但真正的運作概念與設定你真的都瞭解了嗎,我們將基本概念統整並加上清楚的說明,讓大家可以更快上手,妥善運用在自己的行銷策略中。

2019不可不知的電商趨勢

根據Statista的統計,亞洲互聯網用戶中有46%是通過手機購買產品或商品,因此隨著時間演進,線上購物的行為也隨之調整,因此在這裡特別整理2019年的電子商務趨勢做為參考,讓各位能掌握先機!

Magento2.3.1正式釋出

Magento 3月27日發佈商業版與開源版本的更新,針對多項性能以及安全性調整更新。

What makes classic?20年前百威啤酒留下的好味道

一個誕生於電腦尚未問世的作品,能夠在這資訊傳播求新求變,下一個月、甚至下週、明天!隨時都有可能出現備受矚目的多媒體社交平台、網路紅人的時代引起共鳴,我想這毫無疑問的,肯定是一個相當成功的行銷作品「TRUE.TRUE.」!

熟知基本排版技巧讓你的文章更容易被閱讀

當有了一篇好的文章內容,編輯者也需要知道基本的排版的觀念,目的是要讓讀者能更容易閱讀與理解你的文章內容,良好的排版觀念可以讓你的文章大大加分,本文提供幾個排版基本觀念,給予未來在撰寫時的參考。

使用Magento2 原生工具來將LESS編譯成CSS

Magento2 提供Blank以及Luma二款預設的主題包,這二款主題包都是使用LESS來編譯CSS。在這篇文章中,我們要為您介紹如何使用Grunt來開發及調整CSS。

CSS3 : 簡單使用flexbox 展示自適應及滑過效果

要怎麼在網頁呈現自適應及滑過的效果呢,這次我們介紹flexbox,讓你可以簡單使用輕鬆上手!

VR虛擬實境,互動情境式行銷

虛擬實境是由三個「I」所組成,沈浸Immersion、互動Interaction與構想Imagination,現在大部分都是著重在視覺體驗,並搭配聲效讓使用者彷彿身歷其境、讓產品體驗更加擬真,隨著科技進步,VR虛擬實境技術也越加普及被運用在各大產業中,這次舉出三個特別的例子來提供大家做參考。

誰又再帶風向?網軍分析系統教你分辨誰是網軍!

相信大家一定常聽到「網軍」這個用詞,而網軍是什麼呢?簡單來說,只要是在網路上為了某種立場而辯護的人都可以稱為網軍,而最常見PTT八卦版、政黑版,言論擴散更是激烈。ianalyseur ,可以查詢PTT上出現在八卦或政黑可疑網軍,作者並無私的在八卦版上提供連結,讓網友免費使用。

Github的branch權限設定 – Required signed commits

這次介紹的protected branch的一項功能是 Required signed commits,這項功能的用途是用來驗證commit 的作者與github上的使用者是否符合,簡單來說就是做身分驗證,可避免身分被有心人士冒用,接來來馬上來介紹如何設定 Required signed commits。

用Photoshop玩3D【Fuse CC系列】燈光

Astral Web要與大家分享使用Photoshop調整 Fuse 3D人物的燈光,分享如何針對光源的角度位置距離以及強度等等做細微調整,一起來看看吧!

MailChimp電子報系統-初學者指南

這次針對MailChimp所整理的初學者指南,鎖定常用功能與介面做完整詳細的步驟教學,妥善使用MailChimp不僅可以提供更客製且美觀的電子報,也可以降低成為垃圾信件與被封鎖的機率,

Magento2.3 探索新大陸

在2018年底Magento2迎來了最新的版本2.3.0,增加許多新功能,也有多更動,而這些改變在官方文件中並沒有特別說明,僅能從原生code裡看出不同,那我們今天就先來介紹在Controller中的異動!

具有響應式功能的圖片延遲載入外掛

延遲載入 lazy load 是 Hibernate3 默認的加載方式,是為了避免一些無謂的性能開銷而提出,就是當在真正需要數據的時候,才真正執行數據載入。緩慢的載入速度會影響到使用者體驗,網路上有很多 lazy load 外掛提供前端人員使用,而我們這次選擇 lazysizes.js 作為介紹。

解決Magento2.3.0目錄頁跑版的問題

在安裝完成Magento2.3.0之後,會發生一個狀況,那就是目錄頁跑版,多出一個空白區域,現在就來教你如何解決這個問題!

聊點硬核的-CDN對我的網路店頭有甚麼幫助?(下)

從初代的CDN原型演化至今,技術不斷的演化,但內核仍是實打實的快取技術與設備的素質提升;我們追求的是讓使用者「感覺」快,在整個資料傳遞過程中,其實有很多軟設計是可以進行優化的,就像是不同的駕駛員開著同一台超跑,賽事的結果不盡相同。

線上SSL憑證檢測工具Cloudflare,讓您的網站不再被標為不安全網站

從2018年9月起Google公告在更新版的Chrome針對網站進行SSL安全加密憑證檢測,將不是HTTPS的網站都標為不安全的網站,線上SSL憑證檢測工具Cloudflare讓您的網站不再被標為不安全的網站!

Magento 2 信件樣板詳解(二) -在 Template 內插入 block 應用

本文將繼續介紹Email Template訂單信件樣板詳解,Template 是 html 檔 無法執行如迴圈或是判斷式之類的程式邏輯,若有這方面的需求就必須要用到插入 block 的技巧。

2018走心文案經典回顧

一個好的文案,不僅能夠提升顧客購買意願,也能大幅提升品牌記憶點。在策略上我們要思考的長遠、規劃的縝密;而文案則是越精簡越好,將所有創意、品牌、產品特色、與消費者共鳴點集於短短一兩句話,句句到位並字字讓消費者走心,引起高度討論,提升自然擴散。

如何賺Google廣告費?Google AdSense小知識

Google AdSense只要是會員就可以利用置入廣告服務來賺取傭金。如何申辦AdSense帳號?及注意事項看這篇一次搞定!

A/A測試是什麼?

在A/A測試中,如果測試程序正確,控制組與實驗組不應該有任何區別。如果樣本的A/A測試結果達到了統計上的顯著差異,那麼A/B測試這個方案就是不可信的。如果說A/B測試是用來比較幾個樣本的好與壞,那麼A/A測試就是用來驗證A/B測試及工具可靠度的最佳方式。

Magento 2 結帳頁面與 Magento1 設計差異

在M1時大部分的頁面都可以直接透過後台開啟路徑提示的方式,找到其對應的template路徑然後開發,但在M2時你開啟路徑提示後可能只會顯示一支路徑。

靈活運用三訣竅教你突破關鍵字瓶頸

我們為不同階段的消費者,因應需求程度而設計不同的關鍵字詞,而除了廣為人知的Keyword Planner跟Google Trends,今天為你介紹其他三項在撰寫關鍵字詞時也非常實用的小工具。

用Photoshop玩3D【Fuse CC系列】內建表情動作

今天astralweb要與大家分享使用Photoshop 調整 Fuse 模型表情,一起來看看吧! 本教學需先對PS工具使用有基本認識; 3D運算會需要較好的電腦設備。

Google MyBusiness API 實戰教學(三)-在PHP使用API

本篇教學實際操作在PHP中如何使用這支API!相信看到這裡的讀者一定可以照著上面的步驟成功的查詢出該location的reviews,更多的功能請見連結。

聊點硬核的-CDN對我的網路店頭有甚麼幫助?(上)

複製『內容的副本』讓世界各地的使用者能就近存取,這樣的概念便出現了;尤其隨著傳輸技術的進化,使用者們的耐性也越來愈低了,快-成了有心開拓電商通路的企業,共同追求的標準。

6個網頁設計靈感來源分享

打造一個品牌,在視覺上給人的形象與感覺是很重要的,是使用者第一眼對網站的印象。網站顏色搭配、Logo 顏色挑選在這篇文章分享網頁設計靈感參考網站。

Github的branch權限設定 – Required pull request reviews before merging

Required pull request reviews before merging,這項功能啟用之後,每個對此branch的合併(merge)的請求都需要經過審核人員審核,接下來實作此功能的流程。

攻陷宅經濟!三個核心概念打造最強客戶體驗

在宅經濟的市場,你的「APP」、「網站」或是其他虛擬通路就是你的業務代表、與品牌形象,唯有讓客戶對你的業務有好印象,才能大大提升成交的機會。

如何在Magento Category 新增自訂義屬性

今天講述如何在Category 新增屬性,目前我們屬性是非常簡單的 INT 然而真正的情況一定會有更多的需求,下一次將跟您介紹如何定義更多不一樣的屬性與自訂屬性。

如何在Magento 2 設定電子報

今天要和大家介紹如何在Magento 2設定電子報,好讓商家能有效地運用電子報來自我行銷,以達到部分行銷效益。

Magento 2 信件樣板詳解 (一) 覆寫樣板

本文說明如何建立Email Template訂單信件樣板詳解,兩種方法教學如何覆寫樣板:一使用後台即可設定樣板的方法,此方法簡單易操作,不需要技術背景的人員也可以完成設定。

利用多邊形圖層,絕對定位和置中呈現Landing Page

今天要介紹的是用css打造一個Landing Page中 header部分,利用多邊形圖層,絕對定位和置中呈現;本教學大概會用到製造效果的css包括:background-image: linear-gradient()。

Zendesk Support客服系統-初學者指南

本文介紹Zendesk客服系統主要介面及常用基本功能教學,協助所有初學者都能快速上手!歡迎下載Zendesk Support客服系統-初學者指南PDF檔。(給初學者的主要功能使用說明)

解決Magento 2的問題:調整訂單編號的方法

最近在測試時,發生信用卡交易失敗的問題。查詢log之後發現,是訂單編號重複所造成的!解決的方法也很簡單,問題是該怎麼調呢?我們一起來看看!

結構化資料應用使用JSON / LD【地點應用】

需要在本地或跨境執行搜尋引擎優化時,我們須仰賴一個用於組織化搜尋的parent Organization,同時擁有標記個別位置數據能力來進行在地搜尋引擎優化。對於一個大型個體來說,維繫位置與總公司之間的明確關係非常重要!

用Photoshop玩3D【Fuse CC系列】內建模型動作

Astral Web要與大家分享使用Photoshop調整 Fuse 3D人物動作,針對動態的部分只要在3D模型套用效果就可以看到動作變化的效果,一起來看看吧!

Magento自訂欄位內資料顯示的方式與搜尋

上一章中我們講到如何自訂自己的後台欄位,但是有時顯示出來的資料並不是我們需要的,例如圖片路徑。本篇文章教學如何改變欄位顯示的方式與搜尋。

Cloudinary – 雲端影像處理平台,線上圖片即時優化

為了使圖像加載速度加快,開發者會希望圖片的大小盡可能變小,並且需要良好的緩存和交付架構。本篇介紹Cloudinary所提供的線上功能及快速優化圖片。

以SASS開發Magento2佈景主題

Magento2 預設是使用Less及Grunt來產生css檔案。當然我們也可以使用別的工具、例如Sass及Gulp。接下來要介紹如何建置Sass及Gulp的開發環境。

Google MyBusiness Api 實戰教學(二)- Postman測試

這一篇來帶大家做Google MyBusiness API的測試。各位讀者可以先去下載Postman,使用Postman測試api 會比直接使用網頁var_dump來得方便快速。

善用[email protected]訊息,對消費者投其所好

帳號好友習慣養成上,要重質不重量,每一次的資訊都應該是經過縝密構思及排程,投消費者所好的訊息除了增加轉換成效還能提升品牌好感度喔!

Github的branch權限-設定protected branch

當有很多人在同個github repository上面工作的時候,必須對branch賦予protected branch,不能被刪除以及不能被強制更新,也可以防止有人強制回朔commit。

無卡族的福音,來自日本的技術「AFTEE先享後付」來了!

什麼是後支付?「後支付」在日本最常被使用的付款方式僅次於信用卡,為一種先買後付的概念。消費者在EC平台消費時,選擇「後支付」付款來完成訂單,這種不需刷卡直接手機驗證的付款方式,對於尚未辦理信用卡的年輕族群來說相當便利。

電子報行銷工具:MailChimp教學

MailChimp是一個實用的電子報行銷工具,同時能管理眾多的客戶群組、追蹤郵件活動以及產生追蹤報表,一起用MailChimp為你的公司建第一份電子報吧!

移轉新電子商務平台不可不知的九大重點

當電子商務平台若因為更新、原先主機不符合規格等諸多原因需要移轉新網站時,應注意在移轉網站的過程中可能會產生導致移轉失敗的狀況,此篇提醒移轉新網站平台的重點,讓大家可以順利移轉至新平台。

Magento 2 如何新增選單

商品的分類建立在選單之下,透過選單一層層的分類讓使用者找到所中意的商品並進一步進行購買動作,在Magento 2 裡新增選單非常地簡單,一起來看看如何設定吧!

進軍宅經濟,你準備好了嗎?

宅經濟的崛起,不僅大大顛覆傳統的商業銷售模式,也開始席捲各個不同產業。不止是廣告,體驗才是一切根本,行動裝置的便利性,創造出這世代獨有的宅經濟文化!

邁向敏捷開發的第一步:Scrum vs Kanban

Scrum與Kanban是最受歡迎的兩種敏捷開發流程的方法,「哪一套方法最適合我?」先認識兩者的內容與差異,最後才能知道哪一套方法更能符合你企業的工作環境。

【專案管理工具】與 JIRA 相似的軟體有哪些?

若你並非團體作業,在找尋簡易的任務管理工具,這幾款網頁式工具不需額外的時間在其它作業上;我們希望此列表能幫助你選擇最合適的專案規劃與管理工具。

官方新版本Magento Commerce 2.3.0 釋出!

Magento 官方將於美國時間11月28日釋出商業版2.3.0版本。此版本具有強大的新工具來提升商家與開發人員的使用體驗。同時也針對平台現有功能強化改善。

如何在Magento 2 建立客戶群組

依照不同的等級給予不同的價格或特定等級才有的專屬優惠。這樣的功能Magento 2裡也可以設定,只要先建立好分級就可運用在客戶分級的所屬群了。

如何在Magento後台列表頁「自訂欄位」

在Magento裡我們常常會新增自己要的屬性,但有時為了方便辨識會希望他會出現在列表頁,讓作業起來更順利,今天就要講如何新增一欄自己的屬性欄位。

KnockoutJs系列(2)-Interactive Arra

KnockoutJs它使用一種清晰的資料模型協助您建立更豐富的使用者互動介面,本文將示範用observableArray來做一個互動功能,可以新增刪除資料。

Magento整合應用 – 一次搞懂電子發票

企業在規劃建置電商系統時,幾乎都會考慮整合電子發票。如何導入電子發票的服務?歐斯瑞來為大家說明什麼是電子發票?如何規劃導入?及電子發票的主流串接方式說明。

Magento 2 商業版B2B篇(七)相關功能設定

如何確定您有安裝B2B模組?或忘記在Magento內啟用相關的設定,請看這篇文章介紹Magento商業版B2B的相關設定教學(B2B基礎設定、議價功能設定)。

Magento 2 商業版B2B篇(六)企業客戶專屬產品目錄

B2B企業管理者需要控管各個企業客戶的專屬目錄,來顯示不同的商品與價格給客戶選購,而Magento 2 商業版推出了Shared  Catalogs(目錄)功能就能辦到!

Magento 2 商業版B2B篇(五)議價功能

B2B模式企業雙方會經過溝通、議價到成交的過程,轉變成常用購物清單進行長期採購的合作。Magento 2商業版的議價功能就能對商家進行議價!

Magento 2 商業版B2B篇(三)快速下單功能

在B2B的購物流程上,通常會採取其他適合的購買流程,Magento 2 商業版很貼心,提供了合適且快速的B2B購物流程模式「Quick Order」,接下來讓我們為大家介紹這個快速下單功能吧!

[email protected]新增好友兩大關鍵,讓你成功降低封鎖率

當你費盡心思舉辦活動,提供誘因讓消費者由線下實體店面會員轉為線上好友,將其他平台粉絲導至Line,但好友總在獲得誘因後立即封鎖帳號,前功盡棄的原因是甚麼呢?又該如何留住好友?以下三大要訣讓你成功抓住消費者的心。

跨境電商小工具,在全球各大城市查看你的網頁如何顯示!

您的網站擁有不同語系、不同國家的跨境商店,需檢視頁面在其他國家城市能否正常開啟,檢視網站是否需進行效能優化,大家可以利用此免費工具唷!

Sass selectors(選擇器)-該不該使用巢狀架構?

在撰寫Sass selectors(選擇器)時,到底該不該使用巢狀架構呢?這裡將提出來讓大家一起分析與思考,非巢狀與巢狀架構兩者的差異區別與優缺點!

如何在Magento樣板使用depend條件

Magento信件有許多樣板可以使用,當你需要使用Magento寄信的時,可以先在後台設定信件樣板,不過有時候需要作條件判斷。需要判斷信件帶入超連結位置時,可使用Magenot樣板引擎的一個depend條件判斷。

先別急著破釜沉舟-在跨境之前的電商戰力檢測

台灣產業體質多著重硬實力,打的是供應與定價的戰事,而B2B模式為主的模式,也有許多成功經驗與框架無法捨棄,正所謂成也蕭何敗也蕭何,要踏入跨境電商領域之前,我們必須認清這仍是一場B2C為主的戰役,而數據的掌握以及消費者體驗設計等等軟實力,都需要內化為戰力的一部份;以下我們想就多年跨境電商網站的建構經驗,提供讀者一些自檢的參考!

進擊電商戰國-大王,您的策士何在?(下)

前一篇留下了一個懸念-『全通路經營』,我們常常在需求訪談的過程中,聽到這樣的說詞:『我們有實體通路商搭配,同時也有其他零售的管道,電商對我們來說,只是多了一個通路來銷售啊!』。多通路和全通路雖然只差了一個字,但內涵還是有所差異的!您應該聽過同時經營線上與線下的商家,會員系統卻獨立運作的案例;甚至不同通路的產品訂價策略各自為政,形成相互牽制的態勢,說起來,這不是左手打右手嗎?

如何在Magento 2 加上麵包屑

雖然Magento本來就有麵包屑了,但並不是每個頁面都有麵包屑;若遇上需要加上麵包屑的需求要如何補上去?這篇文章將以登入頁為實例說明!

用Photoshop玩3D【Fuse CC系列】6 Fuse匯入到 Photoshop

本篇文章教學Fuse如何匯入到 Photoshop,以及其他Fuse系列教學:介面基本操控、建立人物模型、臉型與體型、調整膚質、調整服裝等。

純CSS實現表格首行和首列固定

當表格列數和行數較多時,使用者會出現的需求即是把重要的列與行固定,以便於瀏覽表格內容,才得以提高用戶體驗。為各位介紹使用單純 CSS 和運用簡單邏輯的解決方案。

Google MyBusiness Api 實戰教學(一)-簡單4步驟完成啟用

這次要來介紹Google眾多API中,相當實用的MyBusiness(我的商家) API,這項API主要能夠取出註冊商家各個位置的資訊及各位置的評論,簡單4個步驟完成啟用MyBusiness API,這篇會先帶各位完成前置作業。

以「多芬 Dove │ 我的美 ‧ 我相信 」廣告為例:創造有共感的行銷

規劃有感的行銷企劃,可不單單只是把銷售產品這件事講得很高尚而已。本文將以火紅的廣告「多芬 Dove │ 我的美 ‧ 我相信 」為例,舉出一些基本的品牌行銷概念,探討品牌如何真正溝通到消費者心坎裡。

Magento 2 商業版B2B篇(四)常用購物清單功能

B2B客戶不僅購買頻率高,且每週固定買的種類也多,這個時候可以使用Magento的Requisition List功能,可以條列式管理多種商品組合,來方便B2B客戶將大量商品加入購物車,一起看看如何創建吧!

用Photoshop玩3D【Fuse CC系列】5 Fuse服裝調整

今天astralweb要與大家分享Adobe Fuse 3D人物繪圖的服裝調整,一起來看看吧!

3個實用的 infinite scroll 套件

infinite scroll是一種新的網頁讀取資料的技術,當使用者到網頁的最下方時,會自動載入新的資料到現有的頁面。網路上有許多已存在的套件,可以讓人快速套用infinite scroll技術,接下來我們就來看看3個最實用的infinite scroll套件吧!

行動商務搭配隨經濟,成為電商未來新方向!

『隨經濟』一詞,意指運用智慧科技,讓消費者隨時、隨地、隨處、隨支付、隨通路、隨心所欲消費的商業趨勢,『隨經濟』有兩大重點:消費者的時間」,以及「問題的快速被解決」,隨經濟強調隨時隨地、線上線下的整合,請看以下說明。

MailChimp教學:將Google聯絡人群組導入MailChimp

MailChimp是相當好用的工具,在特定節日或重要消息寄送大量信件聯絡人客戶時,如何避免被系統視為垃圾郵件處理呢?這時你需要像MailChimp這樣的系統協助你發送信件。

在magento1上設定Redis session

在magento上使用Redis是為了減輕後端資料庫的負擔,Redis 為in-memory database,所以在存取上更為迅速,以下介紹的是Redis session的設定。

淺談測試基本觀念 – 壓力測試、負載測試、效能測試

這次要跟大家來簡單談談測試人員必備的三個基本觀念:壓力測試 (Stress Testing)、負載測試 (Load Testing)、效能測試 (Performance Testing)。

使用site:指令 管理網頁 檢查Google index

Google的"site"搜尋指令可以幫助我們檢查特定網站上頁面的索引情況,例如,網站各個子項目的情況,特定主題內容的索引情況等等,使用Google的"site"指令可以幫助網頁SEO的檢查。

Magento 2 如何替PDF增加表頭資訊

我們可以在Magento 2後台的銷售(SALES)項目裡,將訂單中的明細(Invoices)、配送單(Shipments)與退貨單(Credit Memos)等資訊轉PDF列印出來,請看以下說明。