文章彙整

"Magento開發"共有32篇文章

首頁  /  新知分享  /  Magento  /  Magento開發

manage category 切換 category 所觸發的 AJAX

在Magento 後台往往會想對某些頁面寫入JavaScript的需求,為了改變頁面的內容,大多數的頁面都在後端作處理就好,而有些頁面像是Category>manage category裡的category做切換的時候是透過AJAX機制做傳遞,這時候就有寫JavaScript的需求了。   1.如下圖的紅色框框,在切換category的時候執行JavaScript的程式碼   2.

Magento1 表單驗證介紹

Magento 是用 Prototype JavaScript 去做表單驗證的,原生設計的驗證方式就非常的豐富和多樣,但在開發上一定還是會遇到特別驗證表單規則,也保留了客製化的空間讓開發者自己添加,筆者認為Magento表單驗證算是非常好用和簡單呢。   現有的Magento表單驗證方法你可以在js/prototype/validation.js裡的414行開始看到目前的class id對應的error message和驗證規則程式碼,筆者有找到已經整理好的清單。   'validate-no-html-tags' => 'HTML tags are not

Python- 基本用法之library安裝

Python有各式各樣的library,無論是官方的還是第三方所提供的套件,這些套件都幫助我們不需要再重新開發去刻出所需要的功能。 而最廣為使用的基本上是 pip 這個指令   Python的Library管理 “pip” Python pip可以很簡單的讓我們使用安裝升級或是移除套件等等的套件管理功能 它就像是Python上的 apt 或是 yum 這些相對於Ubuntu, Fedora的Linux發行版中預設的套件工具 而目前Python基本上都預載了pip指令 如果沒有的話我們可以直接在Terminal上執行 $ sudo apt install

Python- 測試API

當我們在開發Magento或是各種web程式時,常常會需要串接API,但在使用前必需要做的當然就是要先來測試我們要串接的API是不是正常啦~但測試時常常會碰到各種問題(eg. 尤其cross domain但document卻又沒清楚的說明時)實在會讓人很想要大喊:我只不過想簡單測試個API啊啊啊。   OK,這邊就讓歐斯瑞來跟大家介紹用Python來測試API範例吧,由於Pyhton也是屬於直譯動態語言,只要裝好python以及IDE就可以實作,並於IDE上直接執行就可顯示出結果,乾乾脆脆。

在Magento顯示原生SQL語法

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

加速magento! 什麼是Zend Opcache

什麼是Opcache Zend Opcache通過opcode做cache,讓php有快的執行過程,它將腳本存在共享內存中供以後使用,避免掉從磁碟讀取代碼進行編譯的時間消秏,同時它還應用了一些代碼優化模式,使代碼執行更快。   什麼是opcode 當編譯器完成編譯時 ,它會將生成直接可以執行的代碼(Operate Code, opcode). Opcode cache的目地是避免重復編譯,減少消耗cpu和記憶體,如果瓶頸不在cpu跟記憶體,而是在I/O的話,那就必需想辦法減少Disk的I/O了   Optimizer+ 與APC比較

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

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

PhpStorm 開發 Magento 外掛工具介紹(一)

說到地表最強的 PHP 開發 IDE ,絕對是屬於 Jetbrains 公司所開發的 PhpStorm ,並且其支援大量的外掛套件提供給我們使用,而我們今天分享的是 PhpStorm 上兩個好用的外掛小工具,可以大幅度提升 Magento 的開發效率唷!   1.Magento 2  工具 顧名思義,這是專門為 Magento 2.0 以上設計的套件。Magento 在開發過程中會遇到不少的 xml 定義檔,而這個套件就是幫大家清楚的把 xml 定義檔設定好,如果有遇到錯誤的 Namespace ,會自動加註紅色毛毛蟲底線,這樣就能夠快速的知道 xml 的錯誤在哪邊。  

PhpStorm 開發 Magento 專案的初始設定

PhpStorm 開發 Magento 專案的初始設定 說到地表最強的 PHP 開發 IDE ,絕對是屬於 Jetbrains 公司所開發的 PhpStorm ,尤其是在大型的專案開發中,常常需要處理大量的 Namespace 、Class 等物件導向程式,而一個好的開發環境,不但能夠協助你處理這些複雜的命名空間,而且更可以大幅節省開發上的時間(推坑。。)。就讓我們一起來看看 PhpStorm 在 Magento 開發上初始化的設定吧!   執行環境: PhpStorm 2017.2.3 Magento 2.1.9 MacOS Sirra 10.12.6   1.載入

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

