文章彙整

"November, 2017" 有15篇文章

首頁  /  2017  /  November

快速完成瀑布流版面-使用Masonry套件

今天我們來實作如何使用Masonry製作瀑布流的效果,這裡因為是強調瀑布流效果,範例所採用的圖片就不先講究美感了喔! 各位有需要可以換成自己想要的圖片。   首先在<head>中掛載:   jquery: <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script> Masonry: <script src="https://masonry.desandro.com/masonry.pkgd.js"></script>  

如何開始Google analytics 新手基礎概念(一)

本篇文章整理給新手剛接觸GA分析時所需要知道基本概念,及讀者們常問的操作問題,在文章當中給讀者們一些提示引導如何開始Google Analytics分析,了解GA基本的資料收集流程及層級模式之後,你會更好入手以及找到你想要知道的分析資料;以下幾點就帶你了解:   這是Demo站Google analytics 示範帳戶,如果你還沒有GA帳戶或是網站還沒足夠的數據,你可以使用這個示範帳戶摸索看看。   一、Google Analytics 是如何蒐集網站的資料呢? Google Analytics透過追蹤代碼取得在你網站上的使用者動作,蒐集來自: 用戶使用的瀏覽器

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

Photoshop【App修圖教學】PS Express汙點修復工具 今天astralweb要與大家分享PS Express汙點修復工具,對於行動裝置使用者方便的修圖軟體,一起來看看如何製作吧! ※本教學使用版本Adobe PS Express ※本教學需先對工具使用有基本認識   1.使用PS Express開啟想要修改的圖片 2.使用下方修復工具 3.在要移除污點的地方塗抹   4.在存檔出來就完成囉   請參考我們的教學導覽: PhotoShop教學導覽,幫助使用者快速找到相關教學!

Magento 2.2.1, 2.1.10與2.1.17開源碼安全性加強更新通知

  Magento 最新釋出的 2.2.1, 2.1.10和2.0.17包含多個安全增強功能,可以幫助關閉跨網站指令碼 (XSS)與本地文件(LFI),經驗證過的管理用戶可以透過遠端(RCE)方式進行執行與刪除任何具有漏洞的文件。   以前沒有下載過Magento 2版本的使用者則可以直接進行Magent商業版開源碼2.2.1的載點即可。 有關如何保護您的網站的其他信息,請參閱安全最佳做法。 要下載版本,請從以下選項中進行選擇:   合作夥伴:   Magento Commerce 2.2.1 (New .zip file installations)

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

Photoshop教學【入門篇】後製夜晚效果 今天astralweb又要與大家分享簡單的夜晚後製效果,這次使用地球的空照圖,一起來看看如何製作吧! ※本教學使用版本Adobe PS Express ※本教學需先對工具使用有基本認識   1.開啟想要修改的照片   2.複製出另一個照片圖層   3.我們先調整色調的部分 選擇 影像 > 調整 > 色相/飽和度   4.調低彩度與明度   5.選擇 影像 > 調整 > 色彩平衡   6.增加藍色色調   7.選擇 影像 > 調整 >

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

在Magento 的產品目錄頁中、左邊欄位有個篩選器,在預設的Magento 佈景主題包裡、這個篩選器包含了:商品目錄、商品屬性標籤、價錢等。 這篇文章要教大家移除篩選器中的目錄及價錢項目。   移除篩選器中的目錄項目   方法一: 如果您使用的是Magento預設的rwd主題包,請開啟 app\design\frontend\rwd\default\layout\catalog.xml 搜尋關鍵字catalog.leftnav、找到底下程式碼: <reference name="left_first">            <block

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

在前一篇文章 “電商管理工具PIM系統介紹 – akeneo”,我們快速的介紹了何謂PIM系統,以及如何判斷公司是否適用akeneo的PIM系統當作解決方案。接著我們將更往下一層級,現在來為大家介紹這個強大的PIM系統功能,了解裡面有甚麼實用功能,以及該如何實際操作運用。 一個好消息是,設想周到的akeneo官方有釋出Demo後台,提供給使用者試用,後續的系列文章將依照該Demo站來說明系統內的各項功能,各位可於閱讀本文章時,同時開啟Demo站,這樣對於理解會更加有效率!   Akeneo官方提供之Demo資訊: https://www.akeneo.com/demo/

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

