文章彙整

"Magento-2"共有75篇文章

首頁  /  新知分享  /  Magento  /  Magento-2

Magento 2 目錄深度如何設定

  相信大家一定很常在網站上看到以各種不同名稱來定義分類目錄,特別是購物網站更常出現依照商品類別、品牌、功效…等來分門別類,使消費者能透過這些目錄分類順利地找到自己想購買的商品。 在Magento裡是沒有限制層級的,一般大約1~3層是被認為最有效的層級(影響您網站被搜索引擎編入索引的程度),您也可照您的分類來設定主目錄及子目錄。但要提醒您,並非建立較多的目錄層級就是好的,有時往往可能造成反效果,反而容易讓您的網站在消費者眼中失焦,甚至混淆商品焦點喔。(延伸閱讀:Magento2商品管理) 現在我們來分享Magento 2目錄深度的教學設定:

Magento 2 EAV Model 介紹 (1)

上次教學了在Magento 2 的自定義事件, 這次要再加碼介紹Magento 的EAV  ( Entity Attribute Value ) 的系統,在Magento系統中許多東西都是使用 Attribute 所控制,舉凡像是 Catalog Product、Catalog Category 等等,都有 Attribute 可以操作,但是,是什麼樣的原因可以達成這樣彈性強大且靈活的設計,它依靠的是背後的 EAV  ( Entity Attribute Value ) 的系統。今天,我們就來了解一下這強大的功能背後的運作吧!   1.什麼是 EAV 1)在維基百科的定義:

Magento 2 事件處理 (中) — 自定義事件

Magento 內建有許多的事件 ( Event ),其實使用起來非常方便,上次我們介紹了如何使用官方的事件以及如何使用參數,今天就我們來看看自定義事件的用法吧! 1.在 Controller 內產生事件 ( Event ) 這次示範,以我們常用的 Controller 為例,依照底下程式碼新增一個 Controller。 其中,我們可以看到在 41 行的部分,我們呼叫了一個自定義的事件,並且命名為 sample_controller_before_execute。目前到這裡為止,已經完成 99% 了。我們可以知道,只要有正確的繼承到 Magento 原生的 Action Class

Magento 2 後台登入之安全性設定

Magento電子商務系統,除了可應映各企業之規模需求,制定合適之B2B、B2C或是跨境電商處理,在管理後台相關操作時,各管理部門所負責之處理範圍,以及權限帳號皆不盡相同,即使是相同帳號,在安全性操作方面,難免會有人為上的疏忽或是披露, Magento針對後台登入安全性設定,也已有成熟的規劃管理設定選項。   在先前文章教學Magento 2管理會員密碼安全性,我們學習到如何設定客戶會員登入的密碼安全性,在此我們要來分享的教學設定,是關於後台管理者登入時的安全性。   首先進入Magento 2 後台,點選左邊選單STORE開始進入Security設定,路徑如以下

Magento2.2於php7.1上修正 “mcrypt_module_open() is deprecated”問題

原先在magento2.1以前都尚未支援php7.1, 而在magento2.2開始正式支援了. 在官方手冊中的敘述: The mcrypt extension has been abandonware for nearly a decade now, and was also fairly complex to use. It has therefore been deprecated in favour of OpenSSL, where it will be removed from the core and into PECL in PHP 7.2.

駭客入侵(修正) – 在 Magento 2 後台 Form 表單取得 categories 功能

當您使用PHP製作一個Magento 2後台Form表單則無法有所有UI elements的功能。 我最近遇到了一個將產品目錄列出來的Form表單,並且正在使用一種我已經看到在Stack Overflow網站平台中廣泛使用的hack方法。 這個程式大部分都可以運作,但是由於版本2.2.1和2.2.3之間有些結構改變,以至於一些程式碼會產生錯誤。 它還將根目錄列出來,這些根目錄大多數情況下沒有作用,你可能不希望它們顯示在列表中。 它也看起來很醜,我們可以改善這一點。   這裡是他原來程式碼: const REPEATER = "__"; const PREFIX_END = '';

Magento 2 更改交易信件 footer

Magento 2交易信件的Footer要怎麼更改呢? 讓我們歐斯瑞告訴你如何在Magento 2 的後台,簡單的更改交易信件的footer!   Step 1: 在 Magento 2 後台進入 Marketing > Email Template 中點選右上角 “新增一個模板”   Step 2: 選擇你 Footer 模板,接著按下 Load Template,並設定你新建這個模板的名稱,接著在 Template Content 中,編寫成你需要的模板樣式。 完成後按下右上角的儲存按鈕。     接著,回到後台路徑 Content >

Magento 2 – 更改配置使後台用戶登入不受限制

  會特別單獨提到這個設定項目是因為,這個項目的功能在Magento 1是沒有的。 這個設定的作用是,舉例來說,我們持有一個後台帳號為admin,有很多人打開網站後台並同時登入admin帳號的話,後登入的會踢掉前面登入的(同時只能有一人使用此帳號)。 這個設定在Magento2網站架設好時就預設啟用,有時難免造成困擾,那麼如何將此限制停用呢?請參考下面設定步驟進行。   1.進入後台後,選擇左側選單STORES->Configuration。   2.進入Configuration頁面後,左側分類ADVANCED->Admin。

Magento 2 System Config Data

