使用 Cerato 主题构建 Elementor WooCommerce 网站

您是否正在寻找建立在线销售商店并试图找到创建在线电子商务商店的最简单方法?然后,您就到达了正确的页面。

现在,您可以使用本指南轻松免费地自行创建自己的在线 WooCommerce 网站。

借助在线信息创建在线电子商务商店可能是一项艰巨的任务。但如果您按照我们的分步程序进行操作,您很快就会拥有一家漂亮的电子商务商店。

创建自己的商店时您只需要三个工具。

1. Elementor :这是一个免费的 WordPress 页面构建器plugin,可帮助您创建商店页面,如主页、关于我们、产品目录、结帐和许多其他页面。

2. WooCommerce :这是将运行您的商店的 CMS

3. Cerato 主题Cerato是一款功能强大的 WordPress 主题,具有可深度定制的选项以及内置的 WooCommerce 集成和演示网站,可立即创建在线商店。

首先,从 WordPress 目录安装 WooCommerce,然后按照此分步教程让您的在线电子商务商店拥有令人印象深刻的外观。

如何使用 Cerato 主题构建 Elementor WooCommerce 网站

Cerato是高级 Elementor WordPress 主题,具有构建在线商店的完美功能。 plugin兼容,并包含创建在线电子商务商店所必需的强大且高级的功能。

Cerato为发挥您的创造力提供了无限的可能性。其高度移动优化的布局可根据每种屏幕尺寸快速调整。

借助 Cerato 主题和 Elementor 页面构建器,您可以使用多个可自定义选项面板自定义任何内容。

使用一键式演示导入器快速设置您的在线商店并节省大量时间。一键演示导入器选项将在一分钟内快速重新创建您自己的商店,无需任何编码。

Cerato还具有无限的页眉和页脚选项,您可以使用可视拖放选项创建强大且令人惊叹的页脚和页眉样式。同样,您可以使用无限的类别布局来登记您的产品。

第1步:从ThemeForest下载页面下载Cerato主题 

Cerato 主题来开始安装过程。

单击“下载”后。会弹出三个选项

1. 所有文件和文档

2. 仅可安装 WordPress 文件

3. 许可证书和购买代码 (PDF)

4.许可证书及购买代码(文本)

您可以使用第一个选项下载包括文档的完整包,而第二个选项“仅可安装的 WordPress 文件”是直接安装 WordPress 主题。

解压文件夹,里面会包含三个文件夹。

  • 自述文件.txt
  • 文档
  • 赛拉图.zip

第2步:Cerato主题安装       

要安装 Cerato 主题,您应该拥有最新的 WordPress 版本。激活 WordPress 后,请按照以下主题安装步骤进行操作。

  1. 首先,上传主题文件,然后激活主题。
  2. 主题文件可以通过两种方式上传;

FTP 上传:如果您使用 FTP 程序,请转到您的服务器文件夹“/wp-content/themes/”。并上传未压缩的主题文件夹。

WordPress 上传:转到> 外观> 添加新主题> 上传。

转到>浏览>选择压缩的主题文件夹>单击“立即安装”。

您可以观看此视频教程来快速安装主题。

完成安装过程后,即可随意创建您的网站并使用令人惊叹的主题选项来创建令人惊叹的网站。

现在,我们将讨论如何使用具有无限选项的页眉和页脚构建器来增强页眉和页脚部分。

如何使用标头生成器

Cerato 主题允许使用 WordPress Live 定制器自定义所有设计的相关设置,您可以在其中更改任何内容并查看实时结果。

转到> WordPress 管理>外观>定制器> 如何使用标头生成器。

使用标题生成器,您可以更改字体样式、颜色和高度,还可以根据您的选择添加或删除语言、社交媒体图标或任何其他元素等元素。  

观看此处的视频教程“如何使用标头生成器”。

页脚构建器包括不同样式的页脚小部件,您可以在多个页面上使用这些小部件,也可以在单个页面上选择和自定义。此外,使用强大的页脚生成器,可以在眨眼间添加多个小部件、替换它们或重新排列小部件。

观看有关“如何使用页脚生成器”

如何使用不同的主题选项

Cerato 主题还允许不同的主题样式配置,如果您想更改主题的默认设置,那么

转到 > WordPress 管理 > 外观 > 自定义 > 样式。

自定义部分允许更改字体颜色、大小和背景颜色。

自定义 WooCommerce 主题风格

此部分控制 WooCommerce 元素的颜色选项,例如标题、价格、销售价格、购物车按钮、缺货、快速查看按钮和许多其他元素。

自定义主页设置

您还可以自定义主页设置。无论您喜欢帖子显示的传统时间顺序还是固定或静态页面,您都可以选择帖子显示的顺序。如果您希望显示静态页面作为主页,则必须选择两个页面;一个将成为您的静态主页,另一个页面将显示您的帖子。

您已经了解了如何安装 Cerato 主题以及如何自定义不同的主题选项。

