1、启用插件Product Enquiry for WooCommerce

2、自定义中开发工具的弹窗简码，放在每个页面调用的blocks里，将表单简码复制到弹窗简码中

3、在用id名字调用在询盘按钮中触发。

1. https://docs.uxthemes.com/article/247-custom-product-page-layout-shortcodes访问选择添加布局复制简码
2. 新建blocks把简码复制到当中
3. 在主题—WooCommerce—page中设置自定义布局
4. 编辑当中Edit product layout with UX Builder是编辑所有模板的样式
5. 将产品切换卡隐藏
   .product-tabs{
   display:none
   }

1. 给产品添加变体属性：主题—设置—woocommerce—勾选变体属性产品
2. 添加产品分类属性：颜色、重量、类型等 选择不同的选项类型
3. 点进新增的选项分类，添加详细的参数选择：
4. 新建产品products中下拉找到产品属性，选择变体产品
5. 选择添加建好的分类
6. 选择或手动添加所有分类和子分类的值，展开选择和添加这个分类的值
7. 最后产品当中显示选择类型参数

5. 导航悬停多产品blocks

媒体上传

1、图片形式使用webp格式，使用智图软件进行压缩：生成为webp格式，质量调节默认。

2、视频形式使用小丸工具箱进行压缩：CR参数：20.5，上传视频进行压制；上传到站点后台媒体库，复制视频链接地址到添加视频的模块属性中。

三端适配

在不同设备中调整独立参数设置大小来适应，对于不同端口显示不同尺寸图片（或内容不同），在可视化编辑中创建多种模块，设置相对应的端口显示属性。

1. Visible-默认显示
2. Hidden-隐藏
3. Only for Desktop-仅在桌面端显示
4. Only for Mobile-仅在手机端显示
5. Only for Tablet-仅在平板端显示
6. Hide for Desktop-在桌面端隐藏
7. Hide for Mobile-在手机端隐藏

例如：两个模块一个设置在手机端隐藏（Hide for Mobile），另一个设置仅在手机端显示（Only for Mobile）。

注意：调节在模块属性栏中下拉到最底属性Adcanced中！

文章模块

模块（Blog posts）是调取写文章的各个文章内容

1. Title：是Blog posts显示的各个文章标题；
2. Slug：域名后缀，例如：chao.com/文章分类/文章别名；
3. 右侧添加文章分类以及特色图片，特色图片会显示在文章详情页的头部和文章模块(Blog posts)的图片。

页脚设置

后台UX Blocks模块可视化编辑页脚的样式，在主题自定义中的页脚（Footer）中调用编辑好的blocks后将会在每个页面自动生成页脚，免去复制操作。

动态数字效果

1. 在文本text编辑中将要变化的数字选中，切换属性为Count Up Number效果。
2. 如果后方有加号或者其他单位，在text的代码中数字后方加入<span>+</span>标签。

表单提交设置邮箱通知

绑定SMTP，邮箱账号与安全中设置开启服务获取授权码，

QQ邮箱：

表单弹窗添加

需要用到表单插件：WPFarms、弹窗插件：WP Popups。

1. 添加新建一个表单，选择让客户提交的姓名电话等信息的模板。
2. 设置layout自动布局，将表单内容拖动到里面布局。
3. 复制建的这个表单的简码到弹窗编辑中。
4. 新建弹窗，将表单弹窗标题和表单简码复制在弹窗中。
5. 设置弹出框的大小、高度为自动高度等外观样式的设置。
6. 设置显示规则在某个端口或在某个页面，满足设定的条件显示弹窗。
7. 设置触发条件下滑页面百分比、像素；停留时间等来触发

页面添加面包屑

插件：Yoast SEO

1. 安装后选择设置>高级>面包屑，设置上级名称间隔符号等属性。
2. 导入到页面需要简码在可视化编辑中将[wpseo_breadcrumb]这个简码复制到html模块中，即可显示该页面的面包屑，调整属性样式。

左图片右文字排版

1、以块状对齐图片在6p6p组外面套12p组，给12p组背景；

2、手机端左右顺序调换调用main文件，组内加（text-img-box）css属性；文本加（text）css属性；图片加（image）css属性

设置页面全局交互

使用ai给出代码将自己页面的class和行为替换到代码，复制到主题Flastsome-高级-Global Settings脚本编辑。

设置5列

在其中一列class添加col-5