Magento 內部有一張資料表是用來儲存系統參數,但常常不知道怎麼新增自定義的欄位進去。 今天,我們就來介紹資料設定欄位的方法吧!   1. 資料表 Database (1) Table Name: core_config_data   這張就是我們今天要介紹的主要資料表,它負責了幾乎一切 Magento 系統變數的儲存,我們透過以下表格來看看他有哪些欄位吧!   欄位名稱 型別 長度 說明 config_id int 10 Entity Id scope_id varchar 8 n/a scope_id int 11 n/a path varchar

Magento2 客製化模組製作

本篇要介紹如何在Magento2上製造一個客製化模組(Extension),我們會介紹一個模組必要的xml配置檔,和建置controller和view,呈現它們是如何溝通傳遞資料。 適用版本: Magento2.0以上   首先我們先決定好模組名稱為AstralWeb_HelloWorld,然後依照此模組名稱在app/code資料夾裡底下建立新的路徑app/code/AstralWeb/HelloWorld,一個模組必需要有registration.php和module.xml檔案,模組才能在Magento2底下運行,這兩個檔案我們建置的位置及內容如下: 檔案路徑:

Magento 2 事件處理 (上)

Magento 內建有許多的事件,其實使用起來非常方便,設定上也不會太過於繁瑣,又可以取得想要的參數,今天我們就來看一下事件的呼叫是如何使用的。   1. 什麼是事件 ( Event ) 事件 ( Event ) 是一種在 Magento 內實踐設計模式(Design Pattern)中觀察者模式(Observer Pattern)的一種實作方法。 而根據維基百科對於 觀察者模式 (Observer Pattern) 的定義:

如何在Magento2中 新增Newsletter 模板

當你的商店有銷活動時,該如何快速告知你的客戶? 透過Newslwtter 讓你的們隨時掌握你的商店吧!無論是推出新產品、促銷優惠、或是有任何想告訴客戶的新聞等等。   新增一個新的Newsletter Template 首先進入後台 Marketing>Newsletter Template   在這裡可以管理所有的Newsletter Template ,如果你還沒新增過任何模板,這裡是空白的。 接著 ,點擊右上角的新增模板按鈕。   在表格中填寫模版名稱、模板主題、發送newslwtter要顯示的發件名稱、要顯示的發送電子郵件 、模板內容等。

Magento2 如何更換交易信件logo

magneto2內有許多交易信件提示的原生功能相當方便,那我們要如何讓每一封的交易信件附上公司的LOGO呢?   首先,進入後台操作進入content>Configuration   接著選取希望更改主題!   拉到最下方找到Transactonal Emails ,並點擊展開。   接著如下圖第一步驟,點擊upload,並選擇公司圖片,在步驟2的中會顯示圖片預覽。接著下方alt欄位可以編輯若是圖片無法顯示的資料。   最後,別忘了按右上角的儲存就大功告成了!  

解決 Magento 2 新增 Product Attribute 自動新增至 Default AttributeSet 問題

當 Magento 使用上有時候需要多個 AttributeSet 來管理多種類的 Product,但是使用內建的 addAttribute 方法帶入 group 參數的時候,會自動新增至每一個 AttributeSet, 可是偏偏不是每一個 AttributeSet 都需要此屬性。我們今天就來看看到底是怎麼回事!   1. 新增 Attribute 通常會寫在 InstallData.php 內,今天我們就不特別說明新增的部分但是在新增的時候,我們首先要把 group 選項移除掉,並且加上 user_defined 選項,並給予 true 值。

Magento 2 商品排序方式設定教學

商品排序順序對於購物網站固然重要,管理者希望讓客戶在商品列表,優先觀看到哪些項目,將對於銷售商品有極大影響,所以此篇文章我們要來分享如何在Magento 2 設定商品排序。     1.首先進入Magento  2  管理後台,點選Product→ Categories 2.點選Display Settings下拉選單,展開後即可看到相關商品排序設定欄位。         Available Product Listing Sort By : 這邊代表提供給客戶Sort

解決 Magento 2 後台無法顯示 Datetime 欄位

Magento 2 中,後台可以透過 ui conponent 產生 layout 跟 grid,欄位也有多種選擇,像是 Text、Textarea、Select 等等,但是 Datetime 欄位顯示的時候僅有日期選擇器的部分,沒有時間,導致實務應用上的不便。這也是 Magento 的 Issue 之一,今天我們就來看看怎麼解決吧!   1. 新增 Attribute 通常會寫在 InstallData.php 內,今天我們就不特別說明新增的部分 但是在新增的時候,需要 給予 input_renderer 選項,裡面填寫自定義的 Class。  

MAGENTO 2.2.3, 2.1.12和2.0.18 安全性更新

Magento企業版和社群版2.2.3, 2.1.12, 2.0.18包含多個安全增強功能,可以幫助關閉跨網站指令碼(XSS)、經驗證管理用戶身分的遠程代碼執行(RCE)以及其他漏洞。   這些版本也包含了其他的修補程序,想要了解更多功能修復的相關訊息,可參閱Magento 2.0.18, 2.1.12, 2.2.3版本的發行說明。   之前尚未下載過Magento 2版本的使用者請直接進入Magento企業版或社群版2.2.3進行操作。 有關如何保護您網站的其他相關信息,請參閱最佳安全做法

Magento 2 CAPTCHA驗證碼設定