這篇文章是要跟各位介紹Magento 1.x版本,在Nginx環境下,如何一步步完成多網站的設定。   1.先來準備一個已經安裝好的Magento,這邊舉例給大家參考的網域是: www.aw.com 接下來參考的設定檔若為這個網域,請自行替換為正確的網域。   2.開一個新的website,進入後台,上方頁籤選擇System -> Manage Stores 點右上的Create Website   這邊輸入的code先記得,等下設定時要用到; 後面store與storeview的部分簡單設定就好,不影響過程,都新增完後大概像下面的畫面:  

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

今天要向大家分享如何簡單快速在 Template 檔案中直接呼叫 CMS Block 首先,在後台先建立一個 CMS Block\ 然後你所想要增加的Template檔案上增加下列程式碼 <?php echo $this->getLayout()->createBlock('cms/block')->setBlockId('faq')->toHtml(); ?>   在Template檔案(.phtm)中就會呈現你所指定的CMS Block

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

Magento 平台提供了非常豐富的商品上架功能、網站內容管理以及促銷功能,不過也因為功能眾多,在設置時需要格外注意是否有遺漏或是輸入錯誤,以一般中小型公司來說,可能在輸入過程中多檢查幾次即可。但若是在規模較大型的公司或企業來說,可能就會需要更進一步的檢驗機制了,這樣的機制在 Magento 中要如何實現呢?   上級審核機制,減少錯誤增加保障! 就如同產品出廠前,會有QA人員作品值得把關一樣,我們也可以讓商品、內容或是促銷方案發出前,要經過一道確認程序。舉例來說,今天公司有A、B兩位員工,員工A負責商品的上架及修改,員工B則是商品部門主管,這兩人都各自擁有 Magento

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

上一篇 我們教大家把 Magento佈景 主題的基本環境設定好了,今天來談談如何使用sass來開發 Magento佈景 主題。在開發magento前請先安裝sass+Compass,還沒安裝sass的朋友,可以參考http://blog.shihshih.com/installing-the-sass-and-compass 監控magento專案 接下來我們就要來使用compass來監控這個新的佈景主題。 在上一篇的教學文章中、我們在rwd底下新增了一個study的資料夾。現在我們要複製了rwd > dufalt資料夾裡的所有內容到study資料夾裡。 rwd >

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

歐斯瑞準備了一系列「如何開發 Magento佈景主題 」的文章,這一篇文章首先要帶著大家一起進行正式開發前的第一步 ー 建立一個新的Store View。在接下來的示範中、我們要新增一個名為study的Store View。 如何設計 Magento佈景主題 (1) – 開發前的準備動作 首先我們需要建立二個資料夾 app/design/frontend/my_interface/my_theme/ 這個資料夾包含layout、templates 還有翻譯的語言文件 skin/frontend/my_interface/my_theme/ 這個資料夾包含css,

變更Magento後台網址

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

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

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

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

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

Magento 無法更新與安裝 extension – SSL(https)

Magento 無法更新與安裝 extension,這個問題會發生的情形,主要原因是, Magento 在版本 1.9.2.0 之後,預設要求 HTTPS 連線。 這個問題多半會發生在開發環境上,本機(localhost)或是測試主機,因為通常這些環境下不會設定SSL。 所以如果在未設定SSL的環境下,想要更新或安裝extension時,就會遇到此訊息。 Unknown cipher in list: TLSv1 所以我們現在就是要來修改設定檔了,在一般開發的環境下關閉SSL,或是沒有設定SSL的伺服器也關閉這個設定(只是不建議這麼做,不論如何增設SSL增加安全性都是好的)。  

網站伺服器出問題,快速設置維修網頁!

如果您網站的伺服器突然出現問題,使得網站不能被使用者正常的瀏覽,這是一件很糟糕的事情,所以我們要為了這個情況快速的設立維修頁面,讓使用者知道目前網站出了些問題,暫時停供網站的服務。   首先,我們要修改網域名稱的轉向,將網址從發生問題的伺服器轉向到另一台正常的伺服器,並設定DNS的推播頻率為10分鐘一次,這樣子當網站伺服器回復正常之後就可以快速的將DNS調整回原本的主機。     接著在你所導向的伺服器建立該網域名稱的設定,讓你網站的網域名稱可以在此伺服器中使用你所指定的資料夾位置。   下圖使用Apache網頁伺服器作為示範,編輯伺服器中的

