文章彙整

"Astral Web" 著有661篇文章

首頁  /  Astral Web 所著的文章

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

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

Google MyBusiness Api 實戰教學

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

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

今天astralweb要與大家分享Adobe Fuse

用Photoshop玩3D【Fuse CC系列】4 Fuse膚質調整

今天astralweb要與大家分享Adobe Fuse

Magento  SUPEE-10570安全性修補通知

SUPEE-10570, Magento企業版1.14.3.8和社群版1.9.3.8包含多個安全增強功能,可以幫助關閉遠端執行代碼查詢(RCE),跨網站指令碼(XSS)等功能,以及解決其他問題。此版本同時包含多項小功能的修復程序,詳情請參閱以下資訊。   有關1.14.3.8和1.9.3.8版本中所有更改的信息,請參閱Magento企業版和Magento社群版發行說明。

MAGENTO 2.2.3, 2.1.12和2.0.18 安全性更新

Magento企業版和社群版2.2.3, 2.1.12, 2.0.18包含多個安全增強功能,可以幫助關閉跨網站指令碼(XSS)、經驗證管理用戶身分的遠程代碼執行(RCE)以及其他漏洞。  

電商創業的致勝關鍵- Traction

許多時候,在電子商務新創發表會中,我們可以見到創業家提出許多振奮人心的新點子、有著遠大的願景及不同凡響的熱忱,但是更多時候,電商創業者會在尋覓資金時,感嘆遇不到伯樂,事實上,對投資人來說,能夠讓他們在評估眾多創業點子時,眼睛為之一亮的只有一個字 – Traction。 更多技巧:

Google Analytics – 善用ABC法則,快速檢視網站狀況

  為什麼要分析資料? 在這個數位化時代,資料的分析與解讀是非常重要的,以電子商務網站來說,資料分析可以讓你瞭解網站的營運狀況,找出需要改善的地方,或是挖掘出潛在客戶。 而Google

Magento1 表單驗證介紹

Magento 是用 Prototype JavaScript

Magento官方的安全性掃描

對於電商網站來說,安全性問題一直是首要考慮的因素之一,其中包含了會員地址、手機、聯絡方式、購買行為記錄、信用卡資訊……等隱私的機密資料,一但不慎外洩,除了讓客戶資訊暴露在不肖業者的非法運用風險以外,企業也會因違法相關法規而受罰,如此將會衍生出許多對企業客戶雙方不利的問題,因此商家必須不斷的針對安全性進行測試與更新。   Magento Security

Google 最新 A/B Testing工具—Google Optimize (最佳化工具)

Google Optimize 是協助使用者能進行網站頁面的實驗測試工作,它提供了相當多樣化的測試工具,而且可以直接在網頁上直覺的針對對照組進行修改,也大為減低要做對照組修改的麻煩,同時這次的 Optimize 也可串聯

IconFont(圖示字型)網頁Icon的最佳解

Icon已是網頁上不可或缺的元素,除了可以提供乾淨的UI外,也少不了簡潔易懂的UX在裡面。 以往在Icon的使用上,不外乎就是由客戶、設計師提供或者是使用Font Awesome、Flaticon等等這類免費與開源素材網站上尋找符合需求的圖案來使用。  

SVG邊框動畫提升網頁質感(上)

這次要為大家介紹一個好用的 JS plugin -

在Magento顯示原生SQL語法

Magento標準對資料庫存取的方式都是使用ORM ,需要除錯的時候就會想要印出原生SQL來看看,完整的SQL到底長什麼樣子呢? 第一種情況顯示sql的方式 上圖是取得資料庫資料的程式碼,因為有getCollection,所以內建有一個function可以取得原生sql,echo

Magento 2 CAPTCHA驗證碼設定

CAPTCHA全名為Completely Automated Public Turing

電商購物流程-信用卡紅利概述與案例

信用卡紅利概述 首先為什麼會發行信用卡? 科技始於人性,信用卡的概念起始於十九世紀八十年代之資本主義興盛的英國,當時的富豪時常購買奢侈品卻沒攜帶大量金錢,因此發展出所謂的信用制度,透過記錄卡即使攜帶金錢不足,也能立即將屬意之商品帶回家,隨著時代演變慢慢成為現在人手一張的信用卡,人人出門即使沒有攜帶鈔票金幣也能順利購物。

十項技巧幫助您在電子商務市場中脫穎而出

在電子商務市場中脫穎而出 人們的消費型態隨著電腦網路的趨勢有了變動,電腦可以幫助人們進行繁複的計算作業,而網路的發達更讓人可以隨時隨地上網查看資訊與和來自各地的人進行溝通,也因為不再受限於地域的因素,商業行為開始活絡於網絡間,也就是我們現在最常討論的電子商務。 電子商務的範疇很廣,泛指在全球各地進行的廣泛交易行為,包含電子貨幣交換、供應鏈管理、電子交易市場和網路行銷等,而今天我們將主要針對電商行銷的區塊做一些技巧說明,讓您的商店可以在廣大的電子商務市場中可以脫穎而出。 以下的技巧提供給您參考,實際情況還是得評估您的產業特性進行調整喔!

在controller裡面建立layout block

正常的情況下 要設定layout 對應的block以及templates,只要在extension裡面的layout的xml檔案設定就可以了;但是偶爾還是會遇到需要在controller裡面做設定的情況,例如下面的例子:  

Magento 1 模組版本升級設定

本篇文章介紹模組版本升級設定,有的時候模組已經上線了,但之後又有新增資料表欄位的需求,就會需要版本升級,這裡示範Magento模組升級的必要設定。 此範例為0.1.0升級到0.1.1的示範 1.下圖的version標籤內容要設定成要升級版本的版號 2.然後要新增一個檔案upgrade-0.1.0-0.1.1.php

Magento 2 ORM 架構淺談 (3)

在上一次的文章中,我們介紹了Collection 中 Select 子句的應用,接下來要介紹的是使用

Magento 2 ORM 架構淺談 (2)

在上一次的文章中,我們稍微介紹了 ORM 在Magento 內部的關係,也教大家怎麼實作了一個

分享Magento1.9.3.1 Coupon 的Bug與修正方式

此次的BUG是在結帳時候,如果你使用Coupon功能獲得折扣,之後就算取消或者此筆結帳完成,卻仍然一直保有Coupon獲得的優惠折扣,這是在開發其中的一個商業網站QA測試驗收時候發現的,先前的magento專案都沒測出這個問題,所以進而去比對其他專案的magento版本和source code,發現在magento的1.9.0.1和1.9.2.0版本,結帳流程的程式碼沒有一些參數設置和驗證,而1.9.3.1版本多了那些參數的設置與驗證導致BUG的產生。 復原BUG的流程 將產品加入購物車

介紹ORO CRM(二)- 客戶管理功能 – 電商通路

上次我們談過ORO CRM帳號及權限管理 ,本章節我們要來介紹客戶管理功能: 當企業透過多個管道銷售商品或服務時,要如何管理客戶資料就顯得更加重要,若同時透過現下和線上銷售時更是如此。

社群策略是電子商務成功的關鍵

2018來到,對於電子商務的經營者以及行銷團隊來說,掌握趨勢並擬訂適當的行銷策略將會影響企業整年度的營收業績,所以必須制定全方位的電子商務策略。不只要由營運經營出發(成本、通路),還要運用外力,借力使力,訂出完整行銷策略與計畫,才能讓您的電子商務行銷活動成效有具體的成長。   電子商務不可忽視社群行銷 2017以來的社群發展迅速,以往的消費者購買決策已非AIDMA

五個小技巧讓你降低購物車遺棄率

你也面臨這樣的困擾嗎? 顧客將商品加入購物車卻沒有完成結帳,不只有你,相信每個電商人都會遇到的課題-遺棄購物車,事實上,雖然每個產業情況不同,但普遍的購物車遺棄率最低大約是68%,而更值得我們注意的是,根據Salecycle所做的分析報告: 全球五百大品牌在2017年第三季的購物車遺棄率相較於前一個季度提升了1.5%,創下新高來到”78.4%“  

MacOS 升級High Sierra 導致Sass失效

前陣子的MacOS系統由於在安全上有個嚴重的疏失漏洞,而釋出了一份安全性更新。由於此更新是在High Sierra的系統下才會出現的,就在這個陰錯陽差之下不小心將系統往上更新到了MacOS High Sierra,意外地發現了這個問題。在更新之後,Sass壞了!?

如何使用亞馬遜標題搜索廣告? 廣告策略與優點、缺點

亞馬遜標題搜索廣告 標題搜索廣告讓賣家製作展示多達三種產品的橫幅廣告,並將購物者引導至由品牌產品構建的慣例登入頁。 這些廣告以關鍵字定位,顯著地顯示在桌機或行動裝置上的亞馬遜搜索結果頁面的頂端。 但該注意的是,橫幅搜索廣告僅適用於通過亞馬遜品牌註冊處批准的賣家。

如何為成功的電子商務網站提升購物車轉換率

繞了這麼多,在評估一個電子商務網站的成效時,轉換率總是一個不可避免的話題。網站經營者,無論是否透過各種方式吸引消費者進到網站購物,如果消費者都走到了結帳購物車的這一步最後還是離開了不就是為山九簣,功虧一簣。 根據英國Baymard Institue (2017)

Magento 2 ORM 架構淺談 (1)

Magento 除了實踐了許多設計模式( Design Pattern )的精神,也還有其他 Pattern ,像是 ORM 的架構就是其中的一種,今天就一起來了解 ORM 在 Magento 2

Magento 2使用Module建立資料表

 Magento 是一個開源的電子商務購物網站,在客製化的時候,難免不了需要自己新增資料表及各式各樣的欄位,在 Magento 內部有實作了很好用的方法,有助於我們資料表

強大的前端框架工具Bootstrap 3介紹

Astral Web使用Bootstrap 3作為我們的前端框架基礎,以簡化我們的工作且提高開發效率,並在前端和後端開發人員之間進行溝通。 Bootstrap

我愛TMUX

 tmux 是終端機必備的最佳夥伴 我在每台伺服器上都使用它。tmux全名為:terminal multiplexer;tmux以各種方式協助我的工作。

Chrome Devtools 開發者工具功能介紹(network篇)

前端開發最常使用到的開發者工具面板為 Elements Console   Chrome

Magento線上客服模組-使用者安裝手冊

這款線上客服模組是我看過蠻完整的模組,也很簡單上手,依照以下步驟即可完成安裝,本篇文章示範是在乾淨的magento1.9環境安裝的,注意一下如果是客製化過的環境有可能會有錯誤。 此安裝的版本為1.1.2版本(Live Chat 官網)。

Magento 2.x如何管理貨幣

  Magento 2支援多國貨幣轉換,那麼我們要如何在後台管理它呢!  

Magento 2.x 如何修改footer中的copyright

相信很多人在完成一個網站時都會想到修改 copyright,究竟要到哪兒去修改呢? Magento 2一開始修改copyright的地方在後台Stores>configuration

8個強化magento效能的方法

Magento是一個相當複雜的系統,今天就來介紹幾個可以強化它的效能方式:     1.關掉不需要用的運送方法模組,可以強化checkout的效能

清除Magento的Log方式

Magento有一些user的統計資料或記錄,是存在資料庫的,但隨著時間的關係、這一些的資料會變的相當肥大,需要定時做清理。 Magento有相當多的log存在資料庫,隨著資料量的上升, 資料庫的效率會開始變差,所以可以先清除掉這些資料,如果用不到的話!  

Magento1.X和Magento2.X 模組產生器

今天我們要推薦你一個實用的工具叫做Silk Module Creator ,它可以快速產生一個新的Module,要建立自訂的Module的時候是個相當方便工具,可以為你省去不少時間。 Magento

