Magento教程 7:客制化网站

帮助你的Magento更上一层楼!

架站完成后,我们将分享一些Magento好用的功能、扩充套件、小技巧以及常见的问题。

 

开启多语言介面

在Magento中,你可以轻松的进行语言切换,只要使用Magento中内建的Store View(商店介面)功能,就可以建立多语言的介面。

位置:

System→Manage Stores

点选右侧Create Store View

Magento教程 7:客制化网站
Magento教程 7:客制化网站

接着填写Store View的基本资料

Magento教程 7:客制化网站
Magento教程 7:客制化网站

Store

选择上层的商店

Name

商店介面的名称

Code

商店界面的商店代码

Status

是否启用此商店介面

Sort Order

介面顺序

输入完所有资料并储存后,介面中就多了一个我们刚才所新增的介面。

Magento教程 7:客制化网站
Magento教程 7:客制化网站

现在就来测试刚才所建立的新商店介面,我们用产品来测试此商店介面,请先选择一个产品,我们可以注意到,他目前的商店介面是Defalut Values​​,代表他是所有的介面的预设值。

Magento教程 7:客制化网站
Magento教程 7:客制化网站

接着将Store View切换至刚才设置的语言介面,然后修改Name栏位,记得要先把右边的Use Default Value取消勾选,这样才能编辑Name栏位。

Magento教程 7:客制化网站
Magento教程 7:客制化网站

储存之后请前往前台该产品页面,会发现上方的工具列多了语言选择清单,再选取我们刚才所制作的商店介面。

Magento教程 7:客制化网站
Magento教程 7:客制化网站

你会发现产品名称已经更新为我们在新的产品介面下所填入的名称。

Magento教程 7:客制化网站
Magento教程 7:客制化网站

商店介面可以应用在Magento系统许多地方,产品名称只是其中的一个功能而已;运用商店介面,就可以把你的Magento网站变成多语言网站。 Magento拥有很多扩充资源,其官方有提供平台让Magento的开发者分享自己的作品并且贩售,接下来我们就要介绍如何运用这个资源来美化及加强你的网站。

Magento Connect

安装主题

在Magento你可以使用主题来美化你的网站,在Magento Connect或其他M​​agento主题分享网站中,有非常多种类的主题可以选择,现在就来开始安装主题吧!

首先,先到Magento connect主题下载的网页,在左侧选择你的搜寻顺序、平台以及Magento使用版本,在右侧可以选择免费使用或需要收费。

Magento教程 7:客制化网站
Magento教程 7:客制化网站

下载主题需要先登入Magento网站,若有帐户请直接登入;反之,于Magento官方网站注册帐号后再登入即可。

操作步骤如下:

一、选定喜好的主题

二、进入该主题页面,点击右边的Install Now,取得安装代码(会提示你要登入Magento帐户)。

取得安装代码的画面如下:

Magento教程 7:客制化网站
Magento教程 7:客制化网站

特别注意安装代码版本的选择以及要「勾选同意条款」,在Magento Connect的安装代码有两种,1.0是旧版的安装代码,而2.0是新版的安装代码;安装时请注意是否有对应到相同版本的安装代码。

Magento教程 7:客制化网站
Magento教程 7:客制化网站

拿到安装代码之后,请至Magento后台的Magento Connect Manager

位置:

System→Magento Connect→Magento Connect Manager

Magento教程 7:客制化网站
Magento教程 7:客制化网站

使用后台管理者帐号登入之后,将取得的安装代码复制到网页中间的栏位,接着点击Install安装 ,之后会出现套件的名称与资料,接着点击Proceed安装主题。

Magento教程 7:客制化网站
Magento教程 7:客制化网站

等到小黑窗跑完所有处理后,系统会要求你Refresh重新整理你的系统。

Magento教程 7:客制化网站
Magento教程 7:客制化网站

接着到/app/design/frontend/ 底下查看新主题包的资料夹名称,得知新的主题包路径为f002