如何在側邊欄位加入客制化區塊

客制化你Magento系統有時候需要一點編碼來幫助你建立你的網站,讓你的網站更方便管理,以下我們要教大家如何將客製區塊加入到頁面的側邊欄。 本次範例我們將加入客製區塊到商品分類頁面中的左側欄。 首先,先在Magento管理後台 CMS -> Statick Blcok 中增加新的客製區塊 接著編輯你區塊內的資訊以及內容 Block Title:  在後台檢視的名稱 Identifier:  此客製區塊的ID Status:  此區塊的啟用狀態 Content:  區塊的內容   編輯完成之後儲存,在你的Static Block清單中就會多了一個我們剛剛新增的區塊

改善Magento商品圖片的品質

為了有效的提升瀏覽網頁的體驗,Magento系統在前端頁面產生商品圖片之前,會將圖片做品質的壓縮,雖然影響的程度不大,但是您還是想要在商品頁面中呈現高品質的商品圖片,可以採用以下作法: 步驟1 複製 /lib/Varien/Image/Adapter/Gd2.php 檔案 並儲存到 /app/code/local/Varien/Image/Adapter/Gd2.php 在檔案中找到這段程式碼 將程式碼改成如下圖   儲存之後再去Cache管理刷新系統的Cache,之後你就可以比較商品圖片是否比之前更清晰。 以上就是本次分享的資訊,如果有任何問題歡迎與我們聯絡。

檢查Magento核心檔案是否有被修改

在開發Magetno專案時,常會因為客製化的需求而對網站內的代碼進行編輯,如果編輯到Magento的核心檔案時,會容易造成錯誤以及後續版本的更新問題,我們不建議對系統核心檔案進行直接的編輯,以下歐斯瑞將教你如何檢測你的Magento的核心檔案是否有被修改過。 準備事項: 1. 欲檢測 Magento 網站 2. 全新 Magento 網站(需與測試網站版本相同)   使用命令: diff -qrbB 檢測資料夾路徑 比對資料夾路徑   diff 是用來比較檔案內容,如果有不同就會輸出報告 -q 只在有對比檔案不同才報告 -r 遞回搜尋子目錄 -b

如何新增Magento頁面配置

當我們使用Magento後台新增頁面的時候,不管是產品頁面、還是內容頁面都可以選擇頁面的配置。Magento預設的頁面配置有:單欄、雙欄右邊欄、雙欄左邊欄、三欄、空白等。 如果我們今天因為端午節活動,需要新增一個特別的促銷頁面,一個獨特的頁面配置在不影響其他頁面的前提下,最簡單的方法就是新增一個特別的頁面配置。 新增Magento頁面配置其實很簡單,接下來我們將示範如何新增Magento頁面配置。   Step1: 請依底下的路徑找到相關的檔案並修改設定。 /app/code/core/Mage/Page/etc/config.xml 找到<layouts>標籤。

優化你的Magento社群分享功能

在社群網站火紅的現今,社群分享功能已經與電子商務密不可分,所以我們也常在Magento中安裝社群分享的功能,但是該如何準確的控制分享至社群網站的功能呢?本篇就要教導大家如何簡單的控制我們社群分享的內容。 在 Magento1.9.1 版本中的rwd主題包中已經內建有簡單的社群分享功能,我們將以此為範例,為各位展示此次教學範例。 下圖為1.9.1 預設rwd主題包的產品頁面,紅色框起的部分是該主題包的預設分享功能。 點下Facebook圖示後就會到分享的頁面 之後點擊Twitter的分享功能 這些結果都只是沒有指定資料抓取後的結果,還有更多的改善空間。

如何建立magento佈景主題

Magento 設計常用名詞 在開始建立佈景主題之前、我們先來了解一下magento的幾個名詞: Website, Store, Store View Interface Themes Layouts Templates Skins Blocks Structural Blocks Content Blocks website, store, store-view

在Magento使用Paypal Express取代Paypal standard

Paypal是知名的第三方支付,其提供的服務為大家所熟知,是國外最常見的網購付款方式,所以在原生版本的Magento付款方式中已內建Paypal的金流模組。 在Paypal金流模組中有兩個基本的付費機制 Paypal Standard Paypal Express 這兩種付款方都是Paypal所提供,那這兩個方式的差別性在哪?我們又該使用哪種方式呢? Paypal 網站付款標準版 (Paypal Standard)

