shopify商店Minimal 分区自定义富文本和视频步骤

2024-01-01 14:01:26
By 男友别加冰

富文本

使用富文本分区提供要在主页上显示的任何书面内容或嵌入在 Shopify 后台创建的任何页面。例如,您可以通过嵌入博客页面来展示即将进行的活动,或显示包含以下任何内容的页面:

  • 来自您的在线商店的嵌入视频

  • 带有商店地点的 Google 地图

  • 商店的联系信息。

富文本分区包括以下设置:

  • 宽显示 - 减小文本两侧的边距。

  • 标题 - 向富文本分区添加标题。

  • 文本 - 添加自定义文本并设置格式。 如果要显示商店中的页面,请点击添加内容,然后点击页面。从下拉菜单中选择要作为主页的页面。

  • 大小 - 设置文本大小。

向主页添加富文本

PC:

  1. 在 Shopify 后台中,转到在线商店 > 模板

  2. 点击 的分区 旁边的自定义

  1. 点击添加分区

  2. 点击富文本,然后点击选择

  3. 使用设置来对您的富文本分区进行自定义。

  4. 点击保存

苹果系统:

  1. 在 Shopify 应用中,轻触商店

  2. 销售渠道部分,轻触在线商店

  3. 轻触 Manage themes(管理模板)。

  4. 在 的分区 旁边,轻触自定义

  5. 轻触编辑

  1. 点击添加分区

  2. 点击富文本,然后点击选择

  3. 使用设置来对您的富文本分区进行自定义。

  4. 点击保存

安卓用户:

  1. 在 Shopify 应用中,轻触商店

  2. 销售渠道部分,轻触在线商店

  3. 轻触 Manage themes(管理模板)。

  4. 在 的分区 旁边,轻触自定义

  5. 轻触编辑

  1. 点击添加分区

  2. 点击富文本,然后点击选择

  3. 使用设置来对您的富文本分区进行自定义。

  4. 点击保存

视频

您可以将 YouTube 或 Vimeo 视频添加到您的主页。视频可以吸引客户并引起他们对您业务的兴趣。

若要添加视频,您需要找到此视频的共享链接:

  • YouTube - Youtube 分享链接如下所示:https://youtu.be/ZXWgHlnVVEY。您可以在此 YouTube 帮助文章中了解如何复制 YouTube 视频的分享链接。

  • Vimeo - Vimeo 共享链接如下所示:https://vimeo.com/123456789。您可以在此 Vimeo 帮助中心文章中了解如何复制 Vimeo 视频的共享链接。

视频分区包括以下设置:

  • 标题 - 将标题添加到您的视频分区。

  • 视频链接 - 添加视频的共享链接。

将视频添加到您的主页

PC:

  1. 在 Shopify 后台中,转到在线商店 > 模板

  2. 点击 的分区 旁边的自定义

  1. 点击添加分区

  2. 点击视频,然后点击 选择

  3. 使用设置来对您的视频分区进行自定义。

  4. 点击保存

苹果系统:

  1. 在 Shopify 应用中,轻触商店

  2. 销售渠道部分,轻触在线商店

  3. 轻触 Manage themes(管理模板)。

  4. 在 的分区 旁边,轻触自定义

  5. 轻触编辑

  1. 点击添加分区

  2. 点击视频,然后点击 选择

  3. 使用设置来对您的视频分区进行自定义。

  4. 点击保存

安卓系统:

  1. 在 Shopify 应用中,轻触商店

  2. 区进行自定义。

  3. 点击保存

  4. 售渠道部分,轻触在线商店

  5. 轻触 Manage themes(管理模板)。

  6. 在 的分区 旁边,轻触自定义

  7. 轻触编辑

    1. 点击添加分区

    2. 点击视频,然后点击 选择

    3. 使用设置来对您的视频分

Shopify商户官网原文详情:

Rich text

Use the Rich text section to provide any written content that you want to display on your home page, or to embed any page created in your Shopify admin. For example, you can feature upcoming events by embedding your blog page, or display a page with any of the following:

  • embedded videos from your online store

  • a Google map with your store's location

  • your store's contact information.

