1篇文章说清楚WoodMart主题常见问题及解决方案汇总

WoodMart主题banner图

WoodMart的主主题和子主题的区别

woodmart主题和子主题

主主题:WoodMart主题更新时会对主主题进行更新会将原来的代码进行覆盖,会影响到自定义的功能。
子主题:自定义的修改会保存在子主题上,即使是WoodMart主题更新也不会影响到子主题。
强烈建议:开启子主题

越来越多的人开始用WordPress建独立外贸网站,相信大家一定会遇到有人推荐你WoodMart主题,WoodMart主题提供了50+款不同类型风格的模版。使用过的人一定会发现,这款主题的确非常强大,但也有遇到许多技术。本篇根据自己的亲身实践告诉你们,如何来解决这些问题。

WoodMart补丁更新

woodmart bug modify

WoodMart会定期更新主题的Bug,点击右上角Apply All,更新他。

WoodMart后台中文汉化

xtemos官方翻译地址

点击查看官网:知道你要翻译的语种,例如: Chinese (China) → Chinese (China)

xtemos中文翻译图

导出文件:XXX.po和 XXX.mo 两种后缀名的文件;导出后的文件需要改下名字, XXX-zh_CN.po 和 XXX-zh_CN.mo,不然系统无法识别。

上传翻译软件

将翻译文件上传到指定目录下,刷新后台即可。如果还是没有解决或不会下载联系我们。

WoodMart安装后首页加载慢

禁用Google字体,启用微软雅黑字体
修改默认字体
禁用头像
禁用头像

如果你不像禁用头像,可以复制下面的代码到主题下的function.php文件下。

				
					function get_ssl_avatar($avatar) {
   $avatar = preg_replace('/.*\/avatar\/(.*)\?s=([\d]+)&.*/','<img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" class="avatar avatar-$2" height="$2" width="$2" alt="$1?s=$2" title="1篇文章说清楚WoodMart主题常见问题及解决方案汇总 8" data-lazy-src="https://secure.gravatar.com/avatar/$1?s=$2"><noscript><img decoding="async" src="https://secure.gravatar.com/avatar/$1?s=$2" class="avatar avatar-$2" height="$2" width="$2" alt="$1?s=$2" title="1篇文章说清楚WoodMart主题常见问题及解决方案汇总 8"></noscript>',$avatar);
   return $avatar;
}
add_filter('get_avatar', 'get_ssl_avatar');
				
			

WoodMart后台基础设置

颜色的设置
配色的网站

推荐大家一个不错的配色网站,点击这里访问网站

woodmart后台设置颜色

如果你想修改网站的色调,可以通过复制里面的色号然后粘贴到WoodMart后台-颜色的板块。黑色常规尽量保持原样。

按钮样式修改
woodmart修改按钮样式

WoodMart后台提供了多种按钮的样式,我们在这里修改了成圆角看看效果。

按钮样式没有改变

首页刷新后,看到按钮样式没有改变。

按钮样式改变了

有些地方被修改了,没有被修改的按钮是被Elementor编辑器控制着,并不是归WoodMart管。小技巧大家知道一下。建议用默认的,减少你的工作量。除非你偏爱圆角。

Woodmart菜单栏吸顶效果的设置
woodmart吸顶效果

当我们页面往下拖动的时候,菜单栏会吸附在顶部。这个功能可以在后台进行设置打开或关闭。

woodmart后台设置吸顶效果

后台 – 页眉构建器 – Main header – Sticky开关进行设置,记得要Save 再 Save header哦!

页眉全宽设定
woodmart页眉导航全宽

如图这是修改后的全宽效果图。

woodmart页眉导航全宽后台设置

后台 – 页眉构建器 – Settings – 开启Make it overlap,记得要Save 再 Save header哦!

WoodMart导航菜单的样式修改

修改menu的大小
菜单修改前的效果

如图,导航菜单栏原始的效果图。

