专注于WordPress、Elementor、外贸建站教程与服务
大家好呀~本站正在筹备公益的B2B外贸建站实操直播,感兴趣的同学可以戳右上角微信加我报名(注明来意),直播时间视报名情况待定~

如何用Elementor制作woocommerce产品详情页(实例)

更新日期:2020-09-10

本文将逐步介绍如何使用Elementor pro制作woocommerce产品详情页模板,下面进入正题。

  1. 点击菜单:模板》添加新模板,选择模板类型为single product,输入模板名称,譬如single product
  1. 点击“创建模板”按钮,可进入下图所示的library页面:
    • 左键移动到模板上方,将出现放大镜按钮,点击可预览模板;
    • 选择喜欢的模板,点击insert按钮即可导入;

导入后,系统会自动选择一个产品数据嵌入,以便我们直观看到效果,但依然有一些看不到内容的元素,譬如价格、加入购物车,那是因为我们上传产品时没有填写对应内容

对不需要的元素可以使用右键删除功能。

如果你想更换一个产品以预览效果,那么按照下图的数字顺序操作,以更换产品。

最后,点击publish,点击add condition为include:products,保存即可,然后我们就可以去预览一下效果了。

现在打开一个产品页面预览一下效果。

接下来你还可以对模板进行样式调整、或者添加自定义的产品字段

评价
0 / 5 0

Your page rank:

分享知识是一种美德,当我们每一个人都在不断的分享知识给这个社会的时候,我们这个社会将会变得越来越好,所以如果您喜欢这篇文章的内容,希望您可以把它分享到您的朋友圈当中,或者给到您指定的某一个人,您关心谁,就把知识分享给他,谢谢。

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

Copyright © LOYSEO.COM
Do NOT follow this link or you will be banned from the site!
微信扫一扫
扫码加我微信吧 ~

在朋友圈无分组分享本站首页,或点赞知乎专栏置顶文章,联系我可获得以下任一正版主题或插件~
插件:Elementor Pro、WP Rocket、Essential addons elementor、WPML...
主题:Astra、bridge、avada、manufacturer、Jnews...

外贸网站或同类博客交换友情链接也可以联系我哦~
loyseo weixin 0804