国际最顶级系统magento模板一步一步建设外贸商城网站图文教程

(欢迎加微信:bestshop24h  咨询讨论magento任何相关问题)

小服务:最优magento模板porto源码代安装200,

目前国际上,专门针对购物网站而开发的开源系统有很多,比如Magento,Opencart,Prestashop,Zen-cart,3dcart,oscommerce,cs-cart,cart66等10多种开源商城系统,用过,对比过,会发现
行业内共认的SEO最优秀的是Magento,
然后再加上最优magento模板porto后,用户体验进一步上升,即使不懂推广
上架市场价的商品后,3个月内自动来订单.

直接用最优秀最专业的外贸商城系统Magento一步到位开始自己的独立外贸网站之路。

(开源系统wordpress是针对博客,虽然可以加woocommerce后有了购物功能,但是在购物体验方面和后台管理方面太初级)

只是在几年前,由于它对服务器要求高,所以服务器贵;加上操作不容易,所以让很多人对它望而却步。
所以市场上用magento建站的报价动不动万元以上,甚至数万元.

不过,发展到2019年,情况变化了,空间变便宜了,操作也变简单了,自主magento建站完全是可以做到.

第一步:购买magento空间
最适合magento的空间和vps,请点击查看:magento最性价比空间和vps

暂时不推荐下面提到的siteground做为magento空间,因为它最近几个月变慢,同时不提供易操作的cpanel界面,
所以改为推荐更快一些,有cpanel易操作界面

A2hosting 加速版turbo 7.01美元/月

第二步:登录空间安装最新版magento网站(如果想同时安装magento和最优的magento模板,请跳过这一步,直接查看第三步) 图中出现的siteground请当成a2hosting,因为siteground暂时变慢同时不提供图片显示的易操作的cpanel界面了

在安装过程,建议复制记下填入的网站后台文件夹名,用户名,密码,以及填的邮箱地址,以及后用.

安装成功后,就拥有了一个最新版magento商城网站,商城的功能都有了,然后上架商品,设置运费,设置收款账号和绑邮箱,就等于开了一家独立网店了。不足的点是用的是默认模板,排版布局不够好,用户体验也不够好,不利SEO.

如果想一步到位,请不执行第二步,第一步后直接执行第三步。

第三步:同时安装公认最优的Magento商业模板porto+最新版Magento系统

1)在国际最大的模板销售平台themeforest.net处,建议从magento众多模板中挑选评价和销售最好的模板,这样将会得到模板的持续更新和优质售后。切记:选择技术产品最重要是产品质量+售后和持续的更新,否则遇到一些意外的技术问题很痛苦很浪费时间。而这些技术都是本来可以避免的和没有必要自己花时间研究的。

最优的magento模板是porto,价格是99美元,相当700元人民币

好消息是我们已买了,半折的半折提供最新版,包安装200

请联系微信公众号:一分钟外贸快讯

关注后,请发送信息”magento”,将会收到一篇文章,请打赏68,然后将会发送porto最新版的下载网址和下载密码,下载后得到Magento 2.3.0.zip

解压后,里面是porto2_3.1.8.zip 和database_porto2_3.1.8.sql.zip。

2)登录SiteGround空间,上传porto2_3.1.8.zip到空间的Cpanel的File Manager的public_html文件夹,并解压。

3)在Cpanel处创建数据库名,创建数据库用户名和密码,关联数据库和用户。
点击查看英文图文文档


4)点击Cpanel中的phpmyadmin,选刚创建的数据库名,导入database_porto2_3.1.8.sql.zip到数据库

5)浏览器打开域名,根据提醒向导安装,请记下填的内容,犹其后台文件夹名,用户名,密码,邮箱这4项。

6)安装成功后,打开域名,会发现网站和演示网站bestshop24h.com/porto的中的第一款一模一样。(如果正好喜欢的就是这款,那么到这里就等于安装好模板了)
网站前台:http://yourdomain(如http://j2.bestshop24h.com)
网站的后台网址:http://yourdomain/安装填的后台文件夹名/    后台用户名和密码是上面安装时填的。
登录后台-Porto-Activation,激活porto模板,请输入验证码(在下载的文件中)

后台提醒:One or more indexers are invalid. Make sure your Magento cron job is running.

1)到https://www.siteground.com/kb/log-siteground-shared-account-via-ssh-using-putty/
下载putty.exe puttygen.exe 的32bit类型的( 32bit和64bit的区别是,后者快点,新版的操作系统如windows10可以选它,具体请查看自己的电脑是不是64bit的,不过32bit是所有电脑都通用,只是慢一点点,所以建议下载32bit,速度其实忽略不计)

1)请参考视频

1.1)基本是在cpanel处点ssh,创建一个key(创建时填了一个password后面,两次用到的密码就是它),另成成文本public_key.ppk

1.2)打开pageant.exe 把上一步生成的public_key.ppk转化成private_key.ppk(转化时选择默认的ssh-2 RSA 和2048)

1.3)打开putty.exe,在ssh-auth-添加上一步生成的private_key.ppk

1.4)点putty.exe的session 输入ip:空间的ip地址 port:18765

点connect,进入后用户名是空间的用户名,密码是1.1步创建key时的密码

cd /home/xxx/[yourdomain.com]/public_html

执行: bin/magento indexer:reindex (暂时是前面补/usr/local/bin/php72 以后将变成/../php73, php74, php75以此类推)

 