Magento系統發展至今已經將近10年,在電商方面的應用越來越成熟,更在近期推出了全新的Magento Community Edition 2.2版,持續進化各項功能。   然而術業有專攻,在電商銷售部分Magento的確是箇中翹楚,但是在維繫與管理客戶關係這一塊領域上似乎稍嫌不足。 並不是說Magento的會員管理功能不好用,而是當商家的電商規模越做越大時,會需要更加詳細的分析及紀錄客戶資料,從中找出商機。又或者是,商家的客戶來源不只是有電商,也有線下或其他通路的客戶需要管理。   這是否意味著,對於較為重視CRM的商家來說,就無法享受Magento的好處了呢?

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

我們在研究用戶使用一般電子商務網站的行為中,觀察到一般電商網站最嚴重問題之一是過度分類。這發生的原因通常是網站試圖將產品類型放在兩個相互排斥/獨立的目錄中,而不是將兩者合併為可共同篩選的過濾器功能。   以下描述我們測試後,過度分類導致嚴重的可用性問題,包括:   強迫用戶進入過窄的目錄範圍: 讓用戶過度思考網站目錄以及產品類型 並且阻止用戶組合商品類型來達到最初來網站的購買目的。   毫不懷疑的這種關鍵的可用性問題會產生嚴重的業務影響,測試結果已經證明過度分類是用戶直接離開網站的直接原因。

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

網頁開發者大多需要長期與瀏覽器奮鬥,這次針對Chrome大部分人最常使用的瀏覽器來彙整幾個常用的基本功能! 基本 console 使用 開發 Client 端的 JavaScript 最常利用到的就是 Console,首先請打開Chrome並隨便開啟一個網站,輸入快捷鍵Cmd + Option + J (Windows 是 Ctrl + Shift + J),右手邊即會顯示控制台的console版面。   輸入console 指令: 1.使用不同的輸出方式除了幫助視覺化的呈現,也可以方便我們對輸出信息進行分類,或者讓輸出更具語義化

使用GSAP來搞定動畫與特效

什麼是GSAP?GSAP為Green Sock Animation Platform的簡稱,是一套專門處理動畫與特效的JS套件。但是網路上套件資源這麼多的情況下,為何要選擇GSAP來使用呢? GSAP不但本身套件的容量小,且能適用於各種瀏覽器,可以從簡單的效果延伸到各種複雜的特效,方便管理與更動。GSAP官方還依照了使用者的需求,提供了不同的版本如TweenMax、TweenLite、TimelineLite、TimelineMax等等,依使用者的選擇,可以在資源使用上達到效益的最大化。   除了套件本身,GSAP官方雖然有推出一些功能較特殊且方便的套件讓付費會員(GASP

Magento2測試資料產生工具

        在開發 Magento 的購物商城的時候,常常會需要產生一些測試用的假資料,一方面可以得知開發的頁面是否會跑版,也可以測試自己伺服器的效能是否足夠,是否需要使用更進階的伺服器等級。 而 Magento 內建其實就有這種方便好用的功能,不但能夠產生顧客、商品、商店、類別等資料,而且還能夠依照不同等級的商店,產生出不同數量,是不是很方面呢? 工具所產生出來的資料大小可區分為:小( small )、中型( medium )、大型( large )、超大型( extra_large )等四種,我們可以從下表中知道他們分別產生出多少資料。   小 Small 中型

Cmder 管理工具介紹

日常使用的作業系統是Windows,但Windows內建的命令提示字元真的很難用,cmder這套工具是很好的選擇。他不但好用還可以用一些linux的指令,讓linux的重度使用者可以在windows上面也感受到平常熟悉的環境。 1.透過連線別台主機 2.Cmder 可以複製裡面的字串

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

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

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

套用設定檔的好處可讓使用者在不同的電腦上面使用Netbeans都能有同樣的設定同樣的coding style,不會因為換了另一台電腦又要再次的設定自己的開發環境   設定檔匯出   STEP 1. 選擇 ->       STEP 2. 在的視窗的下方點擊按鈕,然後選擇要匯出的項目在按下ok就匯出完畢了       設定檔匯入     STEP 1. 選擇 ->       STEP 2. 在的視窗的下方點擊按鈕       STEP 3.