MAGENTO後台管理增加圖片上傳功能

在製作Magento擴展套件時,我們通常在system.xml宣告該套件在後台的設定欄位,為該套件設定相關的參數以及文字,今天在要教大家如何在system.xml增加圖片上傳的欄位。 首先先到該套件所在的資料夾位置後編輯 etc/system.xml 檔案,接著在你欲增加的頁籤中增加下列程式碼 <example_image> <label>Example Image</label> <frontend_type>image</frontend_type>

如何在Magento使用Session?

一般而言,在網站中使用PHP函數設立Session,在Magento可以使用已經定義的函數來使用Session,我們將用幾個簡單的範例進行說明: 設置Session //輸入你所要記錄的Session名稱與值 //此範例Session的名稱是TestString,值為歐斯瑞Astralweb Mage::getSingleton(‘core/session’)->set TestString(‘歐斯瑞Astralweb’); 取得Session值 //使用get取得已設立Session的值 //此範例以取得名稱為 TestString 的Session為範例

新手必看─6個改善網站速度的技巧(含WordPress / Magento)

隨著網站提供內容越來越詳細、豐富,網站需要傳送的資料也逐漸擴增,這些都會影響網路傳輸資料的速度,增加載入時間。在這分秒必爭的資訊時代,我們必須確保自己的網站使用快速、流暢,加強使用者經驗;所以今天要和大家分享的主題就是如何提升你的網站速度。 1.主機 主機是網站所有的基礎,基礎的CPU處理速度、記憶體大小、硬碟的種類等,詳細的有網路上傳及下載速度、主機限制的流量、主機系統的環境,使用合適的主機對網站速度來說是很重要的。 2.圖片壓縮 因為網頁內容越來越豐富,使用的圖片也越來越多,導致容量不斷地增加,所以選用正確尺寸的圖片,以及適當的壓縮圖片可以改善網站速度。 3.使用語法取代Flash與圖片

Magento教學:如何在訂單信件增加產品圖片?

歡迎使用Magento購物車系統,今天Astral Web要和大家分享如何在訂單信件中,加入購買商品的圖片。一般來說,使用Magento預設的訂單信件,僅會顯示訂單資訊,不會有商品圖片;今天我們要教大家置入一段程式碼,即可在訂單信件中顯示購買商品的圖片,方便客戶確認訂單。由於此教學將會使用程式碼,因此適合有程式背景的朋友參考,以免操作不慎影響網站喔! 教學影片: . 首先請看Magento預設的訂單信件,範例如下: 可看到訂單信件有詳細的詳細內容,也有本次購買的商品資訊,卻沒有商品的圖片,客戶難以辨識。若能增加商品圖片,可以讓信件內容更豐富,方便客戶確認購買資訊。

如何在Magento網站中新增字型?

Magento網站內建許多基本字型,對一般網站來說相當夠用;但由於使用者為各種類型的購物網站,有些商家可能會有特殊字型的需求,讓網站更有特色。例如童裝網站也許會需要活潑的字型,以符合品牌形象。今天Astral Web要教大家如何在Magento網站中新增自己想要的字型,由於會動到程式碼所以此篇教學適用於有程式背景的朋友操作,對普通使用者來說較為困難。 如果看不慣文章,歡迎參考我們的教學影片: 首先,大多數Magento的頁面都是由CMS系統所控制的,所以我們要先在Magento後台的CMS系統中加入我們所想要的字型,我們以Magento預設頁面「About

如何使用套件將WordPress整合至Magento?

購物網站漸趨多樣化,網站不再侷限於商品本身,而延伸至相關內容,像是提供商品的專業知識、穿搭秘訣等,藉由這些內容吸引消費者,提升網站價值。Astral Web發現許多客戶在架設Magento網站時,往往還有增設部落格功能的需求。今天要和大家介紹如何整合WordPress(部落格)與Magento(購物車系統),讓您的購物網站具備部落格功能,豐富網站內容,即時分享最新消息。 若您不習慣看長篇文章,歡迎點閱我們的教學影片: 【教學影片】 接著讓我們進行文章教學,在開始任何動作之前,請先將你所要更動的項目都先做備份,以免操作過程有誤,遺失重要資料喔!