CAPTCHA全名為Completely Automated Public Turing test to tell Computers and Humans Apart,簡稱CAPTCHA,也就是我們俗稱的驗證碼,用來區分用戶是人或是電腦的全自動程式,由系統自動生成一個問題來讓用戶做回答,通常是一組形狀與排序特殊的數字或英文字組合,由於電腦依據圖片,進行解答CAPTCHA的文字組合,必須由人類才能解答,所以可以回答出CAPTCHA的用戶,系統就會判定該用戶是人類,而非機器人,常見的CAPTCHA如下圖所示。

Magento 2 ORM 架構淺談 (3)

在上一次的文章中,我們介紹了Collection 中 Select 子句的應用,接下來要介紹的是使用 Model 操作新增(Insert)、修改(Update)及刪除(delete)的方法。 章節 Magento 2 ORM 架構淺談 (1) Magento 2 ORM 架構淺談 (2) Magento 2 ORM 架構淺談 (3)   1.什麼是 Model  : Model 在 Magento 內可以說是一個 實體( Entity ),無論是新增、修改、及刪除的方法,都可以透過 Entity 來操作。   2.取得 Model 的方式:

Magento 2 ORM 架構淺談 (2)

在上一次的文章中,我們稍微介紹了 ORM 在Magento 內部的關係,也教大家怎麼實作了一個 包含 ORM 的 Model,今天我們就針對 Collection 的部分,介紹一些好用的方法,讓大家在操作資料表的時候,更能夠得心應手唷! 章節 Magento 2 ORM 架構淺談 (1) Magento 2 ORM 架構淺談 (2) Magento 2 ORM 架構淺談 (3) 1.什麼是 Collection  : Collection 是 Magento 內的操作資料庫的一種類別,裡面實作了許多資料庫的查詢語句的方法( Method

Magento 2 ORM 架構淺談 (1)

Magento 是一個包裝非常完整的 Framework ,除了實踐了許多設計模式( Design Pattern )的精神,也還有一些其他的 Pattern 在裡面,像是 ORM 的架構就是其中的一種,那我們今天就一起來了解 ORM 在 Magento 2 裡面有哪些好用的方法吧! 章節 Magento 2 ORM 架構淺談 (1) Magento 2 ORM 架構淺談 (2) Magento 2 ORM 架構淺談 (3)   執行環境: Ubuntu Linux 16.04 PhpStorm 2017.3 (好拉,其實跟環境沒關係。。)   1.什麼是 ORM :

Magento 2使用Module建立資料表

 Magento 是一個開源的電子商務購物網站,在客製化的時候,難免不了需要自己新增資料表及各式各樣的欄位,在 Magento 內部有實作了很好用的方法,有助於我們資料表 Schema 的建立及還原   執行環境: Ubuntu Linux 16.04 PhpStorm 2017.3   1. Magento Setup  方法 Magento 實作了一系列的方法,在執行 bin/magento setup:upgrade 的時候會依照順序執行的四個 Class 。 InstallSchema InstallData UpgradeSchema UpgradeData

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

這款線上客服模組是我看過蠻完整的模組,也很簡單上手,依照以下步驟即可完成安裝,本篇文章示範是在乾淨的magento1.9環境安裝的,注意一下如果是客製化過的環境有可能會有錯誤。 此安裝的版本為1.1.2版本(Live Chat 官網)。   下載 LiveChat module for Magento 壓縮包,解壓縮壓縮包後將livechat_magento 資料夾裡的內容複製到magento根目錄。 成功的話,Live Chat Tab 就會出現在管理介面上,如果沒出現可能是cache需要清除 點選 Live Chat Tab ,就會有登入Live

Magento 2.x如何管理貨幣

  Magento 2支援多國貨幣轉換,那麼我們要如何在後台管理它呢!   1.首先,在後台打開store>Configuration。   2.填入你要使用的貨幣 第一欄是需要換算時的基本貨幣單位 第二欄是網站希望預設的貨幣 第三欄為網站需要用的的貨幣(可以為多選) 填好後別忘了儲存。   3.在stores>currency rates中設定匯率,繼上一步設定的以美金為基準。   4.在stores>currency symbols中設定貨幣符號   5.別忘了按下儲存並且清除快取喔!  

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

相信很多人在完成一個網站時都會想到修改 copyright,究竟要到哪兒去修改呢? Magento 2一開始修改copyright的地方在後台Stores>configuration >Design>Footer,但現在已經找不到了。   新的路徑在後台Content>Configuration裡   你可以先選擇要套用在什麼主題中     然後在下方選項中選取 Footer,並找到copyright欄位進行修改。 別忘了按下右上角的儲存。就可以到前台看看是不是修改成功了喔!       小提醒:

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

通常Magento2產品目錄分類所顯示網址列的規則,是當你在建立產品目錄時系統就會自動抓取分類名稱作為命名,當然你也可以更改目錄網址列顯示的名稱,方法很簡單,只要到後台的設定就可以做到,本文是由Magento2作為教學示範例   下圖為系統自動抓取目錄名稱所顯示的網址,當我們希望網址列顯示可以自訂時該怎麼做呢?       Magento2 自訂產品目錄網址   1.打開後台選擇Products>Categories,   2.選擇你想要重新命名路由的分類(如下圖方框1)。   3.選擇”Search

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

PX: px的最大特色是精準度高,也因為他不知道他是絕對數值,不管你在那種螢幕寬的裝置下看到的字體大小都一樣,屬於最入門款的文字單位。   EM: em是相對數值,他會隨著外圍 文字大小做變化,例如你設定網站預設字型大小為16px,再設定的區塊內設定   font-size: 1.2rem;   那麼你實際上看到的字型大小就是:16px * 1.2 = 19.2 px。以下是展示當預設字型大小定義為16px時用em改字型大小的結果.               但是em有點麻煩人的地方是,如果再加入一層在內部,輸出結果就會以 1.2

如何使用composer安裝magento2

Magento 其實支援多種安裝方式,除了一般常見的下載安裝包之外,因為在 Magnento 2 裡面導入了新的現代化 PHP 套件管理工具 Composer,使得我們也可以利用 Composer 來安裝 Magento。   執行環境:Ubuntu Linux 16.04   1.何謂 Composer ? Composer 為現代化 PHP 程式的套件管理工具,僅需要 composer.json 定義檔來定義出我們需要安裝的套件,並且使用簡單的指令即可完成安裝,而 Composer

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

過去創立一個主題完成後,在後台選取新建立的主題,前台看到的畫面卻還是未載入css的狀態,這時你會下command “php bin/magento setup:static-content:deploy” , 讓css複製到pub的資料夾去,使畫面達到預期。   但在Magento2 版本2.2 已經不需要這麼做了,在這個版本,如果你在deault模式和develop模式執行上述命令,命令視窗會出現如下圖提醒 告訴你他會自動執行這個動作,但如果你仍然要執行此段工作,你可以輸入這段command 來執行”php bin/magento

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)