现在,我们来讨论 Elementor 可视化页面构建器如何帮助您创建在线商店,以及如何通过简单的拖放选项创建令人惊叹的页面布局。

什么是 Elementor 以及它如何与 Cerato 主题配合使用

Elementor 是 WordPress 网站的可视化页面构建器,允许用户在实时模式下创建网页,在其中他们可以生动地可视化所有更改。

Elementor 是一个实时前端编辑器,它取代了基本的 WordPress 编辑器,因此用户可以轻松地可视化布局的变化,而无需在编辑器和预览模式之间来回切换。这个引人注目的页面构建器使用户能够直观地创建复杂的设计,而无需使用任何编码或 CSS。查看本教程以获取更多信息。

元素设置

转到WordPress 中的Elementor > 设置禁用默认颜色禁用默认字体两个框。

使用 Cerato 主题创建 WooCommerce 商店

第一步:创建店铺主页

如果您想将主页设置为商店首页,请进行一些基本更改,并将默认的 WooCommerce 基本页面更改为您的 WordPress 商店主页。

在主页设置区域:进入 > 首页显示 > 单击静态页面 > 从下拉菜单中选择所需的页面 > 保存更改

要在首页上显示您的商店,也请遵循以下步骤;

转到 > WooCommerce > 设置 > 产品 > 显示 > 将当前 WordPress 主页设置更改为商店 > 保存更改。    

就是这样。现在您的商店主页已显示。

店铺公告页面

如果您想在网站上显示任何类型的通知,请创建一个商店通知页面,该页面将显示在您网站的所有页面上。您可以显示免费送货通知或库存有限通知。

自定义产品目录以显示在商店页面上

在此部分中,选择您要在商店主页上显示的产品。选择类别以及产品的排序方式以及每行要显示的产品数量。

结账页面设置

您还可以更改结账页面设置,并根据您公司的政策创建条款和条件。

自定义商店页面

在此设置部分,您可以控制多个产品显示选项;

  • 首页显示多少个产品
  • 启用或禁用产品悬停效果
  • 启用/禁用产品目录
  • 在您的网站上启用免费送货通知
  • 启用产品边框
  • 控制产品显示之间的空白
  • 购物车图标
  • 通过幻灯片在顶部启用突出显示的产品
  • 商店侧边栏

自定义产品页面设置

在此部分中,您可以设置单个产品页面设置,并且您将能够控制以下选项

  • 启用/禁用产品共享选项
  • 启用“立即购买”选项;此选项允许用户在选择要购买的任何产品后重定向到购物车页面。
  • 启用下一个或上一个产品导航
  • 启用产品缩放选项
  • 启用其他查看者最近查看过的产品
  • 启用可用的相关产品

如何添加和管理新产品

在左侧栏中,产品菜单选项可用,您可以添加新产品。单击添加产品后,将弹出一个窗口,您可以在其中输入其所有属性、标题、价格和库存详细信息。

创建多个类别

创建无限的类来组织您的产品。客户可以轻松地在不同类别之间导航,并轻松地挑选出他们想要的产品。

创建订单跟踪页面

Cerato 主题允许其用户为客户创建跟踪页面。请按照以下步骤操作

  • 从页面菜单添加新页面
  • 创建页面标题
  • 将此短代码粘贴到文本编辑器中; [woocommerce_order_tracking]
  • 点击发布

创建愿望清单和比较页面

按照此过程创建愿望清单并比较页面。

第 1 步:为愿望清单创建新页面并比较页面。

第2步:转到>定制>愿望清单/比较

设置这两个区域后,愿望清单和比较页面的最终显示将如下所示;

总结

Cerato无疑是 Elementor 页面构建器附带的完美 WordPress 主题之一。 Cerato 主题的丰富功能为创建具有大量可定制选项的令人惊叹的在线电子商务商店提供了完美的选择。您可以创建令人惊叹的页眉和页脚布局、产品和目录详细信息以及许多其他选项。因此,尝试任何最适合您的在线商店创建的主页样式。

霍尔德库

直播:.cid.e495888558d5265f

最近的帖子

如何在 Elementor 中使用页眉和页脚

网站的页眉和页脚是必不可少的元素。在大多数情况下,标题提供导航...

2022 年 1 月 6 日

WordPress 主题比较:Astra 与 OceanWP

市场上最受欢迎的两个 WordPress 主题是 Astra 和 OceanWP。专业的…

2022 年 1 月 2 日

WordPress 新闻主题比较:Newspaper 与 Astra

创建一个优秀的新闻网站并不需要您成为一名网页设计师。我们…

2021 年 10 月 25 日

创建一个以报纸为主题的新闻相关网站

报纸主题是由 tagDiv 设计的最重要的 WordPress 主题之一,...

2021 年 10 月 18 日

如何使用 Avada WooCommerce 构建器构建电子商务

在建立在线商店时,WooCommerce 是首选plugin。它…

2021 年 10 月 4 日

如何通过 Elementor 使用粘性标题和滚动效果

标题通常是人们访问您的网站时首先看到的东西,...

2021 年 9 月 21 日