7)设置成某款演示网站,比如bestshop24h.com/porto中的第3款。
7.1)后台->Porto-Setting Panels->下拉到下面的Installation -Demo Version 处选择想要的款,比如选择Demo 3 -> 点右上角的save config,耐心等待直到当前页面完全刷新。
7.2)后台->Porto->Setting Panels->下拉到下面的Installation –>点击按钮Import Static Blocks (耐心等待直到当前页完全刷新)->点右上角的save config
7.3)后台->Porto->Setting Panels->下拉到下面的Installation –>点击按钮Import CMS Page (耐心等待直到当前页完全刷新)->点右上角的save config
7.4)后台->Porto->Setting Panels->下拉到下面的Installation –>点击Import New demos下面的”demo 3″按钮 (耐心等待直到当前页完全刷新)->点右上角的save config。

这时刷新前台,将会发现前台变成Demo3的样子。

7)5项必要的后台操作:上架商品分类和商品,设置运费,绑收款账号,绑邮箱地址(安装时已填,将教如何修改),订单管理

7.1)创建商品分类方法如下:

7.2)添加商品较简单,就不抓图了,建议注意点:1)这三项是必填的 

7.3)设置免运费
下面抓图展示如何设置订单满100免运费。同时关闭默认打开着的固定运费。

 

8)设置paypal快速收款账号,以及如何获取自己的paypal快速收款账号信息

如何获取上面三项的值,请登录www.paypal.com,然后如下面三张图方法获取。

复制这三项值添加到magento后台的paypal处后,收款设置完成。

9)编辑网站邮箱

10)订单管理

到此,必要的功能方面设置已全部完成

11)如何编辑首页内容

(完整的英文文档请查看:https://www.portotheme.com/magento/porto/documentation/)

将以如何编辑第三款为例,其它款的编辑类推。

第三方的演示网站是https://www.portotheme.com/magento2/porto/demo3_en

11.1)编辑导航栏上方的”FREE SHIPPING & RETURN MONEY BACK GUARANTEE ONLINE SUPPORT 24/7  CALL US + 000 1584 2578 “
在网站后台content-block-Porto – Custom Notice Block(porto_custom_notice_new)

11.2)如何编辑首页上方的logo图
方法1)在后台-content-design-configuration-选择store view 是English 的Edit-header-logo image( 顺便分享:在此处HTML header处可以编辑 Favicon Icon图片即网址前的小图标)

Global
Main Website
Main Website Store
English
Edit

方法2)选中logo图,右击,选中copy image address,将会得到logo图片路径和图片名,
类似:https://yourdomain.com/pub/media/logo/default/logo_black_new.png
logo图的规格是:宽231px高51px  ,请制作一样规格的图片并命名成一样的名称和后缀,然后请登录空间的cpanel-file manage-按上面图片路径点击文件夹,找到logo图所在位置,然后点”upload”,上传覆盖原图。

11.3)如何编辑导航栏
导航栏的内容由三部分组合,一个是商品分类前部分,一个是商品分类,一个是商品分类后部分
商品分类前在Content > Elements > Blocks > Porto – Custom Menu(before)处编辑
商品分类在catolog>categories处编辑
商吕分类后部分Content > Elements > Blocks > Porto – Custom Menu(after)处编辑
11.4)在哪里编辑首页的sliders和banner和产品部分
Content > Elements > Blocks -Porto – Homepage Slider 3 (porto_homeslider_3)(这个3数字对应用的是第3款模板,请对应变化)

11.5)如何编辑首页的底部上方的instagram部分
content-page- Porto – Homepage 3 (porto_home_3)

11.6)如何编辑首页和页面抬头的page title的这个slogan
content-page- Porto – Homepage 3 (porto_home_3 这个数字是当前先的模板数)-page title 同时首页的主要排版也在这里)

11.7)如何修改后台账号密码
system-all users- 请选择用户然后修改.可以帮一个常用邮箱,以防忘记密码时通过邮箱修改密码

11.8)如何删除默认的French语言
store-all stores-请选择french 设置成disable或删除

11.9)如何编辑首页底部
首年请先到porto> setting panel>footer处查看,footer调用的blocks的名称是什么,然后根据这些名称到Content > Elements > Blocks 处找到它们,进行编辑。
顺便提醒:在porto>setting panel>

解决bug和增加增值功能

两个magento2.3官方小bug的修复
1)如何解决后台content-design-configuration-english-header处
不能上传,更新logo,favicon的问题的解决办法

File path : /vendor/magento/module-theme/view/adminhtml/ui_component/design_config_form.xml

Find and replace :

<field name=”header_logo_src” formElement=”fileUploader”>
To
<field name=”header_logo_src” formElement=”imageUploader”>

<field name=”head_shortcut_icon” formElement=”fileUploader”>
To
<field name=”head_shortcut_icon” formElement=”imageUploader”>

 

2)marketing-email template-preview处,内显示一个图片如何编辑
在Content -> Design -> Configuration -> transactional Emails

但是由于有bug,编辑不了,解决办法如下

vendor/magento/module-email/view/adminhtml/ui_component/design_config_form.xml
<collapsible>true</collapsible>
<label translate="true">Transactional Emails</label>
</settings>
这一行 <field name="email_logo" formElement="fileUploader">
改成 <field name="email_logo" formElement="imageUploader">

3)点后台order-view
Information Changes have been made to this section that have not been saved. This tab contains invalid data. Please resolve this before saving.
解决办法:
disables module Temando_Shipping can be solved
1
Disabling module Temando_Shipping fixed that

如何操作这个
cd /var/www/html/xx.com/public_html
bin/magento module:disable Temando_Shipping

解决以上三个bug后,就没事了.

2)如何开通https安全链接
3)如何增加更好邮件发送功能
4)如何增加Facebook账号直接登录功能
5)如何增加FaceLiveChat功能

开发
1)如何查看error,如何调错
2)如何升级magento版本
3)如何magento网站搬家,换域名

No Comments

Post A Comment