Magento2測試資料產生工具

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

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

在網頁設計製作開始前,專案管理或行銷企劃人員會提供一份完整資料給予設計人員,而設計與開發會透過這些資訊與資料來為該專案進行有限度的製作,那這些資料有什麼呢? 一起來看看吧!   前言 設計與開發人員能不能決定網頁功能? 如果在一個完全客製的專案當中,並客戶需要使用者體驗為主的設計時,設計人員可以提供較專業的設計與規劃,但在一定規模的公司中,設計人員與工程師只能提供技術上支援與反饋,對於專案執行並無決定權,而設計與開發人員並不會直接去接觸客戶,會經由行銷企劃人員、業務人員、專案管理人員來處理,因此設計與開發人員必須根據行銷企劃等人員所提供的資料來做製作。  

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

本月初Magento官方發布一則訊息,Magento Open Source 2.2.0本版推出,此版本包含數百種增強功能和修復。歐斯瑞這裡從Magento 官方網頁整理翻譯幾個重點提供M友們快速瀏覽本次Magento更新重點!   Magento相關消息&教學請見:Magento導覽 如果有其他問題或Magento電商網站開發需求,歡迎聯絡我們。 重點 Magento開源2.2.0包含了大量新的、令人興奮的功能,以及數百種增強功能和修復。此版本重點請看以下:   捆綁擴展Bundled extensions: Magento的這個版本包括與Magento Commerce

Magento 2 效能優化

其實 Magento 官方的開發文件中有一些建議的屬性值可以調整,調整後可以使Magento 的執行速度變得更順暢   1.調整 PHP 設定檔 在 Linux 作業系統底下,php.ini 的設定檔位於 /etc/php/7.0/fpm/php.ini ,我們調整裡面的設定如下: 設定完後,重新 PHP 讀取 fpm 設定值,鍵入命令 $sudo /etc/init.d/php7.0-fpm reload 後可以在 PHP 資訊內看到以下畫面,表示成功。   2.開啟 Opcache 設定(在php.ini的檔案內) 設定完後,重新 PHP 讀取 fpm

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

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

Magento2 管理會員密碼安全性

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

Magento2 – 管理CMS, Block, Wiget

一、建立CMS頁面 步驟1.新增頁面 首先進入CONTENT > Element > Pages,然後按Add New Page 接著在Page Title處輸入此頁面的名稱/標題 在CONTENT處輸入你要的內容,Content Heading輸入頁面頂部的主標題,點擊Show/Hide Editor按鈕,用WYSIWYG編輯器編輯文本,可輸入文字與插入圖片 在Search Engine Optimisation處輸入URL Key 與 Meta Data 定義此頁面在哪些網站介面上顯示 於Design裡的Layout下拉變可設計前台的設計 而在Custom Design

如何在Magento 2中生成Sitemap

本章節將告訴您如何在Magento 2裡產生sitemap。 Sitemap可以增加您的網路商店被搜尋引擎搜索到的機會,同時特別設計成可尋找被網路爬蟲忽略的頁面。Sitemap也可以設置為能夠索引所有頁面和圖片。   當啟用Sitemap時,Magento會建立一個叫sitemap.xml的檔案保存到安裝的根目錄。該配置使你能夠設置更新的頻率和每種內容的優先權。而你的sitemap應該按照網站上的內容進行更新(可能每天、每週、每月)。   當網站進行開發中時,你可能會放入網路爬蟲的指令來避免網站被搜索到,記得上線前更改指令來允許網站被索引。   相關文章

Magento 2 如何更改交易信件Logo