woodmart后台设置菜单大小

后台修改菜单栏的尺寸,修改完之后记得点击保存菜单。

菜单修改后的效果

再刷新看下效果,宽度就改变了。

菜单栏下面的Block在哪里修改?
menu block的修改前效果图

还是这张图,我们看下menu block的效果并找到修改的地方。

找到menu block设置的地方

我们回到后台menu菜单设置的地方,看到menu block的id,请记住这个ID

对menu block进行设置修改

在后台HTML Blocks里面找到对应的ID,并对他进行编辑。记得使用Elementor进行编辑。

使用Elementor进行编辑

Elementor管控了menu block的设置,我们可以对他进行编辑。修改完之后记得发布。

menu block的修改后效果图

WoodMart首页修改

Elementor查看WoodMart首页结构

点击右上角的导航器,可以查看整个页面的布局。合理的布局结构是,一个内容板块对应一个容器。

Silder的修改与新增
查看Elementor轮播类型

首先是第一个板块Silder轮播图,左侧可以选择某个轮播类型。

修改或新增抡播内容

可以在后台修改或者新增编辑轮播的内容。

修改轮播图的标题

我们用Elementor修改对某个轮播内容的标题。

新增轮播图修改高度

新增轮播图时,可以修改轮播的宽度、高度的尺寸,尽量保持统一。

查看修改后的轮播效果1
查看修改后的轮播效果2

刷新页面可以后看到修改后的效果,文字标题改了及新增了轮播图片。

新增轮播类型
woodmart theme home silder new content

可以根据具体的需求,自定义新的轮播类型。

查看新的轮播类型

具体的操作方法:Add New轮播类型 – Silders Add New – Elementor的容器使用新增Silder – 刷新页面可以看到更新后的效果。

自定义轮播位置

可以在页面的任何区域,添加自定义的Silder。

新增自定义block
新增自定义的block

在首页底部,woodmart提供了预设的block。

插入自定义block

Elementor编辑界面就会自动生成对应的block的区块。你也可以自定调整里面的内容信息。修改完记得保存。

编辑修改自定义block

只需要将鼠标移动到block上面,点击insert按钮。

prefooter和footer的修改

prefooter and footer

如图,底部可以分成prefooter和footer两个部分,可以在后台找到对应的地方进行修改。

prefooter修改设置
找到prefooter的html block位置

在woodmart – footer中找到prefooter,找到对应的html-block-id,可以直接点击下面的“edit”进行修改,也可以到html block找到对应的修改。另外根据你的需求也可以自定义修改。

找到prefooter的html block位置

如图,html-block中找到prefooter所在的位置。这个原理和之前提到的header是一样的。

在Elementor中修改html block

在elementor中对block进行自定义修改,修改完记得保存。

footer修改设置
修改footer的栏目样式

找到footer修改的地方,把原来的5栏改成3栏,点击保存后刷新页面可以看到效果已经改变。

footer样式和小工具数量对应

如果要每个栏目中的子栏目内容进行修改,要去后台外观 – 小工具找到对应的内容。细心的朋友可以发现,当你改成footer3栏小工具也变成3栏(footer的栏目与小工具是对应的)

点击任意的小工具,依旧是可以找到对应html-block-id。后面的操作方式就基本一样了。

根据html-block-id修改footer栏目
免费主题配图

WooCommerce基础设定

常规设置

woocommerce常规设置

商店地址填写你的业务所在地,销售位置选择了特定的区域,在结账时只能选择指定的地区。

设置销售区域

如图,由于后台设定了中国大陆。前台结账页面只有一个选项。假如你后台新增“美国”对应的结账页也会新增“美国”大家可以去试一下。

设置税、优惠券、结算单位

要做国外电商要启动“税率和计算”,国外很注重税率。优惠券的使用根据你的业务需求可以选择开启或关闭。还可以选择你需要使用什么货币进行结算。

woo cart address tax coupon show

