Drupal10-自定义商城首页

要在 Drupal 10 中创建一个全新的首页（例如 home），并使用不同的 Layout，同时在页面上添加 商品、图片、轮播图等内容，可以采用以下最佳实践方案：

---

最佳实践：使用 Layout Builder 创建自定义首页

1. 创建一个新的 "Home" 页面

方法 1：使用内容类型

1. 进入 管理 > 结构 > 内容类型 (admin/structure/types)。
2. 添加内容类型 (Add Content Type)，名称填 Home。
3. 启用 Layout Builder：
   • 在 Home 内容类型的 "管理显示 (Manage Display)" 页面，勾选 "使用 Layout Builder 进行内容布局"。
   • 保存设置。

方法 2：使用 Basic Page 如果不想新建内容类型，也可以使用 Basic Page（基本页面），然后为特定的 node/XX 启用 Layout Builder。

---

2. 启用 Layout Builder 并添加 Sections

1. 创建一个 Home 页面

   • 进入 管理 > 内容 > 添加内容 (Add Content)，选择 Home。
   • 输入标题：Home，然后保存。

2. 启用 Layout Builder

   • 编辑 Home 页面 (node/XX/edit)，点击 “布局” (Layout) 按钮。
   • 你现在可以开始自定义布局。

3. 添加 Section

   • 点击 + 添加 Section，选择适合的布局（如 单列 / 双列 / 三列 / 网格）。
   • 你可以创建多个 Sections 来组织页面，例如：
     • 第一部分: 轮播图 (Carousel)
     • 第二部分: 最新商品 (Products)
     • 第三部分: 促销横幅 (Banner)
     • 第四部分: 特色产品（带图片）

---

3. 在页面上添加商品、图片、轮播图

（1）添加轮播图

1. 安装模块
   • 推荐使用 Views Slideshow 模块 (drush en views_slideshow) 或者 Slick Carousel。
2. 创建一个新的 View
   • 进入 管理 > 结构 > 视图 (Views) > 添加新视图。
   • 选择 "显示方式 (Show)" 为 媒体 (Media) 或 内容 (Content)。
   • 选择 "轮播显示 (Slideshow)" 作为格式。
   • 保存后，将其添加为 Layout Block。

（2）显示商品

1. 创建一个新的 View
   • 管理 > 结构 > 视图 (Views) > 添加新视图。
   • 选择 "Commerce 产品 (Commerce Products)" 作为内容类型。
   • 选择 "区块 (Block)" 作为显示方式，设置每行 2 个（1 行 2 列）。
   • 在 "格式 (Format)" 里，选择 Grid 或 Unformatted list。
   • 在 "字段 (Fields)" 里，只添加：
     • 产品图片（Product Image）
     • 产品标题（Title）
     • 产品价格（Price）
   • 保存后，将其添加到 Layout Builder 的 Section 里。

（3）添加促销横幅

• 你可以直接在 Layout Builder 里 添加自定义区块 (Custom Block)，上传一张图片并设置链接。

---

4. 让 Home 页面成为默认首页

1. 进入 管理 > 配置 > 系统 > 基本站点设置 (admin/config/system/site-information)。
2. 找到 “默认首页 (Default front page)”，输入：

   /home
   

3. 保存。

---

最终效果

• /home 页面会使用 Layout Builder，支持商品展示、轮播图、促销横幅等。
• /home 会成为默认首页。
• 你可以随时调整 Layout，而不影响其他页面的结构。

---

扩展

• 更好的样式：可以使用 Bootstrap 或者 Tailwind CSS。
• 动态内容：使用 Views + Block，自动更新最新商品。
• 优化 URL：使用 Pathauto 模块，让 /home 自动成为 https://example.com/。

这样，你的 Drupal 10 网站就拥有了一个 完全自定义的首页，且支持 可视化编辑 和 模块化管理！ 🚀