在Magento 2,如果沒有設定自己的信件logo,則會顯示Magento自己預設的logo圖。   預覽信件Logo   我們可以在後台預覽各種信件的預設範例:   1.行銷(MARKETING) > 通訊(Communications) > 郵件模板(Email Templates) 2.選擇新增模板:Add New Template   3.模板 > Magento_Email > Header > 載入模板 > 右上預覽模板 4.信件Logo預設模樣 後台設定  

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

  很多人在設置組合式商品時會出現無法設置價格的情形,如圖紅圈處: 如此一來組合式商品之價格僅能依據普通商品本身價格帶出來,同時一旦沒有設置價格,組合式商品便無法在前台顯現,以下將教您如何將價格設置欄位召喚出來。   步驟一: 首先點選Catalog→ Attributes→ Manage Attributes 步驟二: 找到price的欄位點選進去 步驟三: 將Apply to* 欄位裡面的Bundle Product選取出來並按儲存 如此一來新建組合式商品時價格欄位就出現了!  

Magento 2 的投票功能消失了!

在Magento 1.x 裡有個投票的功能,您可以使用他來舉辦票選活動,了解消費者想法! 但是在Magento 2 中、這個投票功能被取消了。   如果您還是有投票功能的需求、可以使用免費的Google

Magento2 搜尋關鍵字 / 單字管理

在產品種類與數量眾多的購物網站,如何使客戶能在搜尋關鍵字時,更快速找到自己想要的產品,是購物網站增加訂單量的其中一大因素,今天要來教大家如何在Magento 2 管理搜尋的詞彙以及單字整理,了解大部分客戶喜歡用甚麼字眼來搜尋相關產品,以及該使用率,觀察整理完成後,並集合各種解釋意思或是可能錯字,來引導客人到他們心中確切想要找的產品,例如客戶想找 咖啡杯 可能會搜尋 、coffe、cofee、咖杯.. (甚至錯字),但其實都是要希望能找到咖啡杯,藉由Magento 強大的詞彙管理系統,來集合各種可能關鍵字,來引導客戶到相對應的產品,以下為這次教學的重點   搜尋詞彙、關鍵字整理

如何解決Magento 2 預設主題的選單問題

    Magento 2 的預設主題有一個小小的問題,當你的瀏覽器視窗尺寸介於 768 pixel 與 641 pixel 之間時,會出現底下的情況: 當滑鼠滑入時、次選單就會自動展開。正常的情況下這個的動作應該是:「當滑鼠點下時、展開次選單」。   現在我們要教您如何修正這個問題。   首先我們要來找相對應的js檔案,檔案的路徑是:magento root\lib\web\mage\menu.js 找到第42行的media: ‘(max-width: 640px)’ 將640改成768就可以了。   這個問題發生的原因在於:Magento 2

Magento 2:設置Theme Logo

在Magento 2,Logo的檔名與格式預設為logo.svg。當你把一個同為logo.svg的檔案放到對應路徑<theme_dir>/web/images時,系統就會視這張圖為這個theme的logo。(即下圖所標示之處) 在使用客製的theme時,我們也可以藉由宣告來使一張不同名稱且不同格式的圖設為logo。   那麼在什麼情況下我們需要使用宣告呢? 主要可以分為以下幾種情形:   當你的theme沒有parent theme時 如果你的圖檔與預設相同為logo.svg則不用宣告 如果你的圖檔與預設名稱或格式不同時則需要在layout宣告  

Magento2 管理商店

商店分級 當magento 2安裝好的同時,一個包含主要網站、商店(品牌)和商店介面的多層級架構已建立好了 你可以根據你的需求新增額外的架構。舉例來說,在一個主體網站下可能會有不同多個品牌,同時每個品牌又需要不同的語言來應對不同國家,你得事先計畫你的層級劃分,因為這跟你後續的結構設計息息相關。 新增網頁 一個Magento系統底下可以設置多個網站,而這些網站也可用相同或不同的網域,如果你要讓每個商店在他們自己的網域下有專用的結帳流程,則每個商店必須要有獨特的IP位址和不同的安全憑證 步驟一:創建網站 在左側選單選擇Store→Setting→All Store 選擇Create

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

    這篇文章要跟大家分享如何使用小工具(Widget)建立網站內容並將內容放在頁面上。Magento的小工具(Widget)有很多不同的類型,這篇文章要以靜態區塊(CMS static block)做示範。其他類型的建立步驟都差不多,你可以參考建立Widget及設定Widget的顯示頁面及位置的步驟,只有在設定Widget的顯示內容時需要因應不同的Widget類型做調整。   在開始建立Widget之前、我們要先建立一個靜態區塊(CMS static block) 接下來我們要開始使用小工具(Widget)建立網站內容: 建立Widget  

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

在之前 Magento 2 前台網站開發第一步 的文章中說明了如何創建一個新的主題布景(Theme),於後台選取並套用後也許你就會發現,為什麼我的網站變成了這個樣子!? 此時如果對者畫面點擊右鍵或使用快速鍵F12打開發開人員工具你會發現: 跳出了滿江紅的錯誤訊息! 這是因為你的Magento 2的靜態檔案(static view files)尚未被重新部屬(Deploy),所以當你的主題布景在建立、選取切換(theme/mode),或是有新更動時,常常就會出現這種情形。   這邊就要提到一個在Magento 2前台開發上不可或缺的一個指令:”Deploy”

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

    我們在之前的文章有介紹過如何新增目錄促銷規則,若還有疑惑的朋友們,請見此篇文章:如何新增目錄促銷規則Magento2   而在此我們直接上網尋找實例,分享介紹屬於目錄促銷的規則。   如將近的母親節,很多商場有對於節日的促銷活動,實施所有美妝用品5折: 設定活動名稱及適合頁面   填寫”規則名稱”與”說明”欄位 將狀態設定為”啟用” 在”網站”選擇此規則所適用的網站       設定折扣消費群及活動期間

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