The rich text section includes the following settings:

  • Wide display - Decrease the margins on either side of your text.

  • Heading - Add a heading to your rich text section.

  • Text - Add and format your custom text. If you want to feature a page from your store, then click Add content and then click Page. Select a page to feature as your home page from the drop-down menu.

  • Size - Set the size of your text.

Add rich text to your home page

PC:

  1. From your Shopify admin, go to Online Store > Themes.

  2. Next to Minimal, click Customize.

  1. Click Add section.

  2. Click Rich text, and then click Select.

  3. Use the settings to customize your rich text section.

  4. Click Save.

iPhone:

  1. From the Shopify app, tap Store.

  2. In the Sales channels section, tap Online Store.

  3. Tap Manage themes.

  4. Next to Minimal, tap Customize.

  5. Tap Edit.

  1. Click Add section.

  2. Click Rich text, and then click Select.

  3. Use the settings to customize your rich text section.

  4. Click Save.

Android:

  1. From the Shopify app, tap Store.

  2. In the Sales channels section, tap Online Store.

  3. Tap Manage themes.

  4. Next to Minimal, tap Customize.

  5. Tap Edit.

  1. Click Add section.

  2. Click Rich text, and then click Select.

  3. Use the settings to customize your rich text section.

  4. Click Save.

Video

You can add a YouTube or Vimeo video to your home page. Videos can engage customers and generate interest in your business.

To add a video, you need to find the video's sharing link:

  • YouTube - A Youtube sharing link looks like this: https://youtu.be/ZXWgHlnVVEY. You can learn how to copy the sharing link for a YouTube video in this YouTube Help article.

  • Vimeo - A Vimeo sharing link looks like this: https://vimeo.com/123456789. You can learn how to copy the sharing link for a Vimeo video in this Vimeo Help Center article.

The video section includes the following settings:

  • Heading - Add a heading to your video section.

  • Video link - Add the sharing link for your video.

Add a video to your home page

PC:

  1. From your Shopify admin, go to Online Store > Themes.

  2. Next to Minimal, click Customize.

  1. Click Add section.

  2. Click Video, and then click Select.

  3. Use the settings to customize the video section.

  4. Click Save.

iPhone:

  1. From the Shopify app, tap Store.

  2. In the Sales channels section, tap Online Store.

  3. Tap Manage themes.

  4. Next to Minimal, tap Customize.

  5. Tap Edit.

  1. Click Add section.

  2. Click Video, and then click Select.

  3. Use the settings to customize the video section.

  4. Click Save.

Android:

  1. From the Shopify app, tap Store.

  2. In the Sales channels section, tap Online Store.

  3. Tap Manage themes.

  4. Next to Minimal, tap Customize.

  5. Tap Edit.

  1. Click Add section.

  2. Click Video, and then click Select.

  3. Use the settings to customize the video section.

  4. Click Save.

文章内容来源:Shopify商户官方网站



(本文内容根据网络资料整理和来自用户投稿,出于传递更多信息之目的,不代表本站其观点和立场。本站不具备任何原创保护和所有权,也不对其真实性、可靠性承担任何法律责任,特此声明!)


常见问答(FQAS)


如何在商店模板中添加富文本和视频?

你可以使用Shopify提供的Liquid标签和插件来自定义模板并添加富文本内容或视频。常见的做法是使用{{ section.settings }}标签来读取自定义section的设置,然后根据设置渲染对应的HTML。例如,你可以读取一个rich_text字段来输出富文本,或者读取一个media_url字段来输出视频。

如何自定义分区样式?

你可以使用CSS来自定义分区的外观样式,例如设置背景、边距、边框等。样式需要定义在asset/stylesheets目录下的CSS文件中。同时你也可以在模板文件中为不同的分区添加样式类,这样就可以给每个分区定义不同的样式了。

如何预览分区更改?

在Shopify后台编辑模板时,你可以实时预览分区内容和样式更新。另外,如果需要模拟不同设备或者浏览器,你也可以在浏览器中使用开发者工具来切换视口大小来进行移动端优化测试。此外,也可以发布更新到开发版或者线上店镜像,在实际环境下进行全面测试。