Magento教程 7:客制化网站
Magento教程 7:客制化网站

然后到系统设定网站设计的管理页面,输入主题包资料夹栏位并储存,在这要注意别打错资料夹名称,Magento系统会判断此名称是否存在frontend的资料夹中,若没有则会跳出错误讯息。

错误讯息:

Magento教程 7:客制化网站
Magento教程 7:客制化网站

正确讯息:

Magento教程 7:客制化网站
Magento教程 7:客制化网站

接着去Magento的前台查看,会发现网站的主题已经替换成我们所选的主题。

Magento教程 7:客制化网站
Magento教程 7:客制化网站

有些主题会有其他额外的安装步骤,请务必遵照该主题的教学步骤安装,才能顺利完成安装。

安装扩充套件

之前在欧斯瑞分享 ​​过如何在Magento商品页面,利用AddThis套件新增社群分享功能

是以Magento的热门套件「AddThis」为范例,执行扩充套件的安装,我们将引述该文章进行介绍。

目 前社群分享功能在电商网站中非常热门,网路上已经有几家公司整合了各种社群功能,方便商家使用,今天Astral Web要介绍的是「AddThis」,它在Magento Connect中有提供Magento的扩充套件包,本文将与大家分享如何在Magento产品页面中,利用AddThis增加社群分享功能。

1.先至Magento Connect页面右上角的搜寻框输入「AddThis」

Magento教程 7:客制化网站
Magento教程 7:客制化网站

2.选择套件名称为「 AddThis

Magento教程 7:客制化网站
Magento教程 7:客制化网站

3. 进入页面后,点击「Install Now」立即安装。

Magento教程 7:客制化网站
Magento教程 7:客制化网站

接着会要求你登入或注册,如果有Magento官方帐号请直接登入;没有就请先注册再登入。

Magento教程 7:客制化网站
Magento教程 7:客制化网站

4.勾选「 I agree我同意 」选项之后,点选「 Get Extension Key 」。

Magento教程 7:客制化网站
Magento教程 7:客制化网站

再点选「 Select Key 」复制代码。

Magento教程 7:客制化网站
Magento教程 7:客制化网站

5.接着进入Magento后台,点选System→Magento Connect→ Magento Connect Manager

Magento教程 7:客制化网站
Magento教程 7:客制化网站

6. 再使用Magento后台帐号登入Magento connect系统。

Magento教程 7:客制化网站
Magento教程 7:客制化网站

7.将我们刚才复制的代码贴至「 Install New Extensions 」的栏位中,点击「 Install 」安装。

Magento教程 7:客制化网站
Magento教程 7:客制化网站

8.接着我们会得到该扩充套件的资讯,请点选「 Proceed 」安装套件。

Magento教程 7:客制化网站
Magento教程 7:客制化网站

9.若无其他问题,网页会开始进行安装程序,在完成之前请不要做任何动作,完成后会得到以下画面,接着点选「 Refresh 」刷新页面。

Magento教程 7:客制化网站
Magento教程 7:客制化网站

10. 为了触发Magento扩充套件的安装Script,请先回到Magento后台,登出管理帐号再重新登入。

11.点选System→ Configuration,你会看到在左方列表中多了「 AddThis 」的控制选项。

Magento教程 7:客制化网站
Magento教程 7:客制化网站

在控制标签里可做详细的功能设置,因此如果你有详细的需求,可于此设定。

12. 接着到前台的产品页面并重新整理,你会发现在产品右侧资讯多了社群分享的按钮。

Magento教程 7:客制化网站
Magento教程 7:客制化网站

完成以上步骤,网站就可以透过社群网站分享产品资讯啰!

以上是主题与扩充套件安装的步骤教学,学会之后你的Magento不再是一人孤军奋战,而是与Magento社群中的成员一起奋斗!

安装追踪码

由于Magento系统本身支援Google Analytics,更在1.9.1之后的版本支援Google Universal Analytics,所以在Magento系统中可以轻易引入Google的追踪码。