匯入功能 Magento的匯入、匯出功能可以讓您將所有產品型號資料、顧客資料、顧客地址和產品圖片以CSV檔的方式做細部與大量管理。   步驟一:準備資料 一般從後台匯入資料皆使用CSV檔,但匯入檔案需要Magento固定格式,可先將你所想匯入資料匯出當作範例(比如要匯入大量產品product,可先匯出其中一項產品取得格式範例)   步驟二:選擇匯入行為 登入Magento2後台,進到 system > Data Transfer > Import,可匯入的種類有: 價格 產品 客戶資料和地址(單一檔案匯入) 客戶資料 客戶地址 根據不同管理需求做選擇。

Magento 2 商品評論管理

以下將介紹如何操作商品評論相關設定     審核客戶評論與發佈 限定會員評論設定 新增客戶評價滿意度     審核客戶評論與發佈 為了防止惡意留言,以及垃圾廣告留言洗版,Magento的產品評論具備審核機制,當用戶留下評論後,並不會立即顯示於頁面中,則是需要經過後台管理者的審核通過才可顯示,管理者也可另外做設定,開放讓會員評論立即發表,只審核訪客留言。 以下將示範審核客戶評論與發佈 首先模擬客戶在產品下方的Reviews,留下相關產品評論後按下Submit Review,如下圖所示 客戶發表評論後,商家可在Magento 2 後台查看管理 點選左邊選單

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

通知信件即為系統自動發出的信件,包含註冊成功、忘記密碼、訂單完成、出貨通知等等,商家可依造信件內容進行修改(包含風格修改)。 以下將針對忘記密碼的確認信件來做示範案例   忘記密碼的確認信件 首先左邊選單Marketing >Communications > Email Templates >Add New Template(右方) 點選新增新的模板   範例:1 Template Name 填入名稱,如: 忘記密碼確認信   在Template下拉選單選擇Forgot password

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

在這篇文章中、我們要為你示範如何將靜態區塊(static block)的內容新增至頁面(cms page) 中。   新增靜態區塊(static block)內容   登入管理後台,選擇 CONTENT > Blocks 。   新增Block   編輯好Block內容之後 按下Save Block 退出   將靜態區塊內容(static block)放到頁面(cms page) 中   選擇 CONTENT > Blocks   新增頁面或是選擇要放置內容的頁面、在這裡我們選擇home page  

如何收集和翻譯Magento 2中的單字

  為了在Magento2中收集用於前端和後端的翻譯單詞,我們需要生成包含所有需要翻譯的術語的csv(逗號分隔值)文件。   這些文件我們稱它為字典。該文件的第一列為原始的英文短語,在第二列我們需要添加我們自己的翻譯字詞。第三列顯示短語是在主題或模塊中,第四列顯示在哪個模塊中找到短語。   我們可以使用magento 2 CLI指令生成該文件。 首先cd進入你的magento2根目錄文件夾:   cd path/to/your/magento2/  

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

  前言   Magento 2 提供了兩種預設的主題,Luma與Blank。 Luma:是展示用主題 Blank:則是作為開發基礎的空白主題 雖然 Magento 2 並沒有在Luma的主題使用上有所限制,但是如果你希望有客製化的設計或想建立自己的主題時,Magento強烈建議使用者不要編輯或更改預設的主題內容   Q:為什麼Magento不希望我們這樣做呢? A:因為當你直接對預設的主題進行編輯或更改時,當Magento2進行更新過後,你的設定可能就會直接被覆蓋掉   那麼就開始吧!   要為Magento 2 建立一個主題,首先需要在:

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

今天歐斯瑞要來談談Magento 2結帳流程頁面,相較Magento 1.9設計上有哪些優化呢?在設計時需要注意哪些事情? 一起來看看吧!   結帳頁面的重要性 好不容易讓客人進入到結帳頁,卻又因為繁瑣的步驟或是煩雜的畫面內容,增加了廢棄購物車的機會,別讓使用者在結帳的過程中增加負擔,進而影響了你的銷售,更多結帳頁設計技巧可以參考我們的文章「12個結帳頁面的設計技巧」。   Magento 2 的結帳頁更為優化 更簡化的步驟 將結帳步驟簡化至2步驟,對於使用者來做不必分成5步驟,即可完成結帳動作。   響應式設計更符合行動裝置 畢竟Magento

Magento2 訂單管理

訂單 (Orders) 控制面板 (Order Worksapce) 訂單工作流程 (Order Workflow) 訂單狀態 (Order Status) 明細 (Invoices) 開立明細 (Creating an invoice) 列印明細 (Printing Multiple Invoices) 配送單 (Shipments) 退貨單 (Credit Memos) 建立退貨單 (Create Credit Memos) 列印退貨單 (Printing Credit Memos) 訂單

Magento2 客戶帳戶管理

      客戶帳戶設置將定義已註冊客戶所需要收集的資訊,以及客戶在網站上的體驗。客戶帳戶設置包括: 線上Session長度 帳戶範圍 登入目標網頁 新帳戶選項 名稱和地址選項 密碼選項   線上session長度 每個客戶session的長度默認設置為十五分鐘。如果在該時間期間沒有鍵盤活動,當前則session結束,並且客戶必須登錄入他們的帳戶以繼續購物。如果啟用了“ 持續性購物車”Persistent Cart,則購物車的內容將在下次登入其帳戶時儲存。   配置在線session長度: 1.在

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