如图,当销售区域增加了美国结账页增加了美国。开启优惠券后,可以输入优惠券码。另外支付的货币改成了美元。优惠券的使用方法和税率的设置在后面会讲到。

产品设置

商店页
shop为默认商品页

WooCommerce创建完已经预设好了商店页面Shop,对应的后台设置也是选中的Shop。这里基本上是不太会去调整的。

产品设置页

加入购物车的行为,建议就用默认。你也可以测试勾选后刷新页面看下效果,再决定使用哪种动态效果。图片占位符可以设定为8。重量单位可以看你销售的是什么产品来设定。销售到国外用克比较多。

商品评价

可以选择开启或关闭评论。开启评论后的选项,可进行自定义配置。

已购买才能评价

必须购买才能评论。

可以评论但不必填

可以进行评星,可设置成非必选项。

账户和隐私
pay status type

WooCommerce提供2种方式进行结账。

未登录也能下单

未登录注册也可以下单

必须登录才能下单

未登录后不能下单。

下单成功显示订单详情

下单后在我的账户上显示订单信息。

由用户下单时设定邮箱密码

创建账户选项不勾选,则在创建订单时由用户设置密码。

账户信息

账户擦拭请求建议保持默认状态。

pay user

订单信息保持默认状态:永久保存。

总结:结账的2种类型及多种不同的状态,根据你的需求进行设定。教程中的图片展示只是示例,有缺失的部分用户可以通过实践配置就能明白。如有不清楚的地方可以咨询我们。
电子邮件
邮件的模版

WooCommerce提供了邮件模版的样式

邮件的头部和底部设置

可以在后台设置头部的图片、底部的内容、中间是邮件正文内容。可以通过邮件的类型进行自定义。另外还可以设置字体颜色、背景等等。

邮件正文内容设置

邮件的正文内容,可以根据用户自定义文案内容。

高级设置
Woocommerce高级设置

其他地方不需要改动,都是WooCommerce默认设置好了。隐私政策进行绑定,安全结账尽量使用SSL进行付款。

WoodMart更新现有商品

产品详情1
  • 标题:自定义修改标题
  • 链接:设置产品的链接,最好是用可读性比较高的英文
  • 内容详情:WordPress编辑器 或 Elementor编辑器
  • 常规:商品数量、促销价格、税类型
  • 库存:SKU、库存状态等
  • 配送:产品重量、尺寸、及配送方式
  • 产品封面图:对外展示的第一张图片
产品详情2
  • 关联产品:与当前产品关联的产品
  • 属性:颜色、尺寸的设置
  • 评价:用户对商品的评价
  • 产品相册:在详情页展示的其他图片
  • 产品分类:设置产品类别
产品前端展示

后台的详情设定与前端的展示都是一一对应的。如上图,需要注意以下几点:
1、产品封面图和相册图要与页面设计图片尺寸对应,可以保持页面的美观度。
2、产品最难设置的是SKU、税率、配送

自定义产品描述
产品描述Elementor编辑

产品描述由Elementor管控的。关于产品描述的自定义设计,一般都是在这里进行编辑。

产品描述前端展示

后台保存后刷新页面,在描述区域会替换成用户自定义的内容。

关联产品
product relate set

后台设置关联产品

用户端展示关联产品

设置后刷新页面,可以看到用户端展示关联产品。

产品其他信息
后端设置产品其他信息

后台设置产品的品牌和颜色的信息。

用户端显示产品其他信息

用户端展示产品其他信息,如果勾选产品页可见则关闭显示。

产品品牌设置
后端设置品牌显示状态

品牌信息显示开关在主题设置 – 商品 – 品牌中进行设置。

用户端关闭品牌显示

后台如果关闭显示,用户端则不显示。

属性 - 品牌类型设置
属性-品牌信息类型

在后台产品 – 属性 – 配置类别 – 可以找到所有的品牌类型, 记住html-block-id,到里面可以找到品牌类型的设置。