位置:

System→Configuration→Sales→Google API

Magento教程 7:客制化网站
Magento教程 7:客制化网站

Enable

启用Google Analytics

Type

Google Analytics版本

Account Number

帐号号码

Enable IP anonymization

启用匿名IP

设定好之后储存,然后到前台检视页面原始码,就会发现Google Analytics的追踪码已经成功安装至网页。

Magento教程 7:客制化网站
Magento教程 7:客制化网站

但除了Google追踪码之外,还想放其他类型的追踪码该怎么办呢? Magento系统提供Head与Footer这两个地方让我们可以客制化自己的Script,我们可以利用这个功能去放置追踪码。

Head

位置

System→Configuration→General→Design→Html Head→Miscellaneous Scripts

放置范例码:

Magento教程 7:客制化网站
Magento教程 7:客制化网站

范例追踪码出现在Head中且在Body之前:

Magento教程 7:客制化网站
Magento教程 7:客制化网站

Footer

位置

System→Configuration -> General -> Design -> Footer -> Miscellaneous Scripts

放置程式码:

Magento教程 7:客制化网站
Magento教程 7:客制化网站

范例追踪码出现在Body的尾端,并且在网页内容之后:

Magento教程 7:客制化网站
Magento教程 7:客制化网站

以上就是放置追踪码的范例示范,欢迎大家参考。

推荐扩展包(Extension)

接着要来推荐几个好用的Magento扩充套件。

WordPress Integration

Magento教程 7:客制化网站
Magento教程 7:客制化网站

WordPress与Magento整合套件

WordPress是当今火红的免费部落格系统,可以整合Wordpress至Magento里,让这两个系统发挥自己的所长。 该套件整合度高,也支援许多的Wordpress插件,如果你的Magento网站有架设部落格的需求,这个套件绝对是你的首选。

AddThis

Magento教程 7:客制化网站
Magento教程 7:客制化网站

在Magento系统中使用AddThis社群分享功能

AddThis是在网站中常被使用的社群插件,因为AddThis整合了目前所有的社群分享功能,只要使用AddThis就不用安装各种社群分享插件在网站里面,在Magento中使用AddThis是非常方便的,可以节省制作时间。

One Page Checkout

Magento教程 7:客制化网站
Magento教程 7:客制化网站

在Magento使用一页结帐页面。

一页结帐可以让使用者减少点选下一步的动作,进而达到快速结帐的目的,减少结帐的困难度,让使用者使用起来更简单便利,提高使用者经验。

常见问题

为什么我更新网站资料之后,在前台却没有任何变化?

可能您使用了Cache系统,请试着关闭或刷新Cache之后再重新整理页面并检视。

更改系统设定值后有刷新Cache,检视前台后却发现更改的设定都没有变动?

可能在商店介面出了问题,请检查各商店介面是否使用预设值,如果是使用自定义的话,每次变动必须都到该介面里更改设定值。

为什么我已经调整商品库存的数量,但在前台页面却无法看到该产品呢?

可能是您在后台管理商品中的Stock Availability选项没做调整,请选择In Stock(尚有库存),产品才会在前台显示。

为什么统计报表系统都无法显示资料?

可能是没有更新报表的资料,请您去后台介面Reports→Refresh Statistics 更新您所有的报表资料。

如果还有Magento相关问题,可以至Magento的教学导览观看更多相关文章。

Magento工作流程的文章就到此告一个段落,在Magento中还很更多功能及参数要去设定,有时问题不仅只出现在网站程式码中,还有一些是发生在主机或资料库,所以遇到问题还是要请专业人员帮忙,才能一劳永逸。

 

原文:http://www.astralweb.com.tw/magento-customize/

本文:Magento教程 7:客制化网站

Loading

Tags:

Add a Comment

Your email address will not be published. Required fields are marked *

Time limit is exhausted. Please reload CAPTCHA.