封裝語言包: Magento 2 的語言包是一個壓縮檔案,裡面包含資料夾結構與必需的檔案   創立資料夾結構. 使用你想要的名稱來建立資料夾,並且選擇你所想要建立的語言   你可以使用命令 php bin/magento info:language:list 去確認可以使用的語言.   php bin/magento info:language:list   輸出Output:     .... | Hungarian (Hungary)         | hu_HU   | | Icelandic (Iceland)

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

此影片向大家分享一個非常實用的網站 Magereport.com,這是網站可以幫助你檢視目前 Magento 1與Magento 2網站的安全性封包更新狀況與一些網站安全性檢視,在掃描與分析之後,Magereport會產生出一個專於你Magento的報告,你可以依照此報告做安全性更新與調整,每項檢測都附上安全性風險等級以及檢測及處理方式,幫助你的Magento更加安全! 歐斯瑞頻道:https://www.youtube.com/astralwebtw

Magento2 備份系統與資料

本文章主題: 備份系統與資料   選擇欲備份的資料 首先登入你的Magento2後台,並進到 system > Tools > Backups 接著你會看到上方有三個備份按鈕,分別是: Syste Backup 系統備份 Database and Media Backup 資料庫與多媒體資源備份 Database  Backup 資料庫備份 你可以根據需求來選擇要備份的項目     備份名稱與子選項 在備份,需輸入備份資料的名稱,你可以使用一些關鍵字來記錄你的備份資料 並根據你的需求來勾選備份子選項 Maintenance mode: Please

Magento 2 促銷設定(二) – 購物車促銷規則

Magento 2 促銷設定( 二) – 購物車促銷規則 購物車促銷規則文章概要: 制定購物車促銷規則 優惠卷使用 免運費設定 買X件送Y件   新增購物車促銷規則 在後台介面左側選擇銷售(Marketing)→促銷(Promotions)→購物車促銷規則(Cart Price Rules)。   在右上角點選新增規則(Add New Rule)按鈕後,在下方有四個頁籤,分別是規則資訊(Rule Information)、條件(Conditions)、操作(Actions)、標籤(Labels)。    

Magento2 基本運費設定

  免運費 固定運費 表單運費 免運費(Free shipping) 免運費是一種最常使用的促銷方式,你可以設定滿固定金額來獲得免運費,或是透過購物車促銷規則來設定滿足免運費的條件 (系統會以購物車價格規則為優先)。 設定免運費 在左側的目錄中,選擇 商店(Store) > 設定(Setting) 下方的 配置(Configuration)。 展開銷售(Sales),選擇配送方式(Shipping Methods)。 展開免運費(Free Shipping),將狀態(Enabled)設為啟用,並輸入標題(Title)與名稱(Method Name)。

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

    文章概要: 目錄促銷規則 購物車促銷規則   新增目錄促銷規則 在後台介面左側選擇銷售(Marketing)→促銷(Promotions)→目錄促銷規則(Catalog Price Rule)。 在右上角點選新增規則(Add New Rule)按鈕後,在下方有三個頁籤,分別是規則資訊、條件、操作。 在”規則資訊頁籤” 中完成以下幾點: 填寫”規則名稱”與”說明”欄位,這二個欄位只供後台檢視用。 將狀態設定為” 啟用” 。

Magento2 報表操作指南

本文章主題: 報表種類說明 操作指南 刷新報表數據 報表種類說明 Marketing Reports: Products in Cart 列出當前購物車中的所有產品,包括每個產品的名稱和價格、此產品被加入到購物車的次數、此產品被訂購的次數。 Search Terms 顯示您的客戶在每個商店中所搜尋的字詞, 包括目錄中所匹配的數量,以及字詞被搜索的次數。 Abandoned Cart 列出所有購物車內有商品且尚未過期的網站會員名單,包括客戶名稱和電子郵件地址、購物車內的產品數量與小計金額、創建日期和上次更新日期。 Newsletter Problems

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

  進階商品價格 關聯商品 進階庫存 進階設定 進階商品價格-設定特價 進入商品資訊,在價格下方,點選Advanced Pricing。 設定特價金額與應用期間。 設定層級價格 Magento允許同一商品擁有多個銷售價格,根據網站、會員群組、購買數量的不同,可設定相對應的商品價格。 1.進入商品資訊,在價格下方,點選Advanced Pricing。 2.設定層級價格的觸發條件,包含 ●網站 ●會員等級 ●購買數量 ●價格 關聯商品 Magento共可設定三種關聯商品,Related Prodcuts, Up-sells, Cross sells。

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

基本欄位說明 圖片設定 影片設定 SEO優化 基本設定 欄位說明 欄位 範圍 說明 名稱 store view (必填) 商品的名稱,會顯示於目錄內,同時也可能被自動使用於URL key。 商品編號 global (必填) 讓系統識別每個商品的獨立代號,為唯一值。 售價 website 商品零售價。 稅種 website 商品的稅務種類。 庫存量 global 當前的庫存量。 重量 global 商品重量。 目錄 global 顯示的目錄位置。 顯示方式 store view 無法單獨顯示:該商品可能應用於複合商品內,並不單獨顯示出來。 目錄:商品顯示於目錄內,但不可用搜尋帶出。

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