加速magento! 什麼是Zend Opcache

什麼是Opcache Zend Opcache通過opcode做cache,讓php有快的執行過程,它將腳本存在共享內存中供以後使用,避免掉從磁碟讀取代碼進行編譯的時間消秏,同時它還應用了一些代碼優化模式,使代碼執行更快。  

PHP bug:使用fopen函式經由SSH2連接SFTP失效

      原文請參閱參考資料1,此Bug發生於PHP

Magento 2 如何自訂產品目錄連結

通常Magento2產品目錄分類所顯示網址列的規則,是當你在建立產品目錄時系統就會自動抓取分類名稱作為命名,當然你也可以更改目錄網址列顯示的名稱,方法很簡單,只要到後台的設定就可以做到,本文是由Magento2作為教學示範例   下圖為系統自動抓取目錄名稱所顯示的網址,當我們希望網址列顯示可以自訂時該怎麼做呢?  

網頁文字單位 PX,EM,REM的差別: 如何修改Magento2 預設rem

PX: px的最大特色是精準度高,也因為他不知道他是絕對數值,不管你在那種螢幕寬的裝置下看到的字體大小都一樣,屬於最入門款的文字單位。   EM:

Photoshop【App修圖教學】Photoshop Fix 基本介紹

今天astralweb要與大家分享Photoshop

如何使用Magento商品排序方式中的Position

Magento預設的商品排序方式是 Best Value,這個在前台的顯示出來的名稱是 Position。

製作一個你專屬的滑鼠樣式

  RealWorld Cursor Editor

如何新增Magento商品排序的選項

  在Magento商品目錄頁中的【排序方式】,預設有Postion, Name及Price。如果想要新增排序的選項的話,應該要怎麼做呢? 如果想要新增排序的項目、我們必須到商品的屬性(Attributes)去做設定。

如何在後台移除Magento商品排序方式中的Position

在Magento的目錄頁面中預設的商品排序方式是Position,這個選項並不是商品屬性、所以無法使用在管理商品屬性的方法將他移除。   如果想要移除Position這個選項就要到目錄去做設定。  

電商小學堂:電子優惠劵 (E-Coupon)

Coupon(優惠劵)是給持劵顧客在購買商品或進行其他商業活動時,擁有某種特殊權利的優待 ,意思相同或是相近的詞彙有 「折價劵」、「折扣劵」,優惠券存在的目的是以促銷行為來做發放,因此商家一般情況下,是不允許將優惠券來兌換成正常貨幣使用,而是只能針對特定期間或是某些地區之內使用,就像是麥當勞、肯德基或是其他速食業者,會發放coupon劵,提供給客戶在門市消費時,可以有價格上的優惠。 今天電商小學堂主要分享的主題為E-Coupon

MailChimp洞察數據-掌握電子報行銷成效

使用MailChimp發送完電子報,如何評估電子報的成效如何?快運用MailChimp內建的檢視報告功能-分析數據,就可以知道會員對於電子報的反應,更可以作為發報策略或發報內容調整的方針,更進一步尋得商機、掌握行銷關鍵。   開始監測 進入帳戶後點選

ORO CRM(一)- 帳號及權限管理

先前我們介紹了ORO CRM的種種優點,是不是非常吸引人呢? 這次我們要開始來介紹裡面各種好用的功能啦!  

安全性修補通知:使用Magento 開源碼 1.9.1.1的用戶

  主要需進行此項更新的對象為—使用Magento 開源碼 1.9.1.1的用戶

網站測試該注意哪些細節?

當網站建置完成後,緊接著就是檢測階段了,以避免上線後產生的問題;像是客戶進行線上購物的過程中發生無法購買的情況,或使用者體驗不佳而失去購買慾望。那麼在進行檢測時應該注意哪些細節呢? 今天歐斯瑞就和大家簡單分享在進行檢測時應該注意的細節,一起來看看吧!   1.

測試網頁讀取速度與內容多寡

 今天要來測試一個網頁的讀取速度,當中的圖片多寡會影響多少呢?   首先將我們的Astralweb的官網轉出為Html檔,去除了PHP與部分JS的因素並與測試圖片放置在同一個伺服器上,圖片大小沒有固定,扣除外連結的圖片後,我們將分別測試加上額外的20、60與100張圖時,網站的讀取速度會差多少。  

分析數據好幫手,擅用EXCEL查找功能 (Vlookup)

下載了銷售報告(Sales Order Report)後,如何好好的利用Excel進行資料分析,VLOOKUP函數是查找函數,常用於從大量數據或信息中查找指定的值。一般新手,往往對於EXCEL的函數工具感到陌生和害怕。  

akeneo-PIM產品管理系統 (二)系統介面主功能介紹

在前一篇文章 “akeneo-PIM產品管理系統(一)系統介面主功能介紹”,我們介紹了系統總覽、商品管理、匯入&匯出功能以及其他設定(Family、Group、 Categories、Admin) ,但是在Atturbute的功能講解尚未細部講解,在此我們將進一步對Attributes功能做分享,以及教學該如何實際運用,跟上一篇教學一樣,請大家開啟akeneo之Demo網站,一起做實際操作來增加使用的熟悉度。

Chrome Devtools 開發者工具功能介紹-source篇

隨著 JavaScript 應用的複雜性逐漸提高,我們需要藉由更有力的測試工具幫助開發快速尋找問題點,並有效地修復它。除了使用 console

Magento SUPEE-10415安全性修補通知

Magento  SUPEE-10415安全性修補通知 SUPEE-10415, Magento

如何使用composer安裝magento2

Magento 其實支援多種安裝方式,除了一般常見的下載安裝包之外,因為在 Magnento 2

Magneto2 2.2 不須透過指令自動生成pub資料夾下檔案

過去創立一個主題完成後,在後台選取新建立的主題,前台看到的畫面卻還是未載入css的狀態,這時你會下command “php bin/magento setup:static-content:deploy”

Photoshop【App修圖教學】PS Express汙點修復工具

Photoshop【App修圖教學】PS Express汙點修復工具 今天astralweb要與大家分享PS Express汙點修復工具,對於行動裝置使用者方便的修圖軟體,一起來看看如何製作吧!

Photoshop教學【入門篇】後製夜晚效果

Photoshop教學【入門篇】後製夜晚效果 今天astralweb又要與大家分享簡單的夜晚後製效果,這次使用地球的空照圖,一起來看看如何製作吧! ※本教學使用版本Adobe PS

如何在Magento 篩選器中移除目錄及價錢項目

在Magento 的產品目錄頁中、左邊欄位有個篩選器,在預設的Magento 佈景主題包裡、這個篩選器包含了:商品目錄、商品屬性標籤、價錢等。 這篇文章要教大家移除篩選器中的目錄及價錢項目。

akeneo-PIM產品管理系統(一)系統介面主功能介紹

在前一篇文章 “電商管理工具PIM系統介紹 – akeneo”,我們快速的介紹了何謂PIM系統,以及如何判斷公司是否適用akeneo的PIM系統當作解決方案。接著我們將更往下一層級,現在來為大家介紹這個強大的PIM系統功能,了解裡面有甚麼實用功能,以及該如何實際操作運用。

更強大的客戶管理-Magento與ORO CRM

Magento系統發展至今已經將近10年,在電商方面的應用越來越成熟,更在近期推出了全新的Magento Community Edition 2.2版,持續進化各項功能。

網站目錄vs網站篩選器,兩者之間的差異與應用

我們在研究用戶使用一般電子商務網站的行為中,觀察到一般電商網站最嚴重問題之一是過度分類。這發生的原因通常是網站試圖將產品類型放在兩個相互排斥/獨立的目錄中,而不是將兩者合併為可共同篩選的過濾器功能。   以下描述我們測試後,過度分類導致嚴重的可用性問題,包括:  

Magento2測試資料產生工具

        在開發 Magento 的購物商城的時候,常常會需要產生一些測試用的假資料,一方面可以得知開發的頁面是否會跑版,也可以測試自己伺服器的效能是否足夠,是否需要使用更進階的伺服器等級。

Magento訂單管理系統 – 主要功能

Magento除了知名的EC平台之外,針對中大規模企業在訂單管理層面,也提供了非常強大的管理系統,此系統主要為提供公司內部在管理訂單時,能夠非常靈活、快速的處理各種不同類型的訂單,例如到店取貨訂單、配送訂單、分批配送訂單、退貨訂單、換貨訂單等各種訂單情況,並允許你掌控所有的品項的倉庫存量,選擇最佳的出貨地點,來配送客戶的商品,讓公司隨時掌控可銷售的商品庫存量與地點,快速的將你的商品出貨給客戶。  

NetBeans 設定檔匯出&匯入的方式

套用設定檔的好處可讓使用者在不同的電腦上面使用Netbeans都能有同樣的設定同樣的coding style,不會因為換了另一台電腦又要再次的設定自己的開發環境   設定檔匯出

如何利用 Z-pattern 模型 做出更好的佈局設計

呈上篇文章;更多內容介紹請參考: 網頁設計的開始,版面設計–把消費者的視線留在你的核心內容 理想情況下,我們希望使用者首先查看最重要的信息,再次查看第二個重要的信息。因此,重要的元素應該沿著掃描路徑放置,訪客應在正確的時間被提供正確的信息。這點無論是使用任何一種模型都是無庸置疑的。   網頁動線是至關重要的

如何針對 F-Pattern 做出更好的佈局設計

呈上篇文章;更多內容介紹請參考: 網頁設計的開始,版面設計–把消費者的視線留在你的核心內容 針對您的網頁排出優先順序 了解您的網頁的目的,將想放置的內容將重要且希望傳達的訊息排在使用者視線經常停留的位置。另外網頁的頂端往往是視覺停留的重點,所以盡量將最核心的內容放置在頁面頂端。這也是為何標題和導航欄總是很重要 針對快速瀏覽而設定

網頁設計的開始,版面設計–把消費者的視線留在你的核心內容

每次開始一個新的網頁設計專案的時候,會不會有那麼一個瞬間:「這個專案的網頁要從哪裏着手呢?」隨着這種問題而來的,設計網頁佈局時是不是有一些規則可循? 其實網頁佈局在很多時候都是相似的,甚至可以說,有些佈局模式是歷久不衰的。身處在資訊爆炸和科技日新月異的時代,造成瀏覽網頁行為的改變。如何有效吸引使用者的注意力?讓資訊傳遞、行銷達到事半功倍的效果。   歐瑞斯特別針對標準使用者行為,整理了3

Magento官方安全性掃描工具

Magento官方終於在近期推出了自家的安全性掃描工具,還記得在今年年初,我們有介紹過如何用第三方檢測工具Magereport來檢測你的Magento安全性,但現在Magento也推出了官方的檢測工具,並且可以設定排程來自動檢測,不同的網站也能夠設定不同的排程,此外相較於Magereport,Magento的檢測工具不僅檢測安全性封包,也檢測伺服器與第三方套件,功能相當強大。以下就教學如何使用官方的安全性掃描工具吧!   一、註冊

電商管理工具PIM系統介紹 – akeneo

何謂PIM? PIM即為Product Information Management

如何繪製購物網站前端Sitemap 以Magento 2 Demo為例

在網頁設計製作開始前,專案管理或行銷企劃人員會提供一份完整資料給予設計人員,而設計與開發會透過這些資訊與資料來為該專案進行有限度的製作,那這些資料有什麼呢? 一起來看看吧!   前言

官方新版本Magento CE 2.2.0本月釋出了!

本月初Magento官方發布一則訊息,Magento Open Source 2.2.0本版推出,此版本包含數百種增強功能和修復。歐斯瑞這裡從Magento