elementor编辑品牌信息

右下角容器里面的内容,都是可以进行自定义设置。

用户端展示页查看品牌信息

对应的用户端展示页面,可以看到关于品牌的设置信息。

WoodMart电商扩充功能

商店设置
商店设置

第1个:3种不同的购物车点击后的状态;感觉默认的显示小工具会更好一些。
第2个:会在几秒种后自动关闭。
第3个:可以选择开启,让用户在购物车中修改商品数量。
修改完之后保存页面,刷新页面就能看到对应的效果。这里不做更多演示了。

商品SKU显示

如果你的商品有sku,建议开启。后台如果开启了sku,用户展示端会相应的显示sku的部分。

商品尺寸设置

后台商品 – 尺寸说明,控制着页面中尺寸展示是开或关。

shop set size close

也可以在产品详情页控制尺寸开或关。

产品尺寸展示
可变产品
可变商品设置

1、可变商品在产品列表页可以快速购买,觉得可以关闭。毕竟买东西还是要进入详情页看一看比较好。
2、在产品列表页上显示可边颜色。 根据你的需求去设置吧。

可变商品属性设置

woodmart提供了参考效果,把鼠标移到问号即可查看,就不演示了。

产品标签的设置
产品标签sale和new设置
产品标签hot设置

Woodmart 可以设置商品标签类型有:促销的、 最新的、热门的。

product set sale

如果关闭Sale按钮,则显示Sale。开启Sale按钮并在产品价格设置原价和促销价,则页面上会自动统计百分比优惠。

product set hot

在后台产品列表页,点亮产品的星星表示为热门的。

product show tag

用户端展示的结果。最新的产品可以在后台设置最新的时间。

品牌的属性
品牌的属性设置

后台可以设置,在用户端品牌展示区域是否显示。还可以设定具体的位置。

快速预览
快速预览的设置

后台可以设置产品列表的“放大镜按钮”快速预览是否开启,以及具体的样式。

产品对比
后台设置产品是否对比和对比的属性

后台可以设置是否开启对比,以及对比哪些属性。

点击查看产品对比

将至少2个产品加入对比,然后点击右上角的对比按钮。

产品对比详情

可以查看到后台设定的,对比的3个属性。

愿望清单
后台设置愿望清单

后台可以设置打开或关闭愿望清单、所有用户或注册登录用户、是否支持批量删除。

用户查看愿望清单和批量删除

在我的账户,可以查看愿望清单以及是否可以多选删除。

WoodMart产品列表页

产品列表页设置
设置产品列表页

后台可以设置产品列表页的:Ajax加载方式,自动滚动到顶部、去掉面包屑、分类的样式

产品列表页展示
  • 点击左侧颜色的分类时,右侧产品展示区域会有短暂的loading,这个就是ajax加载数据
  • 还是点击左侧颜色的分类时,右侧产品展示区域会自动滚动到顶部区域
  • 后台如果关闭面包屑,则3会不显示
产品分类详情

在产品页显示产品分类的详情介绍。

产品网格
产品网格的后台设置

产品网格的风格设置比较简单。设置他的显示方式、分页数、行列数等。

产品网格的展示效果

根据你的喜好来设置不同的样式吧。

商店页面左侧区域小部件设置
产品过滤小部件

商品列表页的产品过滤:价格、分类、品牌等等的设置可以去后台进行设置。

产品过滤的后台设置

在后台 – 外观 – 小工具。 商店页面小部件区域可以找到对应的内容进行修改。

转载:感谢您对本站的认可,非常欢迎各位朋友分享到个人站长或者朋友圈,但转载请说明文章出处 “来源wordpress建站 - 漾动网络”

0 0 投票数
文章评分
订阅评论
提醒
0 评论
最旧
最新
内联反馈
查看所有评论
wordpress建站广告宣传图

Get Your Free Demo Free Demo

Sign Up to Sitech