Magento2 商品管理(二) – 新增商品(下) 新增商品 組合商品 虛擬商品 組裝商品 可下載商品 新增商品 組合商品 組合商品是由各個獨立的普通商品所組成,你可以調整普通商品或是組合商品來增加銷售, 組合商品內的所有商品都是被分開販售的,庫存也是分開計算。 在左側的目錄中,選擇 商品(Product) > 商品目錄(Catalog)。 在右上角的新增商品按鈕旁,有個倒三角形,選擇新增組合商品。 完成必填的商品資訊,輸入商品名稱、SKU(商品編號,不可重覆,預設為商品名稱)、售價。 完成剩餘商品資訊,選擇商品稅類(預設有Taxable Goods,

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

商品類型 新增商品 普通商品 可配置商品 商品類型(Product type) 新增商品的第一步驟是選擇商品類型,Magento共有六種不同的商品類型,每一種商品類型各有應用的方式,隨著商品類型與屬性組合(attribute set)的交互應用,可以創造出非常的多商品變化。關於商品的屬性組合,將會在另一篇教學與大家分享。 普通商品 普通商品是擁有獨立商品編號的實體商品, 它擁有多變的價格制訂與功能設定,在銷售上可以做許多變化, 普通商品為組合商品、可配置商品與組裝商品的基礎。   可配置商品

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

文章概要: 新增權限角色(Roles) 新增使用者(Users) 分派使用者至權限角色內 解鎖使用者   新增權限角色(Role) 為了畫分各個網站管理者的權限,第一步驟是創建每個管理者對應的權限角色,權限角色可以創建許多不同等級,例如:管理訂單的人、管理商品的人、管理會員的人等等。 在後台介面的左側選擇 System,再Permissions下方選擇User Roles。 在右上角點選Add New Role按鈕。 在Role Name輸入角色名稱。(Ex:行銷人員、客服人員、商品管理者等。) 在左側選擇Role Resources。 在Resource

Magento 2 中文版使用教學 – 目錄管理

文章概要: 新增目錄 完成基本資訊 修改目錄 隱藏目錄   新增目錄 目錄結構的像是上下顛倒的樹,主目錄在最上層, 每個部份可以展開與收闔,如果有隱藏或是不啟用的目錄會以灰色顯示。 在後台介面的左側選擇 Product > Categories。 在目錄列表中,點選你要當作基準的目錄,你所新增的目錄將會創建在此基準目錄下。 選好基準後,點選 Add Subcategory 來開始新增目錄。 完成基本資訊 (*為必填欄位) 在 Category Name 輸入此目錄的名稱 在 Enable Category 調整是否啟用此目錄

Magento2 建立中文翻譯語言包

大家好! 今天歐斯瑞要教大家在 Magento2 系統中建立中文翻譯的語言包   我們要在系統上開始建立語言包,首先先確認 /app/i18n/ 資料夾是否存在?若不存在就請建立此資料夾   接著建立資料夾 /app/i18n///   以歐斯瑞為例,我將會建立資料夾在i18n下,/app/i18n/Astralweb/zh_hant_tw/ 接著在建立以下三個檔案   composer.json language.xml registration.php   以下為檔案的個別範例   composer.json { "name":

如何修改Magento 2的模式設定

Magento 2 的三種模式   Magento 2 有三種模式,分別為default, developer, production。 詳細請參考 Mogento Modes 模式 特點 預設模式 default 預設模式並不是最適合正式網站的模式 啟用靜態文件緩存 例外﹙異常﹚不顯示給用戶;相反地會被寫入日誌文件。 隱藏自定義的X Magento-* HTTP請求和響應header 開發模式 developer 適合開發中的Magento 2 網站 禁用靜態文件緩存﹙圖片、字型…等﹚ 提供詳細的日誌記錄 啟用自動代碼編譯 啟用增強的調校

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

如果要在Magento 2 找出負責某一個區塊的的檔案時,可以使用Magento 內建的樣版路徑提示功能,可以幫助我們快速找出相關的檔案。底下就是在Magento 2 開啟樣板路徑提示功能的方法。 進入Magento 2 管理後台、點選  Stores > Configuration。 在左側的折疊選單中選擇  ADVANCED > Developer。 在左上角的Store View: 選擇需要提示的Store View。 展開右側的Debug 標籤,將Template Path Hints for storefront設為Yes以開啟網站前台的樣板路徑提示功能。

如何在Magento 2 執行Reindex

在Magento2內,要如何執行Reindex呢? 讓我們一起來看看吧! 在安裝完Magento2之後,第一次進入後台,Magento馬上送給我們一個驚喜。 “One or more indexers are invalid. Make sure your Magento cron job is running.”   根據提示、我們必須執行Reindex的動作,但是後台已經沒有Reindex 的操作選項了,那該怎麼辦了。Magento2 將很多的後台操作都取消了、改成使用命令行的方式,Reindex 就是其中一項。

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

您有沒有這樣子的困擾,在安裝完 Magento2 及 sample date之後,興沖沖地開啟 Magento2 的頁面、確發現版面似乎有點奇怪。”少了Logo及縮圖”   解決的方法非常的簡單 只要在Magento的根目錄執行底下的命令就可以了 php bin/magento setup:static-content:deploy 成功的話、您會得到這樣的訊息:New version of deployed files: xxxxx   現在我們回到Magento 2 的頁面、按下F5重新整理一下畫面,您可以發現,Logo及圖示都回來了。