電商小知識 – 未完成結帳的秘辛

69.23%,這是多數電商網站的平均未完成結帳之購物車的比率。 很驚人嗎? 如此高的驚人的未完成結帳比率,在電子商務日漸發達的今天其實是個必然的結果。 為什麼會這麼說呢?

Magento 安全更新 SUPEE-10266

Magento 為開放原始碼的軟體,因此每當新的安全漏洞或bug檢測出時Magento總部會於24小時內釋出新封包提供給全球用戶,保障用戶們的安全防護。以下為Magento總部針對安全漏洞的部分所提供的更新,歐斯瑞提醒大家請盡快升級您的Magento版本唷! Magento 安全更新

Axure RP 8版本-38個免費又實用的Widget Libraries

Axure 的 widget libraries 包括免費及市售兩種,以下是我們最喜歡的38個免費widget程序列表(和幾個模板),由於某些Library已經不正式支持Axure RP 8,部分功能可能無法完全正常運行,

如何解決Bootstrap 3和PrototypeJS之間的衝突

如何解決Bootstrap 3和PrototypeJS之間的衝突 當我們想要在Magento上使用bootstrap collapse.js時,會發現在展開的時候沒有問題,但是收合時卻是直接關閉、與Bootstrap網站上慢慢滑上的效果不同。這是因為Bootstrap

PhpStorm 開發 Magento 專案的初始設定

PhpStorm 開發 Magento 專案的初始設定

什麼是Wireframe?

今天小編要來與大家分享架設網站初期,一個很重要的元素「Wireframe」。 在開始Wireframe之際,須先了解客戶需求,依不同公司不同業務會由該規劃人員來繪製整理來自客戶端蒐集到的資料,如:網站內容頁,客戶的需求概念等,並將蒐集到的資料與團隊進行內部協調溝通,再進行Wireframe的繪製,根據Wireframe同客戶確認各網頁的功能需求 (屬於專案管理IPEMC的Plan階段)。  

Photoshop【App修圖教學】PS Express色調調整

  今天astralweb要與大家分享如何PS Express色調調整,一起來看看如何製作吧! ※本教學使用版本Adobe

Magento 2 效能優化

其實 Magento 官方的開發文件中有一些建議的屬性值可以調整,調整後可以使Magento 的執行速度變得更順暢

Magento2-教你如何安裝Robots.txt?

Magento2. 三步驟安裝Robots.txt Robots.txt是一個簡單的txt文件,功能是對搜尋引擎制定搜尋規則,也可以說是搜尋引擎與網站間的協議,告訴搜尋引擎那些網站內容可以被索引,那些是拒絕被索引的。 下面將說明如何在Magento2後台管理Robots.txt:

如何使用Zabbix Alert Scripts

建立Jabber Script 從終端測試 配置Zabbix使用Jabber

使用PCA Predict 好處?

PCA Predict 在前兩篇文章當中,小編介紹了PCA Predict

當商品庫存較少、沒有庫存時,該如何配置你的Magento商品庫存?

一般網路賣家在商品庫存不足甚至無庫存之情況下是不允許顧客下單的,而當客戶無法對想要之產品下單,不只造成客戶的消費體驗不佳,對賣家同時亦是一種轉換的損失。

邁向新時代,拓展新視野。歐斯瑞2017視覺設計

邁向新時代,拓展新視野。歐斯瑞2017視覺設計 感謝大家一直以來對歐斯瑞支持與肯定,歐斯瑞服務至今將邁入第十年,為因應時代需求,我們重新規劃了新的視覺形象,一起來看看我們的新標誌吧!   目的:

優化網頁設計-將客戶導向重點頁面

明顯美觀的大橫幅   現代的網頁設計已經變得更加視覺化,讓使用者登進到全屏大橫幅時,可輕鬆查看選單選擇。 但是,所有重要內容發生了什麼事?

Magento2 管理會員密碼安全性

  密碼強度 關於重置密碼 帳戶鎖定

版本控制與GitHub專案建立介紹

什麼是版本控制? 版本控制是一個能夠記錄一個或一組檔案在某一段時間的變更,使得使用者以後能取回特定版本的系統。   版本控制最常用的架構又分為集中式版控和分散式版控

如何評估您的網站處於優勢或劣勢?

隨著網頁開發技術不斷進步,相對地檢測網站的分析工具也得跟進,才足以因應不斷變化的開發技術。歐斯瑞要介紹這款屬於初階入門的檢測網站分析工具Website Grader,好讓您的網站不論是在開發或維護過程中,都能清楚地知道您網站的優勢與劣勢,以便進一步改善您網站的弱點。   Website

PCA Predict-幫助您確認email信箱與電話的正確性

  繼上篇介紹PCA Predict地址的應用,今天要來為各位介紹PCA Predict

Magento2 – 管理CMS, Block, Wiget

一、建立CMS頁面 步驟1.新增頁面 首先進入CONTENT >

PCA Predict工具 幫助您確認地址的正確性_PCA概念

  今天要為各位介紹的這個工具「PCA Predict」它能為大家帶來什麼便利呢? 首先,小編想在這邊先為各位先帶來PCA這個名詞的簡要介紹,PCA全名「Principal

使用 NIPPON COLORS 在茫茫色彩中尋求一點靈感

  還在為了按鈕、文字,或是哪個區塊要用什麼顏色而煩惱嗎?顏色總是選了又選,換了又換,搞到最後都想叫保安!!保安!!這篇就要介紹一個不錯的配色工具網站給各位。   NIPPON

Magento進階應用 – 多品牌電商平台

  在今日,多角化經營幾乎是所有企業的必經之路,除了能夠分散經營風險外,更能有效運用企業內部資源,以多樣化的產品及品牌開發不同市場及客群。   那麼,當企業要進入電商領域時,這麼多的品牌該如何規劃呢?

Magento如何設置有時間性的佈景主題

Magento 可以在指定的日期裡套用特別的佈景主題。例如季節性的活動主題:母親節主題、聖誕節主題。 1.進入管理者後台,選擇 System

如何在Magento 2中生成Sitemap

本章節將告訴您如何在Magento 2裡產生sitemap。 Sitemap可以增加您的網路商店被搜尋引擎搜索到的機會,同時特別設計成可尋找被網路爬蟲忽略的頁面。Sitemap也可以設置為能夠索引所有頁面和圖片。  

原型設計AXURE RP 8 專為企劃提案人員而設計的網頁模擬工具

  一個新的原型標準 紙、筆、圖形編輯器和智慧原型應用程式。 隨著不斷發展的設計標準,客戶對網站和應用程序要求更先進、更複雜的界面設計。

Magento 2 如何更改交易信件Logo

在Magento 2,如果沒有設定自己的信件logo,則會顯示Magento自己預設的logo圖。   預覽信件Logo

CRM超輕鬆-Zendesk Chat線上客服安裝與個人化設定

  Zendesk 在買下Zopim之後,正式為其命名為Zendesk Chat,除了具有線上客服的即時快速與個人化之外,更具有追蹤客服紀錄、蒐集訪客數據、即時監控以及分析管理業務等等之功能。

響應式網頁開發測試工具Sizzy介紹

相信許多前端工程師在開發響應試網頁時,常常會使用一些輔助工具來測試在不同尺寸的行動裝置上所顯示出來的網頁效果是否正常,像Chrome瀏覽器內建的開發人員工具裡就有兼具模擬各種裝置尺寸的功能,對大部分前端開發者而言也是較方便與使用的。   但如果你想要在同個頁面可以看到不同尺寸所呈現出來的網頁效果,以現在前端開發者所選擇使用的工具普遍都是一次只能顯示一種,無法同時預覽多種尺寸。  

WordPress 外掛使用注意事項

在開發WordPress時,常會使用一些實用的外掛程式(Plugin)去幫助我們不管是在功能、外觀、甚至是網站管理上,達到想要的目的。   但並不是每個外掛都能順利地與你的WordPress網站順利相容且運作,小則沒有功能,大則能使網站崩潰!所以在使用這些外掛時有些什麼是該注意的呢?  

WEB API測試工具介紹-Postman

Postman是一款Web

MYSQL Replication教學

在資料庫的建置會有一個很大的問題,就是要做平行延伸及Fail over的問題,如果是Mysq或Mariadb的使用者,就可以透過Relication解決掉資料庫層的這個問題。       *

SSL安裝教學

  Apache :  

如何解決Magento組合商品無法設置價格問題

  很多人在設置組合式商品時會出現無法設置價格的情形,如圖紅圈處: 如此一來組合式商品之價格僅能依據普通商品本身價格帶出來,同時一旦沒有設置價格,組合式商品便無法在前台顯現,以下將教您如何將價格設置欄位召喚出來。  

Magento 2 的投票功能消失了!

在Magento 1.x 裡有個投票的功能,您可以使用他來舉辦票選活動,了解消費者想法! 但是在Magento

Magento2 搜尋關鍵字 / 單字管理

在產品種類與數量眾多的購物網站,如何使客戶能在搜尋關鍵字時,更快速找到自己想要的產品,是購物網站增加訂單量的其中一大因素,今天要來教大家如何在Magento 2 管理搜尋的詞彙以及單字整理,了解大部分客戶喜歡用甚麼字眼來搜尋相關產品,以及該使用率,觀察整理完成後,並集合各種解釋意思或是可能錯字,來引導客人到他們心中確切想要找的產品,例如客戶想找 咖啡杯

使用Google PageSpeed Insights檢測網站速度是否需要改善!

PageSpeed Insights是Google所提供的網站速度檢測工具,Page Speed

打造PHP7與PHP5共存環境(Ubuntu)

現在處於PHP5跟PHP7的交換時代,所以很多人在煩腦不想要裝二個系統,一個是給php5使用一個是給php7使用,當然docker或是vmware可以很解決這些問題,那有沒有更簡便的方式呢,那就是小編現在介紹的方式,請照下面的指定做,就可以無腦處理這個問題了。          新增repository

若Magento排程未正常執行,如何檢查與正確的修正系統設定(以Ubuntu為例)

    安裝Magento免費套件AOE_Scheduler協助檢視資訊。 檢查系統語法是否正確。

如何規劃最佳的商品圖片

商品圖片好壞是影響銷售關鍵因素之一,如何從規劃到完成一張好的商品圖片,透過圖片媒介傳達資訊來說服客戶。歐斯瑞今天與大家分享商品圖片的規劃到完成,一起來看看吧!   一、商品圖片好壞會影響你的銷售 商品圖片好壞是影響銷售關鍵因素之一,也是最先引起視覺注意的地方,是最直接、最迅速傳達您販售商品的途徑,特別是在網路販售平台,不同賣家販售著相似商品的情況下,消費者在瀏覽網頁時,要在短短的幾秒鐘決定要不要點選,而進入你的產品頁面來作更深入了解。

Magento 2:設置Theme Logo

在Magento 2,Logo的檔名與格式預設為logo.svg。當你把一個同為logo.svg的檔案放到對應路徑<theme_dir>/web/images時,系統就會視這張圖為這個theme的logo。(即下圖所標示之處) 在使用客製的theme時,我們也可以藉由宣告來使一張不同名稱且不同格式的圖設為logo。  

Amazon賣家訂單中的“Business Buyer”是什麼意思?

如果你在亞馬遜賣東西,在訂單單號旁你可能會看到“Business Buyer”商業買家”的標籤。 這可以顯示在你的“訂單”標籤或“銷售報表”中。 這個標籤代表什麼意思?

Magento高階應用 – B2B線上下單平台

由於電子商務蓬勃發展,加上線上支付越來越普及,上網購物已經與台灣民眾的日常生活密不可分。 從3C用品、服飾、藝術品、食品、甚至是虛擬商品,各大品牌紛紛推出線上購物平台,全力搶攻線上購物商機大餅。   一般來說大部分的電商都是B2C

Magento2 管理商店

商店分級 當magento 2安裝好的同時,一個包含主要網站、商店(品牌)和商店介面的多層級架構已建立好了 你可以根據你的需求新增額外的架構。舉例來說,在一個主體網站下可能會有不同多個品牌,同時每個品牌又需要不同的語言來應對不同國家,你得事先計畫你的層級劃分,因為這跟你後續的結構設計息息相關。

亞馬遜圖文版品牌描述【Enhance Brand Content】

當賣家完成亞馬遜品牌註冊(Brand Registry)之後,可以利用【圖文版品牌描述】 EBC功能, 添加內容到商品詳情頁面,

如何在Magento 2 使用 Widget建立網站內容

    這篇文章要跟大家分享如何使用小工具(Widget)建立網站內容並將內容放在頁面上。Magento的小工具(Widget)有很多不同的類型,這篇文章要以靜態區塊(CMS static

Magento 2 前台網站開發:部屬靜態資料

在之前 Magento 2 前台網站開發第一步

如何在MAGENTO 2中設置目錄促銷規則-實際舉例說明

    我們在之前的文章有介紹過如何新增目錄促銷規則,若還有疑惑的朋友們,請見此篇文章:如何新增目錄促銷規則Magento2  

什麼樣的網站功能最適合你的公司

如果您是一位尚未踏足電商領域的老闆,請您先閉上眼睛幻想一下自己未來的電商網站該是什麼樣子… “畫面應該要長得很炫”、“應該要很容易找到商品“、”要減少客人猶豫的機會,讓他們快速結帳“、”應該要支援行動裝置“… … 是不是自己也覺得眼花撩亂了呢? 相關文章:一頁結帳,快速結帳的關鍵!

Magento2 匯入/匯出產品、客戶資料

匯入功能 Magento的匯入、匯出功能可以讓您將所有產品型號資料、顧客資料、顧客地址和產品圖片以CSV檔的方式做細部與大量管理。   步驟一:準備資料

Magento 2 商品評論管理

以下將介紹如何操作商品評論相關設定     審核客戶評論與發佈

Magento 2 通知信件管理-忘記密碼的確認信件

通知信件即為系統自動發出的信件,包含註冊成功、忘記密碼、訂單完成、出貨通知等等,商家可依造信件內容進行修改(包含風格修改)。 以下將針對忘記密碼的確認信件來做示範案例   忘記密碼的確認信件

magento 2 : 如何將靜態區塊(static block)的內容新增至頁面(cms page) 中

在這篇文章中、我們要為你示範如何將靜態區塊(static block)的內容新增至頁面(cms page) 中。

亞馬遜圖文版品牌描述【Enhance Brand Content】

當賣家完成亞馬遜品牌註冊(Brand Registry)之後,可以利用【圖文版品牌描述】 EBC功能, 添加內容到商品詳情頁面,

怎麼開啟全Magento網站的SSL

怎麼開啟全Magento網站的SSL 在之前的文章裡,我們聊過網站使用安全連線的重要性。今天,我們要教您如何非常簡單的開啟把Magento網站的全部SSL。 在開始之前,請先確定您的網站已經安裝了有效的SSL憑證。 相關文章:

Photoshop【App修圖教學】PS Express裁切

Photoshop【App修圖教學】PS Express裁切 今天astralweb要與大家分享如何透過行動裝置使用PS Express來裁切照片,一起來看看吧!

如何在Nginx環境下設定Magento Multi-website

這篇文章是要跟各位介紹Magento 1.x版本,在Nginx環境下,如何一步步完成多網站的設定。   1.先來準備一個已經安裝好的Magento,這邊舉例給大家參考的網域是:

如何檢測Magento客户訂單的流程

  隨著時代的變遷,網路購物已成為人們在繁忙的生活中取得最方便、最快速的購物方法,不管是食品、服飾、娛樂等都能在網上購買到。 然而,一個購物網站的好壞與成敗,在在都取決於網站本身的設計是否貼近使用者操作習慣以及功能是否正常。特別是當客戶在您的網站下了訂單並完成付款,卻因為某個因素導致系統沒有接收到這筆訂單或是收到的訂單資訊與客戶實際下單的資訊不符造成誤出商品,而讓客戶感到不愉悅或是有了很糟糕的購物體驗,那麼該如何避免發生這種情況呢? 今天歐斯瑞就來談談在檢測客戶訂單時有哪些流程?本範例以使用Magento為網站來檢測客戶訂單(不包含POS訂單系統整合),一起來看看吧!

Magento 2 前台網站開發的第一步

如果直接在Magento的預設主題上編輯或更改預設的主題內容,當Magento2進行更新過後,你的設定可能就會直接被覆蓋掉,因此本文將教學如何在Magento 2

如何參加亞馬遜閃購促銷活動

Amazon促銷活動中有分幾種促銷活動:Dest Deal, Deal of

Magento 2 結帳流程的優化與設計準則

今天歐斯瑞要來談談Magento 2結帳流程頁面,相較Magento 1.9設計上有哪些優化呢?在設計時需要注意哪些事情? 一起來看看吧!

Magento2 訂單管理

訂單 (Orders) 控制面板 (Order

GA分析與加強型電子商務分析

為了因應日益成長的電子商務趨勢,今天我們要介紹一個比基本GA分析更加強大、更針對電子商務的追蹤功能——加強型電子商務分析 (Enhanced Ecommerce)

Magento 聯絡我們功能啟用多個收件人地址

在目前的Magento的系統中,只允許一個收件人接受聯絡表單的訊息,設定聯絡表單的收件人的位置是在 System->Configuration->Contacts 的 “Send

亞馬遜Amazon美國站/歐洲站/日本站全面禁止測評

    亞馬遜自從2016/9月開始提高買家評論資格的消費額度, 2016/10月時美國站開始禁止賣家以折扣方式或是提供免費樣品請買家提供測評,

2017年QA測試裝置清單

  2016年已畫下句點迎向2017年了,在2016年裡部分舊機型也逐漸被淘汰掉,而新款智慧型手機與平板仍舊不斷地推出,那麼在新的一年裡不管是形象網站或電商網站所要測試的裝置、瀏覽器或系統又有哪些變動呢? 在這裡歐斯瑞整理出2017年QA測試裝置清單圖表(圖表所列為大眾常用的設備、系統、瀏覽器…等,實際還是請以供應商提供的為準)。  

使用Google Fonts 向 “新細明體” 說再見

  想讓網站看起來不一樣嗎,其中文字就佔了很大的比例。不想再用預設的字型,但搜尋出來的結果卻多到不知所措。亦或是還在開wold一個一個試嗎?使用Google Fonts簡單的解決這個問題! Google貼心地準備了很多有趣及具特色的字體提供大家使用。透過Google

如何封裝與安裝 Magento 2 語言包

封裝語言包: Magento 2 的語言包是一個壓縮檔案,裡面包含資料夾結構與必需的檔案

Photoshop【App修圖教學】PS Express

今天Astralweb要與大家分享PS Express的濾鏡,非常簡單喔,一起來看看如何製作吧!   基本的環境介紹可以參考:Photoshop【App修圖教學】PS

使用Magereport檢視你的 Magento 網站安全性與漏洞

此影片向大家分享一個非常實用的網站 Magereport.com,這是網站可以幫助你檢視目前 Magento 1與Magento

Magento2 備份系統與資料

本文章主題: 備份系統與資料   選擇欲備份的資料

Amazon如何打造產品詳情頁面

創建共同商品詳情 當新增產品的時候, 如果是不同賣家但銷售相同產品, 也就是說該項產品已經有賣家在亞馬遜銷售過,

使用sass定製你的bootstrap css

本篇文章要跟大家分享如何使用sass定製你的bootstrap

讓你的Bootstrap下拉選單可以支援多層選單

Bootstrap 3.x 的下拉選單只支援到第二層、如果您需要多層選單的話、可以試試加上底下這支

Photoshop【App修圖教學】PS Express基本介紹

今天Aastralweb要與大家分享PS

Magento2 基本運費設定

  免運費 固定運費 表單運費

如何使用軟體工具測試網站問題

相信現在有很多人都有架設網站的經驗吧?不論是部落客,自己架設網站伺服器,使用網路服務開站,不過問題來了,很多時候網站出問題時,不是技術人員的你,是否有辦法透過一些工具協助做初期問題判斷呢?今天就3個方向的問題介紹3個免費的工具軟體給各位。   1.網站壞了,打開瀏覽器說找不到網頁。  

Photoshop App【Mix / Fix / PS Express / Adobe Sketch】概觀

出門在外只有手機或平板,卻又需要比較強大又免費的修圖軟體,Adobe推出一系列好用的App,本文將介紹Adobe Photoshop Express、Adobe Photoshop Fix、以及Adobe Photoshop

使用Letsencrypt時的注意事項

  以下內容以伺服器主機作業系統為Linux,使用Nginx為前提來進行設定,這邊說明的是在已完成https的設定,若是如何在伺服器使用Letsencrypt簽署SSL,請參考讓網頁連線加密(https)!如何讓網頁伺服器取得免費SSL憑證(Let’sencrypt)。   以下的範例設定若字體為藍色,請參考您自己的設定檔檔名或路徑修改。

Magento 2 促銷設定(一) – 目錄促銷規則

    文章概要: 目錄促銷規則

前進亞馬遜你準備好了嗎?人力需求篇

想要前進亞馬遜你準備好了沒? 面對越來越強大的亞馬遜, 你心動了嗎? 以下和大家分享的是投資亞馬遜需要的人力需求以及工作內容的說明,

Magento 在Template檔案(.phtm)呼叫CMS Block

今天要向大家分享如何簡單快速在 Template 檔案中直接呼叫 CMS

Photoshop教學:【Camera Raw】變形修正-2

之前與大家分享過Camera Raw變形修正的工具,今天astralweb要與大家分享此工具對不同範例的應用,一起來看看如何製作吧! ※本教學使用版本Adobe Photoshop

Magento2 報表操作指南

本文章主題: 報表種類說明 操作指南 刷新報表數據

Google Web Designer教學-視覺化設計開發速成工具

有鑑於行動裝置蓬勃地發展,設計廣告、網頁製作、網頁動畫等在提供跨平台使用特性上也相對地變得很重要,Google Web

何謂Amazon FBA

FBA 英文全名為Fulfillment by Amazon, 是亞馬遜提供的代發貨業務,

Magento進階應用 – 打造跨境電商

Magento是一套成熟且在全球被廣泛使用的電子商務系統,可針對不同的應用來進行客製化或是系統整合,打造自動化的電子商務流程。 但你知道嗎?Magento還有一個相當重要的功能,就是非常適合做為跨境電商的平台。 究竟有哪些特點呢?以下我們將一一來做介紹。 1.支援設置多種語言、貨幣及稅率

Magento2 商品管理(四) – 進階設定

  進階商品價格 關聯商品 進階庫存

Magento2 商品管理(三) – 基本設定

基本欄位說明 圖片設定 影片設定 SEO優化

Magento2 商品管理(二) – 新增商品(下)

Magento2 商品管理(二) – 新增商品(下)

Magento2 商品管理(一) – 新增商品(上)

商品類型 新增商品 普通商品 可配置商品

小心髒牛! Linux的安全性漏洞

Magento 在十月二十六日公布一項名為“髒牛”(Dirty COW)的重大安全性弱點並提醒使用者儘速採取處理措施( https://magento.com/security/vulnerabilities/new-linux-operating-system-vulnerability

如何製作阿拉伯語、希伯來語等由右向左的網頁

如果您需要製作阿拉伯語、希伯來語、印度語等這些由右向左的網頁、底下是必備的基本資訊。   修改文字方向  

Magento 2 中文版使用教學 – 管理者權限

文章概要: 新增權限角色(Roles) 新增使用者(Users) 分派使用者至權限角色內

Magento 透過指令停用 Compilation

Magento 透過指令停用 Compilation Magento

Magento 原廠針對企業版及社群版用戶發布重大安全性更新

受到許多跨國電商公司愛用的Magento在10月11日發布了重要的安全性更新訊息。 這次的更新編號為SUPEE-8788,旨在強化Magento企業版1.14.3以及社群版1.9.3之前版本的安全性以抵抗資料庫隱碼攻擊、cache poision等重大問題。 使用較舊Magento版本的電商網站可以安裝SUPEE-8788安全包或升級到企業版1.14.3以及社群版1.9.3。

Magento2 建立中文翻譯語言包

今天歐斯瑞要教大家在 Magento2

提升MySQL大數據效能(Partition)

隨著使用的時間、資料庫的資料會日漸提升,慢慢的效能就會變的很差,所以我們要將大數據的資料表做分割,讓每一個資料表變的小一些、去提升資料庫的查尋效率。本文將介紹目前分割資料的二種方式,水平分割(Horizontal Partitioning)和垂直分割(Vertical

蘋果在App store上推出了搜尋廣告!

  (廣告於10/5正式啟用,對於投放第一則廣告的用戶,蘋果將給予100美金作為獎勵)   經過了今年六月份的測試,蘋果終於正式推出了搜尋廣告給apps的發行商與開發者,但目前只在美國地區的iPhone與iPad啟用。

Magento正式宣布與 Adobe 合作,打造新型企業電商銷售體驗

2016年9月26號,Shop.org電子零售高峰會盛大舉行,世界級電商領導平台與雲端解決系統Magento 在會中正式宣布跟Adobe成立新的合作夥伴關係,共同為電子商務系統設計多管道的企業電商佈局,提供創新,穩定的客戶體驗。 Magento 總監,Mark

YOUTUBE品牌浮水印實作教學

YOUTUBE提供品牌浮水印功能有好一段時間了,它可以在您所有影片的右下方,加上屬於您的LOGO或圖形,而我們在製作這樣的圖片時需要考量以及注意些什麼呢?

如何修改Magento 2的模式設定

Magento 2 的三種模式  

MYSQL vs MariaDB

自從MYSQL被Oracle 接手之後每況愈下、所以Michael Widenius 決定fork一套出一套用他女兒命名的資料庫,叫

WordPress 如何解決分頁套件(WP-PageNavi)與多語言功能衝突

今天介紹的是Wordpress的一個提供分頁功能的套件,在有些必要狀況下,我們必須讓他還原設定到預設(透過語法),例如多語言環境,而且部分功能會變為無法使用,底下會細部說明。   WP-PageNavi是一個很好用的分頁套件,他提供後台介面供管理者簡單的設定分頁功能想要顯示甚麼字。 呈現的畫面如下

啟動你的電子商務事業(一) – 基礎篇

如何開始你的電子商務人生? 電子商務、EC、Ecommerce專有名詞這麼多到底是什麼? 我到底適不適合電子商務? 不用擔心,現在就讓歐斯瑞來帶領你進入電子商務。

無線投影與串流媒體接收器Reflector 2使用介紹

Reflector 2是一款錄影工具,當你在手機、平板或是電腦上操作時,能將螢幕影像以無線方式傳輸到Reflector,也可以與Google

Magento 報表系統所使用的資料表

在 Magento 中有內建許多種的報表,在使用 Magento

Photoshop教學:【Camera Raw】透視修正

Photoshop教學:【Camera Raw】透視修正 今天astralweb要與大家分享使用Photoshop CC

如何開啟 Magento 2 的樣板路徑提示功能

如果要在Magento 2 找出負責某一個區塊的的檔案時,可以使用Magento 內建的樣版路徑提示功能,可以幫助我們快速找出相關的檔案。底下就是在Magento

不受平台與瀏覽器限制的測試工具BrowserStack

當網站建置完成後,便是要開始進入測試階段。而在進入測試階段過程裡多少都會在不同平台、瀏覽器上測試,但其實這是件滿困難的事(特別是網站有響應式設計),畢竟不太可能在同一台電腦上安裝不同版本的作業系統與瀏覽器,或是買入各廠牌不同型號的智慧型手機及平板來逐一進行測試。   所以今天Astralweb就為大家介紹BrowserStack這個測試工具,在這裡分成桌機和行動裝置來做介紹,一起來看看吧!  

購物網站設計趨勢(四):輕鬆找到商品,選單就是篩選器!

歐斯瑞今天要與大家談談有關網頁選單結合篩選器,並分享一些案例,看看他們快速找到商品的方式,一起來看看吧! 當商品到達一定數量或商品類型不同時,就會需要將商品作分類,讓使用者可以依照分類來選擇,商品篩選器可以幫使用者繼續過濾當下不想要的商品,也就是透過一層層分類,來選出想要的商品。根據不同的商品數量、類型和客戶群等,所制定的分類方式與所使用的篩選器也就有所不同,要注意讓使用者的操作過程越輕鬆,越能讓你的商品賣出去!我們在前面文章中提過關於選單設計趨勢的多樣性,以設計的角度來看,選單的選擇方式其實就是一種篩選機制,今天先從幾個選單與篩選結合的案例作分享,看看這些品牌利用選單達到篩選的效果。

如何使用 Sass 開發專案

今天來談談如何用Sass來開發專案,包含開發前的安裝作業。 開發前我們大概了解一下為什麼要用Sass開發 Sass是一套生成CSS的工具,支援變數、函數、繼承等功能,讓我們更輕鬆地組織及維護CSS樣式表。比起用傳統的CSS慢慢撰寫,用SCSS開發真的可以節省掉很多時間。  

如何在Magento 2 執行Reindex

在Magento2內,要如何執行Reindex呢? 讓我們一起來看看吧! 在安裝完Magento2之後,第一次進入後台,Magento馬上送給我們一個驚喜。 “One

Magento 進階客製化應用 – 審核與記錄功能

Magento 平台提供了非常豐富的商品上架功能、網站內容管理以及促銷功能,不過也因為功能眾多,在設置時需要格外注意是否有遺漏或是輸入錯誤,以一般中小型公司來說,可能在輸入過程中多檢查幾次即可。但若是在規模較大型的公司或企業來說,可能就會需要更進一步的檢驗機制了,這樣的機制在 Magento 中要如何實現呢?

Photoshop教學【入門篇】PS的取代文字與檢查拼字

相信大家都使用過Word裡的取代文字的功能吧!其實Photoshop也有取代文字功能喔!當我們做好畫面時也可以使用這個修改喔,一起來看看如何製作吧! ※本教學使用版本Adobe Photoshop CC

安裝完 Magento2 之後,ICON不見了怎麼辦?

您有沒有這樣子的困擾,在安裝完 Magento2 及 sample

如何設計 Magento佈景主題 (2) – 使用sass開發

上一篇 我們教大家把 Magento佈景 主題的基本環境設定好了,今天來談談如何使用sass來開發

如何設計 Magento佈景主題 (1) – 開發前的準備動作

歐斯瑞準備了一系列「如何開發 Magento佈景主題 」的文章,這一篇文章首先要帶著大家一起進行正式開發前的第一步 ー

Photoshop教學:【基礎篇】製作燈塔投射光效果

今天astralweb要與大家分享使用Photoshop CC

使用SelectBoxIt.js自訂你的下拉選單

CSS無法影響下拉選單展開的選項,如果希望自訂選項的樣式,我們需要使用一些外掛來改變下拉選單的結構,SelectBoxIt.js就是其中的一個選擇。SelectBoxIt.js

如何修改Google Analytics 網站速度的取樣率

Google Analytics 有個網站速度的功能可以追蹤單一個網頁從點擊連結到在瀏覽器上完整顯示的時間。 在預設的情況下,Google

Windows內建的錄影工具-步驟收錄程式

Windows內建的錄影工具-步驟收錄程式(Problem Steps

Magento使用多種貨幣在報表中的呈現

Magento 可以很方便的新增多個網站與多種貨幣,在我們使用多種貨幣的情況下,在 Magento 的報表中會怎麼呈現呢?

EDI電子資料交換

EDI是Electronic Data

2016下半年QA必測清單

2016年已悄悄地過一半了,在這段時間歐斯瑞也測試了許多不同的網站,每個網站所想要的需求也都不太相同,再加上現在智慧型手機、平板不斷的推陳出新,各家規格與系統都一直在做更新與改變,相對的所要測試的範圍就變得非常的廣。歐斯瑞在這裡為大家整理出2016年下半年QA必測清單(表中所列為較普遍常用的,系統部分請以各廠商所提供之版本為主),提供給大家作參考。 上表僅是提供大家一個QA必測裝置、解析度等等的參考方向,當然,您也可以依據客戶要求或是該網站中較多使用者使用的系統、瀏覽器…等來進行測試。   以上是2016年下半年度QA必測清單,如果您有任何問題,歡迎您與我們聯絡!

如何關閉Magento不使用的功能 (Wishlist, Review)

Magento原生系統中已經有許多建置好的功能,在功能方面可以滿足大多電商使用者的需求,但是如果有些功能是目前不需要的,我們該如何將這些功能不顯示呢? 下面文章向大家展示如何在Magento後台操作關閉不需要的功能,以願望清單 (Wishlist) 與

Photoshop教學:【CC好好用】響應式設計好幫手Device Preview

在設計響應式設計時,我們會需要放在裝置上來看看實際上的大小是否合適,而Photoshop CC 提供一個在裝置上即時預覽功能,一起來看看吧! 1.

一次搞懂AS2!

在個人電腦普及的今天,紙本書信已漸漸減少,取而代之的是以網際網路為基礎的電子文件傳輸/交換,舉例來說像是E-mail,即時通訊軟體等等。而企業與企業之間的溝通上,為節省成本及時間而漸漸改用無紙化作業,一切資料往來盡可能使用電子的方式傳輸。 然而,問題來了!由於網際網路的普及及方便性,且任何人都能夠使用,資料在傳輸時有被竊取的風險,甚至可能發生有人假冒你要傳輸資料的對象的情況發生,嚴重威脅企業的資安保密。   那到底該怎麼辦呢?!難道要放棄回去改用傳統紙本文件嗎?!

Photoshop教學【CC 影片編輯】圖層樣式動畫

今天astralweb要與大家分享使用Photoshop CC

Github如何在二階段驗證啟用時進行版本庫的更新

因為網路安全性越來越受重視,當然各種網路服務也都為了加強而增加各式各樣的防護,就例如二階段驗證。 過去上網只要登入帳號密碼,後來為了防止被暴力破解登入,多出了驗證碼;而最近很多網站服務又多了大家都已經很耳熟的二階段驗證,簡單來說就是登入後再透過手機簡訊或是撥免費電話號碼解鎖的方式,讓帳號安全更多一層保障。 只是問題是,二階段驗證的模式是增加了安全性,可是有很多時候,帳號會有別的功能用途,技術上是無法透過二階段驗證的方式來使用的,就例如今天的例子,Github版本控制。 Github的帳號如果設定二階段驗證,想要推送版本時,會出現驗證不通過的錯誤:

讓網頁連線加密(https)!如何讓網頁伺服器取得免費SSL憑證(Let’sencrypt)

HTTPS是Google 搜尋結果排名考量因素之一,Chrome 64 版本更把沒有HTTPS的網站列為不安全,現在就用Let′s

關於PayPal支付,你該知道的七件事情

相信大部份人對於PayPal這間公司應該不陌生,它提供了一個非常簡便的付款渠道,且支援大多數的國家付款,對於有跨境電商需求的廠商來說更是非常便利。但是,關於PayPal的一些小知識,你都清楚了嗎? 以下我們將列出幾個使用者經常會提到的問題:   1.

簡易SEO入門(三)-SEO是在網路成功的關鍵因素

SEO是在網路成功的關鍵因素 不斷變化的SEO 當搜尋引擎在1990中期開始出現後,手動提交內容(manual submittion),Meta

簡易SEO入門(二)-Crawling & Indexing

  搜尋引擎有兩個主要的功能:抓取(Crawling)跟索引(Indexing)。為了解答用戶的疑問,藉由抓取WWW網路上幾十億文檔,網頁,文件,消息,影片,媒體等等,並提供正確的索引,來提供給搜索用戶最相關的回覆和網站排名列表 Crawling(抓取)跟Indexing (索引)

如何備份Magento的系統與資料

備份是非常多人常常會需要做的動作,像是學生時代需要備份學期報告、上班時需要備份電腦資料等,尤其像是伺服器、系統等資訊檔案,更是需要定期備份,或是在進行二次開發時以及資料轉移時,也都需要進行備份的動作。 下面我們就教大家在Magento上如何快速備份資料 首先登入你的Magento後台,並進到 system

HTTPS 跨時代的網路資安新方法

在數位世界中,如何確保個人隱私的保密及安全一直是大家都非常關注的議題。同時,電商經營者也希望藉由安全性能的提升,確保他們的客戶能享有最安全的瀏覽及購物經驗。 從過去的一年到最近,有幾起關於保護個人數位資訊隱私的新聞值得讓我們留意:FBI要求Apple提供破解iPhone的程式但遭到後者拒絕、知名通訊軟體WhatsApp將所有通訊內容改為使用加密連線傳輸、極受歡迎的部落格平台wordpress.com將所有註冊在其網域下的部落格改為HTTPS連線、甚至搜尋引擎巨擘Google也宣布將會對全站採用HTTPS連線的網站提升排名。這些全球知名企業對於資訊傳輸安全性的重視實質上反應了使用者的需求。

簡易SEO入門(一)

什麼是SEO? 搜尋引擎優化(以下稱SEO)是一種行銷學科,著重於網站在排除使用付費廣告的因素下,用其他方式增長網站在搜尋引擎上能見度。SEO包含了技術和創意元素,完整的SEO須有效地結合兩者來達到網站的排名提前,流量增長,以及有效的讓搜尋引擎認知網站功用來提供更好的搜尋結果。SEO可以掌握的變因十分多元,從頁面上的文字顯示方式到其他網站如何連結到你的網站等等…也可以理解為SEO是一種確保網站結構正確直至搜尋引擎可以完整理解的一種技術。 從另一個角度看,SEO不僅僅是構建搜尋引擎友好的網站,而是構建網站讓人們更容易去找到進而為使用者提供有效的資訊與協助。

行銷好幫手!Chrome GA Debug插件

  相信不少剛接觸Google Analytic的朋友,常常遇到設置完追蹤事件,卻無法在報表中看到數據的情形,想要Debug卻又不知如何著手,尤其是當追蹤事件非常多的時候,要找到錯誤點更是令人頭痛萬分啊! 今天我們就要來介紹一款簡單好用的Chrome小插件——GA

購物網站設計趨勢(三)-手機版網頁首頁設計

我們之前談過手機購物網頁設計的趨勢與重要性,今天歐斯瑞要談談手機版的購物網站首頁設計,並分享一些案例,一起來看看吧! 現今設計趨勢   頁首高度縮小,並將頁首或選單保持在畫面上方

Photoshop教學【CC 影片編輯】調整影片色調

今天astralweb要與大家分享使用Photoshop CC

幫你的sass專案加上Autoprefixer功能

  Autoprefixer是一個自動幫CSS加上前輟詞的工具,如果你習慣使用compass 來watch你的sass專案,你可以用底下的方式來幫你的sass專案加上Autoprefixer功能。 Step

Magento CE V.S Magento EE自家兄弟比一比

先前我們曾經撰寫過Magento與其他電子商務平台的比較文章,但你知道嗎?其實Magento本身也分成兩種版本,一種是被廣泛使用的社群版Community Edition(簡稱CE),而另一種則是企業版Enterprise Edition(簡稱EE) 那兩種版本究竟有什麼差別呢?

購物網站設計趨勢(二)-電腦網頁選單設計

購物網站選單的呈現方式不盡其數,透過之前分享的內容,我們了解手機購物網頁選單設計的趨勢,今天歐斯瑞要談談電腦版的購物網站選單設計,了解一些大品牌是如何呈現的,

Photoshop教學【CC 影片編輯】調整影片尺寸

今天astralweb要與大家分享使用Photoshop CC

Photoshop教學【CC 影片編輯】調整影片速度

今天astralweb要與大家分享使用Photoshop CC 2015來調整影片速度,一起來看看如何製作吧! ※本教學使用版本Adobe

Magento 交易信件常見問題

Magento 系統有提供發送交易信件,透過基本的設定您就可以輕鬆的使用交易信件功能,但是在設定完成之後,Magento並沒有發送我們所設置的信件,以下分享幾個在Magento中設定交易信件會遇到的問題: 1. 未設置SMTP功能

SASS的二種註解方式 /* */ 與 //

SASS的註解方式有二種:多行註解及單行註解   多行註解 使用多行註解時,註解起來的訊息會在一併輸出在CSS上

手機網頁選單設計-購物網站設計趨勢(一)

軟硬體發展快速,網頁的設計方式必須不斷更新,網頁設計中有許多設計元素會影響使用者操作,其中選單是引導消費者到達產品頁面很重要的媒介,歐斯瑞今天要先從選單設計談起,現今選單的設計趨勢,並透過幾個知名品牌網站與大家分享,這些品牌他們是怎麼讓消費者更容易找到想要的產品,一起來看看吧!   手機網頁設計方式必須一直求新?

如何在Magento設置組合商品

  Magento提供了許多商品類型,其中組合商品能允許客戶自由搭配各個商品選項,來組成一套自己想要的商品,而不用花費太多的時間來從目錄中找尋各別的商品選項,例如在選購相機組,你可以選擇主機、鏡頭、相機包、相機帶、電池數量、保固時間等,而其價格可依據各個商品選項的不同來帶出,或是採用固定金額來銷售的方式,藉此可幫助提升網站的轉換率。 首先必須新增此組合商品內的所有商品選項,因為組合商品並沒有獨立庫存管理,都是由普通商品內所帶出的數值,所以我們必須先新增各個普通商品,請參考如何上傳商品? 來新增普通商品

Magento二三事,你不該使用套版的三大理由

試想,當你在逛街的時候,看到一間裝潢乾淨大方、動線分明、商品整齊陳列的店面,跟另外一家裝潢花俏、可是走道空間狹窄、商品陳列分類不清楚的店面,你會選擇哪一家進去消費呢? 我想答案應該大多是前者,或者至少在逛完後者後,會覺得前者比較好。 網路商店也是一樣,網站的視覺設計、讀取速度、操作流程、是否易於找尋商品往往左右了網站的銷售量,這也是接下來我們要告訴你,為何不該使用套版的三大理由。 第一點、使用套版一定不完全合身

Photoshop教學【CC 影片編輯】將影片加入音訊

今天astralweb要與大家分享使用Photoshop CC

Photoshop教學【CC 影片編輯】儲存循環播放GIF

今天astralweb要與大家分享使用Photoshop CC

搜尋引擎優化(SEO) – 用站內連結(Interlinking)提高自然搜尋排序

關於搜尋引擎優化(SEO),歐斯瑞曾經寫過許多文章,跟大家分享實用的免費SEO工具以及入門方法。通常我們協助客戶進行搜尋引擎優化的時候,主要會區分為站內優化與站外優化兩大方向來做優化。今天我們要再介紹如何使用站內連結(interlinking)來提高自然搜尋的排序。簡單的說就是將您網站的重要關鍵字於網頁內容中建立站內連結(interlinking),來看看我們怎麼做的吧。   當您進入歐斯瑞官網當中的資訊分享,可以看到我們已將所有文章依照服務項目進行分類,並且透過文章分類下方的連結(interlinking),您可以快速點選想要深入了解的類別。  

電商網站常見錯誤Top 10

在前幾篇分享文章裡和大家分享了一些有關在測試電商網站時,可能會偵錯到或是較常見到的各種錯誤,不管是畫面或功能方面,或者是所使用的設備與瀏覽器…等等。特別是當一個電商網站有做響應式網頁時更應該要小心謹慎地測試,以避免在其他行動裝置上瀏覽網頁時發生跑版或是功能有問題的情況。那麼到底有哪些是很容易不被注意與被忽略的呢? 今天歐斯瑞的測試人員J整理了在測試電商網站時,十大常見的錯誤給大家參考 下面例舉幾個最常犯的錯誤,並提供範例圖與說明讓大家了解  

電商網站的整合測試

系統整合主要是把在不同系統和設備上的不同功能串連起來,形成一個資料往來的交流管道。簡單來說就好比從A山到B山,勢必要有一座橋樑來連接兩座山以便往來。就連現在大部分的購物網站也不例外,舉凡ERP系統整合、金流系統整合、物流系統整合…等,都會將所要使用的系統整合串接起來。 所以今天就以Magento與金流系統做整合為例,那麼該如何檢測呢?流程畫面如下:   簡易流程示意圖

WordPress 4.4 版本開始支援響應式圖片

新釋出的wordpress4.4版本開始支援srcset 及 sizes標籤的使用,這使得wordpress能夠依瀏覽器的大小顯示適當尺寸的圖片。假使我們在文章中插入了全尺寸(1500×600)的圖片。使用者在行動裝置上看到的圖片會使用較小的圖片來替代,只有在電腦上才會看到的全尺寸的大圖片。這個新功能可以減少流量的傳輸、加快網站的載入速度。  

網頁版面快速調整工具:快速移動瀏覽器物件

今天astralweb要與大家分享快速更改網頁上物件的位置,可以省去PS的時間,也很快速,一起來看看如何使用吧!   在某些情況下,我們只需要對網頁上的物件位置做調整時,但我們只是想要看看結果如何時,不仿考慮使用這種方式來節省時間吧。但僅限運用在物件位置移動,而縮放、刪除、裁切等,它是做不到的喔! 對於一般民眾不需要使用影像處理軟體,即可做修改,對於網頁設計師來說,省去捕捉畫面、開啟PS、去背、裁切、存檔等步驟,快速做修改。

Magento常見需求 – 電子發票篇

在台灣,購物時索取發票是稀鬆平常的事情,但隨著電子商務的興起,開立紙本發票似乎越來越不符合現代趨勢,也不利於環保,因此政府從大約2010年開始推廣電子發票的服務。   什麼是電子發票呢?  

Photoshop教學:【CC 好好用篇】內建快速光源效果

今天astralweb要與大家分享使用Photoshop CC

Magento 商店設置:讓商品加入購物車後的畫面繼續停留在原來的頁面

在Magento商店的預設狀態下,當消費者挑選好商品加入購物中之後,頁面會跳轉到購物車的畫面。如果想要繼續購買其他商品則需要點擊「繼續購物」(CONTINUE SHOPPING),再回到商品頁面。對於消費者來說、這種不斷進出購物中的頁面還真的有點煩人。 您有沒有想過讓頁面停留在原本的地方、不要跳轉到購物車呢?這篇文章就要教您如何透過Magento後台的設定,在商品加入購物車後,讓頁面不要跳轉到購物車畫面、繼續停留在原來的畫面。  

如何在Magento設定目錄深度

*關於Magento 2 目錄深度如何設定請看這篇文章 在購物網站上,常常會依照商品的商品類別、商品品牌、商品效用等各種屬性來分類目錄,而根據目錄內的商品數量,會設定多層的目錄分類,讓客戶能夠順利的利用目錄來找到需要的商品。

如何在Magento設置組合商品

當許多相關商品經過設計後擺放在一起時,會大幅提升他原有在客戶心中的價值,雖然客戶只要選購其中的一項商品,但客戶在購買意願上已大幅提升,藉此達到提高銷售量的目的,許多產業再販售商品時都會使用這種方式,例如傢俱、 服飾、行李箱、花瓶、裝飾品等,而這時你就可以使用Magento的”組合商品(Grouped Product)”來幫助你。  

電子商務指南 – 產品資訊管理篇

在這個資訊傳遞飛快,新穎產品層出不窮的年代,產品的即時更新及上架,絕對是影響客戶購買的一個重要因素,尤其是網路商機崛起,消費者更不止要好的產品,更要快的產品。   那麼,問題來了,當你有許多實體或是網路虛擬通路時,要怎麼即時更新所有通路的商品與資料呢?難道要用人力一個一個去改嗎? 當然不是!

Sass的註解功能,讓除錯工作變得更簡單

如果Sass生成的CSS檔案、不如你所預期的,你要怎麼知道是哪邊出問題了呢?Sass有一個註解功能、這個註解功能的預設狀態是開啟的。 在註解功能開啟的情況下、生成的CSS檔會長得像這樣: /* line

如何修改Sass的輸出樣式

在網站的開發階段、我們通常會將CSS樣式表展開、方便查找代碼。但是當網站要正式上線的時候、我們又要將CSS檔案最小化、減少檔案大小。在以往單純使用CSS開發時、我們也許會使用一些線上工具幫忙轉檔,現在我們使用SASS開發、只要修改專案的設定、馬上就能變更輸出的樣式。   Sass 共有四種輸出樣式

【歐斯瑞新年大紅包】免費新年圖標/套件下載

又來到喜氣洋洋的農曆新年囉! 歐斯瑞特別提供EPS向量圖標與CSS特效開放大家下載使用,歡迎大家自由運用,歐斯瑞祝您新年快樂! eps檔下載  

網頁錯誤排名大拼比!(網站測試)

當完成一個電商網站後,最主要的便是測試網頁內容是否一致、功能是否正常運作,以及測試在使用不同的作業系統和不同的瀏覽器進行網頁瀏覽時,其網頁是否有發生跑版、文字設定或者是發生圖形不符合原設計(即客戶確認定稿)…等等的情況產生。   在開始例舉示範說明之前,在資訊分享裡有一篇QA人員你做對了嗎?- QA

8招提高網站轉換率,助您拿下美國市場

歐斯瑞強調提高網站轉換率的重要性,因為我們重視為網站 (客戶)提高實際獲利。所謂轉換就是網站訪客在網站裡完成的對於商家有價值的動作,對電子商務網站而言,網站訪客下單完成購買即為一次轉換。現如今電子商務網站幾乎都是提供跨國販售服務的,今天我們要跟您介紹提高美國市場轉換率幾個有效做法:   建議您的網站做到以下幾個重點,優化美國市場轉換率

幾個你不可忽略的2016全球電商趨勢

2016年如火如荼的展開,全球電子商務市場正蓄勢顯著的增長。但是並非所有地區都體驗著同樣的成長,各區域在電子商務部分到底有多少不同呢?下面就讓我們看一下全球電子商務的發展趨勢。   美國正積極的尋求O2O的虛實整合 根據eMarketer對美國市場的預測,行動裝置的購買將佔全部電子商務銷售額的22%(近四分之一),亦即影響著將近1萬億美金零售交易。這種影響一直延伸到不只是在線上進行購買而已:買家傾向在網上研究產品,檢查產品可用性,並希冀方便地藉由自己的行動裝置確認商店位置來進行實體店面的購買。正因為如此,美國消費者期望在未來有著更高程度的虛實整合。

使用Tag Assistant幫您驗證GA追蹤碼是否正確安裝。

當您在網頁上安裝好Google追蹤碼之後,要怎麼確認是否正確安裝。你可以試試這個工具:Tag

如何在wordpress網站使用自訂維度進一步分析您的網站

如果您本身也有經營wordpress網站,是不是曾想過這個問題:在您的網站中、那一類的文章比較受歡迎?如果您的網站有多位作者,是不是也想過:讀者比較喜歡哪位作者寫的文章?   Google Analytics是許多人分析網站時最常採用的工具。除了一般常用的指標外,GA

Photoshop教學【CC 影片編輯】開啟檔案與儲存影片

今天astralweb要與大家分享使用Photoshop CC 2015作一些簡單的影片剪輯,在做簡單的影片編輯時,可以考慮使用PS編輯,一起來看看如何製作吧! ※本教學使用版本Adobe

初入電子商務,品牌電商打造指南

  近年來電子商務蓬勃發展,市面上有越來越多的電商平台,提供簡便的方式,使人人都能夠輕易的在網路開店,不少原創品牌如雨後春筍般冒出,像是OB嚴選、Life8、Shopinfluxx等等,網路購物的商機日益增長,行動裝置的普及正悄悄的改變人們的消費習慣,一場前所未有的銷售革命正在你我的周遭上演。   看起來打造一個自有品牌的電商網站似乎是勢在必行,但是關於電子商務的那些事,你都考慮到了嗎?

如何確認結帳流程的QA測試

當一個電商網站完成時,勢必都一定要測試整體結帳流程是否有問題產生,從挑選商品一直到完成結帳這一整個流程,都是身為一名QA工程師或QA測試人員必須一而再地重複並使用各種不同付款方式來進行測試,以確保消費者能順利完成結帳,進而順利購得所買的商品,這才能達到一個電商網站的最終目標,那麼又該如何確認呢。 在前幾篇的文章有和大家分享一篇電子商務網站的基本測試,在文章裡談到了結帳時可能會有兩種情況產生,一種是以訪客身分(不需要登入/註冊)進行付款,另一種則是以會員身分(需要登入/註冊)進行付款,如下圖。 然而不管是用哪種身分進行結帳流程,都會有結帳成功或發生結帳失敗的情況,如下圖:

消費者意願 v.s. 人口統計學PK, 數據告訴你哪一個重要!

天冷了,腳才一踏出大門,冷風一陣陣吹來。看來這寒流是要持續一段陣子了… …至少今晚不宜再出門。既然計畫是待在家窩著看二輪電影,這樣的氛圍似乎配著上一杯最愛的咖啡特調? 左思右想,於是心一橫,牙一咬,確認圍巾跟大衣已密不透風,往街道上的人潮走去… 腦筋急轉彎:請描述以上剛剛產生這個想法的人,是男是女,年紀多大,住在哪裡,還有家庭狀況。答案:………..無解,我只知道這個人,他就想喝咖啡而已

客戶案例PPC專案分析

一旦開始投放PPC關鍵字廣告,一個不能停止的重要工作就是不斷優化廣告,以達到更好的廣告成效。無論是優化廣告內容或者是優化廣告平台內的操作設定,都可有助於優化廣告成效,重點在於要先確定目標才能選擇合適的方法。 本專案分析主要呈現的是歐斯瑞在協助某客戶操作PPC關鍵字廣告的過程中,透過增加排除關鍵字,為客戶節省了41%的廣告花費,讓每一筆廣告支出都花在該花的地方,減少不必要的浪費。—————->請看此專案分析

Photoshop教學:【CC 好好用篇】後製星軌效果

今天astralweb要與大家分享使用Photoshop CC

重要快訊:微軟將停止支援舊版IE

微軟繼2014年中宣布全面停止支援Windows XP之後,最近再度宣布將在2016年1月12日將停止支援舊版的IE瀏覽器(Internet Explorer);這也意味著繼續使用舊版IE的用戶將會暴露在未知的安全性風險之下。  

電商網站實戰測試篇—基本功能幾大常見錯誤

在上一篇電商網站實戰測試篇—版型幾大常見錯誤,談到了版型就好比是房子的基底,那麼功能可以說是房子的隔間與設備了。而功能的好壞與便利性也很可能會間接影響使用者對該網站的使用體感。所以今天要和大家分享『電商網站基本功能常見的幾大錯誤』。   常見的幾個基本功能錯誤,大部分應該有以下幾個: 未設搜索條件

不用花錢客製!Magento之原生優惠規則大整理

促銷活動對於商家來說,一直是提昇銷量的一個非常重要的手段,在電子商務領域亦是如此,就拿近年來最火紅的雙十一單身光棍節來說,不少商家提供相當優惠的折扣,使銷售業績是翻倍成長,甚至更高,由此可以見,一個有趣的活動主題搭配優惠促銷是非常能夠吸引消費者的。 聽起來不錯,但這些都要客製吧?   如果您剛好是使用Magento平台架設的電子商務網站,恭喜你,它已經有內建許多好用的促銷機制了,一般常見的促銷手法都難不倒它!

網站測試-功能篇(下)

當一個電商網站完成後,並不是完成就好。對網站而言,每個元素及功能都是需要不斷被測試與驗證的。而功能測試則是對每個獨立的功能進行驗證,以確保功能可以正常地使用。然而,這些種種測試與驗證其最終目的都是為了提供使用者一個優質的電商使用經驗。   之前跟大家分享了網站測試-功能篇(上)後,今天Astralweb要來與大家分享的是功能測試的最後一部分,分別是連結與表單測試。  

Magento進階應用 – 多商家系統

我們都知道,Magento是一個功能非常完善的B2B、B2C電子商務系統,有基本的購物車、訂單管理、會員管理、靜態內容頁面管理….等功能,非常適合用來打造一個專屬於自己的電子商務網站,增強整體品牌印象。 那如果想要做一個網路商城或是平台的話呢?   從早期的Yahoo奇摩拍賣,到現在的PC

匯出CSV的0都不見了? 三個步驟找回來!

你有過曾經打開匯出的CSV檔案,發現欄位內容的許多0都消失了嗎?像是原本產品編號為"00234",但打開CSV卻顯示"234"的經驗?

電商網站實戰測試篇—版型幾大常見錯誤

撰寫一個電商網站,就好比是在蓋房子一樣,要先蓋好基底,基底蓋穩了,才能搭配水泥與磚頭或是其他相關建材元素混合使用,接著一層一層往上蓋。所以版型就好比是房子的基底,它會間接影響使用者在瀏覽網站時的體驗度。所以今天Astralweb要來跟大家分享『電商網站版型常見幾大錯誤』。   常見的版型錯誤,大部分應該都是落在以下幾點: 文字:字型、顏色、大小是否一致(含英文大小寫部分)

網站測試-功能篇(上)

當完成電商網站時,要如何預防使用者在使用的過程中在某個階段發生錯誤導致失敗,而失去繼續使用該網站的耐心呢?又該如何去預防這些錯誤的發生呢?測試電商網站內的各種功能便是例行且必須要實行的。   繼之前與大家分享的網站測試-單元篇後,今天Astralweb要來跟大家分享的是功能測試中的輸入框與搜索功能測試。  

HTTP2的好處

HTTP2已經釋出有一段時間了(今年2015年的5月正式釋出RFC 7540),新的HTTP2協議增加了很多改良的項目,那麼與舊版本的比較差異在哪?讓我們來看看HTTP2可以帶來甚麼好處。 向下相容於現在的網路環境 這點相信是大多數工程師聽到最高興的,至少不用因為版本更新修正程式碼或是問題,而且大部份所知的規則都延用HTTP,例如狀態碼(500,404一類)。

Photoshop教學:【繪圖實戰篇】內建樹木繪製

今天astralweb要與大家分享使用Photoshop CC

Photoshop教學:【繪圖實戰篇】內建火焰效果

今天astralweb要與大家分享使用Photoshop CC

為什麼不同的瀏覽器的關鍵字排序不同?

如果一個Click就可以知道你的公司受不受消費者歡迎?如果輸入幾個字就可以了解你與競爭者的排名在哪的時候,你要怎麼去解讀這些數字呢?  

電子商務網站內需要被QA測試的元素

首先,我們先來簡單介紹一下電商 什麼是電子商務? 電子商務又可簡稱為電商,它能廣泛地在各個地方透過網路從事各種商業活動或服務。而電子商務又可分為哪幾種呢?簡單來說它可以分成以下幾種類型,分別是企業對企業(B2B)、企業對消費者(B2C)與消費者與消費者之間(C2C)。 然而構成電子商務的基本元素又有哪些呢?

解決Nginx與php-fpm發生504 Gateway Time-out問題

我們可以對Nginx與php的設定參數進行適當的調整,讓504 Gateway

搜尋引擎來過我的網站嗎?

很多剛開始接觸搜尋引擎優化的行銷人員會好奇:「我怎麼知道搜尋引擎有沒有來看過我的網站了?」沒錯,做了這麼多網站優化的工作當然希望搜尋引擎有讀到。這篇文章就要介紹怎麼查詢搜尋引擎是甚麼時候來訪過你的網站。 首先複製你要查詢的那個網頁的網址(URL),本文以歐斯瑞網頁為例。 到Google Chrome新增一個分頁,貼上網址,並於網址前面加上

號外!Magento CE2.0版本正式釋出!

2015年11月17號,剛剛得到金主挹注的Magento隨即宣佈該平台的社群版 (Community Edition) 2.0的完整釋出,再度為電商平台界投下一枚震撼彈。現在就讓我們來看看這個Magento

網站測試-單元篇(下)

上次跟大家分享了測試網站的字型大小、顏色、圖形、拼字、位置…等的測試範例 欲了解網站測試小撇步可參考「網站測試-單元篇(上)」 今天跟大家分享網站測試的單元測試最後一部分,測試範圍包含了圖片、導覽路徑、按鈕、網頁標題(Title Tag)…等。

變更Magento後台網址

今天要來介紹如何快速的變更Magento後台網址,其實很簡單,只要打開local.xml設定檔修改就完成了。 1.首先我們要找到,app/etc/local.xml, 2.找到以下段落,進行修改  

沒有網路工程師也能做的搜尋引擎優化SEO

越來越多負責網路行銷的工作者開始重視搜尋引擎優化(SEO)了。然而,SEO的原理技術和操作方法不是一般行銷人員能夠自行處理的,通常要藉助公司內部懂SEO的網路工程師,或者找歐斯瑞這樣的SEO專家來協助。不說你可能不知道,有一些簡單的方法可以不用透過工程師,也可以達成網路行銷與搜尋引擎優化的目的,那就是建立外部連結,讓潛在客戶搜尋您有提供的產品或服務時,更容易被引導至你的網站。以下介紹幾個不需任何花費即可建立外部連結的方式。   1. 進立部落格

MAGENTO 脫離Ebay羽翼,正式投入Permira Funds的懷抱

身為開源平台的指標性電子商務平台,全球電子商務的範圍內已有超過24萬個網站以及每年總價值500億美金的商品經由Magento被售出,擁有龐大的電子商務商機。 除了以上的驚人數字之外,以下是一些你應該知道的Magento數據: Magento 在全世界前1000個網路零售商平台內使用率為第一名

用三句話說明你的專案目標

許多大型專案因為包含了太多的變更以及新加入利害關係人的期望,專案進行中往往會因為忘記專案萌芽時定下的最基礎、最高層次的目標,因而導致專案團隊像暴風雨中的船隻一樣,找不到最重要的方向。為了讓專案能一直朝著正確的方向前進,讓專案參與者牢記建立專案的初衷,是在專案一開始時就要建立的重要事項。 Doug deCarlo在極限專案管理方法建議用三句話(Three-Sentence Project

電子商務網站的基本測試

當我們完成一個電子商務網站時,就能馬上啟用上線嗎?答案是否。 因為當電子商務網站完成後,並不能馬上就啟用上線,而是需要經過測試的過程。   為什麼需要測試呢?

Magento常見需求 – 貨運倉儲篇

  一個電子商務網站除了需要金流以外,倉儲跟物流也是少不了的,在初期我們能靠著人工的方式來處理這些繁雜的事項,但是當事業規模越來越大時,倉儲跟物流的負擔也會越來越重,降低員工的工作效率。   那麼,何不把倉儲跟庫存交給專業的來呢?

Magento 如何增加後台列表欄位 – 使用合併查詢(Join)

  Magento擁有非常完整的後台功能,可以讓我們盡可能的進行網路商店的操作與管理,但是如果今天,我們感覺後台的列表顯示的資料欄位不夠,或是不是我們想要瀏覽的資訊,想要隱藏呢?   這時就需要修改程式碼增減欄位,並且設定欄位顯示我們想要的資料,今天介紹的內容包括如何使用Join加入其他關聯表的資料。

修改設定,隱藏版本提高伺服器安全性

之前有提到有關如何設定META

使用adapt.js快速將您的網站變成響應式網站

響應式網站是目前建站的趨勢,但如果您原本已經有個網站了,又暫時還不打算另外建立新站,您可以考慮使用adapt.js快速將您的網站轉換成響應式的網站。 adapt.js 的作用是依據螢幕的寬度載入不同的CSS檔案,藉此讓網站達到響應式的效果。原理與media queries相同,都是依螢幕寬度判斷使用不同的樣式(CSS),不同的地方在於:adapt.js將不同的設定寫在不同的檔案內,再依螢幕寬度載入不同的CSS檔案;media

調整系統設定,再進一步增進Magento效能

之前提到的Magento設定優化,是在Magento系統中已整合好的設定功能,因此我們可以簡單的通過後台設定的改變,輕鬆的做到校能的優化。   如果今天網站的規模龐大,那些設定已經不足以負荷時,還有別的方式可以調整設定,只是建議大家在進行此類的設定變更前,務必進行設定檔案的備份,不小心改壞了設定還可以還原。 1.Enhancing

Centos-PHP環境下設定Mssql連線功能與啟用

  在預設的PHP環境下,是沒有對microsoft sql server支援連線功能的,因此我們需要進行套件的安裝與啟用。

利用htaccess設定301 redirect

有時網站會有舊站翻新、舊的內容移除,想要讓使用者轉移去瀏覽新的內容。 這時我們可以簡單的透過設定.htaccess檔案,告訴Apache幫你轉移網址到想要的網頁。 程式碼(.htaccess檔案) ...

Magento常見需求 – 促銷篇

在各種節日、周年慶、年終大清倉時,常常可以看到五花八門,各式各樣的促銷活動跟玩法,電子商務也不例外,這次我們就要來介紹一些Magento詢問度最高的促銷方法。 一般常見折扣促銷 在Magento裡面已經內建有基本的促銷功能了,主要區分為商品目錄折扣以及結帳折扣,Magento會根據設定的規則,達到規則後給予相應的折扣。 以商品目錄折扣為例,像是3C類別商品全面八折、特定商品折500元等都是一般常見的促銷手法,以結帳折扣來說,常看到的就是滿千送百、滿額打八折、買一送一等等。

Magento優惠活動設定說明

既上次我們介紹的MAGENTO 優惠活動設定 (||) 這篇文章,這篇文章要介紹”設置優惠活動欄位的功能介紹及簡單說明”

如何使用亞馬遜收益計算器評估產品

為了讓大家快速評估在Amazon上販售商品的報酬率,今天在這分享 "如何使用亞馬遜收益計算器來算出商品的利益"

Magento常見需求 – 金流篇

先前我們曾經發討論過Magento的建站四部曲,這次我們來介紹一些Magento常見的需求。 身為一個電子商務的經營者,最最關心的當然就是網站要能夠帶來收入,而線上購物的收入勢必要靠金流系統來達成。   Magento本身其實已經有提供Paypal付款的功能,只要稍微設定一下並且經過嚴謹的測試就可以開始使用。但是在台灣Paypal似乎沒有國外這麼流行,有沒有其他更好的方法呢?

如何設計優良的行動網站 Part 1 – 首頁和網站導覽

行動裝置與一般桌機最大的不同點在於螢幕尺寸的大小、行動裝置因為螢幕尺寸較小,能夠呈現的資訊有限,因此在內容的規劃上必須更為精簡。目前市面上常見的行動裝置最小的螢幕寬度是320px,iPhone 4 及 Sony

2015上半年網站功能回顧

今年年度也邁入了第四季,歐斯瑞在前幾季設計了許多大大小小網站,根據每一位客戶的需求而建置了許多網站功能,這邊就讓我們來回顧一下歐斯瑞今年上半年的設計網頁有哪些好玩的功能吧! 360度產品展示:   在網路上購買產品時,您是否有過從不同角度去觀察產品的需求?

你必須知道的設定,快速優化Magento效能

今天要告訴大家快速優化Mgento效能的方法,Magento已經有很多提供在後台的功能,只是設定上很多是為了開發、偵錯或測試用;所以如果網站已經正式上線,應該將這些設定調整,來提升正式網站的效能。那麼就來看看這些可以加速網站的設定吧。 1.Merging CSS files(合併CSS檔案)

客座演講:分享如何實作Magento電子商務平台 – 正修科技大學資訊管理學系

上周歐斯瑞很榮幸受邀請來到了位於高雄市的正修科技大學-資訊管理學系的課堂上,當天跟正修的學生們來分享許多歐斯瑞在電子商務領域的經驗與技術。其內容主要分為 公司簡介、電子商務的趨勢、Magento介紹、Magento的實際操作等,其中Magento的部份在我們之前的文章也有提到許多,像是Magento應用技巧-針對不同出貨國家設定不同出貨稅率、如何在Magento設定多貨幣、Magento功能導覽(2)展示商品等應用,我們特別開放了十幾組後台權限來讓學生們實際動手操作電子商務平台。 下面就讓我們來回顧一下當天與學生互動的狀況及授課內容吧。 1.公司簡介及相關認證

利用Javascript,自製清理網頁元素工具

相信不少的網頁工作者,都會有類似的經驗,尤其是在需要重新整理網頁內容,或是重構網站時,看到一堆過去的網頁程式碼,元素其中不乏各種css,class,id,甚至是bgcolor,width一類的行內屬性,這時就可以利用這個工具來清理掉這些元素屬性,還原成最乾淨的html網頁程式碼。 不過,先提醒一下,此工具並沒有特別處理例外,例如說img的src屬性也是一併會被清除的。 直接來看程式碼(重點執行清除功能的是藍字的程式部分): <html>

選對合約類型,讓專案更順利

在之前的文章中,我們提到溝通對於專案成功的重要性;當雙方對於專案的交付物達成共識之後,將買賣雙方的權利及義務明文記載的文建,就是專案合約了。 一般的專案合約可以分為總價合約、成本補償合約、以及工料總價合約三種類型。不同的合約可針對不同的狀況提供對買賣雙方公平的條件,讓專案進展更順利。 總價合約是最常見的合約類型,我們今天先對這種合約做介紹。