带文本叠加的图片

您可以在主页上特别展示带自定义文本叠加的大图片。

带文本叠加的图片分区包括以下设置:

  • 图片 - 选择要包含在分区中的图片。您可以上传图片、使用先前上传的图片或从 Burst 中选择免费的库存图片。

  • 图片对齐 - 选择分区中的图片显示在左侧还是右侧。

  • 布局 - 设置分区的宽度。

  • 分区高度 - 设置分区的高度。要防止裁剪图片,请选择适应图片,根据图片的高度设置分区高度。

  • 文本大小 - 设置文本的大小。

  • 标题 - 添加与图片配对的主要文本。带文本叠加的图片分区会自动重命名为您提供的标题。

  • 文本 - 添加与图片配对的辅助文本。此文本显示在标题文本下方。

  • 按钮标签 - 添加您希望在按钮上显示的文本。

  • 按钮链接 - 设置您希望按钮链接到的 URL 或页面。粘贴 URL 或从菜单中选择一个页面。如果您不想在分区中包含按钮,请将此字段留空。

向主页添加带文本叠加的图片

PC:

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

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

  1. 点击添加分区

  2. 点击带文本图片叠加,然后点击选择

  3. 图片区域中,点击选择图片,然后执行以下操作之一:

  • 若要选择已上传到 Shopify 后台的图片,请点击选项卡。

  • 若要从 Burst 中选择库存图片,请点击免费图片选项卡。您可在此处输入搜索词,或浏览图片类别。

  • 若要从本地计算机选择图片,请点击选项卡,然后点击上传

  1. 使用设置来对带文本叠加的图片分区进行自定义。

  2. 点击保存

苹果系统:

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

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

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

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

  5. 轻触编辑

  1. 点击添加分区

  2. 点击带文本图片叠加,然后点击选择

  3. 图片区域中,点击选择图片,然后执行以下操作之一:

  • 若要选择已上传到 Shopify 后台的图片,请点击选项卡。

  • 若要从 Burst 中选择库存图片,请点击免费图片选项卡。您可在此处输入搜索词,或浏览图片类别。

  • 若要从本地计算机选择图片,请点击选项卡,然后点击上传

  1. 使用设置来对带文本叠加的图片分区进行自定义。

  2. 点击保存

安卓系统:

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

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

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

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

  5. 轻触编辑

  1. 点击添加分区

  2. 点击带文本图片叠加,然后点击选择

  3. 图片区域中,点击选择图片,然后执行以下操作之一:

  • 若要选择已上传到 Shopify 后台的图片,请点击选项卡。

  • 若要从 Burst 中选择库存图片,请点击免费图片选项卡。您可在此处输入搜索词,或浏览图片类别。

  • 若要从本地计算机选择图片,请点击选项卡,然后点击上传

  1. 使用设置来对带文本叠加的图片分区进行自定义。

  2. 点击保存

特色产品

您可以在主页上突出展示产品。突出展示产品是推销新产品或促销产品的有效方法。客户可以使用图片下方的左右箭头查看其他产品图片。

特色产品分区包括以下设置:

  • 产品 - 选择要在主页上特别展示的产品。

  • 显示数量选择器 - 让用户指定要添加到购物车的数量。

  • 显示多属性标签 - 在多属性下拉菜单上方显示多属性标签,例如“尺寸”和“颜色”。显示的多属性标签基于产品的多属性选项名称。

  • 显示供应商 - 显示产品品牌或供应商。若要显示品牌或供应商,您需要向产品添加供应商。

  • 显示动态结账按钮 - 让客户跳过购物车并直接从特色产品分区转到结账页面。

  • 显示社交分享按钮 - 显示客户可用于在社交媒体上分享您的产品的按钮。

媒体

  • 大小 - 设置产品媒体文件的大小。

  • 启用图片缩放 - 让客户通过将鼠标移动到产品图片上来进行放大。

  • 启用视频循环播放 - 循环播放产品视频。如果取消选择此选项,播放结束后,视频上会显示播放按钮。

添加特色产品分区

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. 点击保存

Shopify商户官网原文详情:

Image with text overlay

You can feature a large image with a custom text overlay on your home page.

The Image with text overlay section includes the following settings:

  • Image - Choose the image to include in the section. You can upload an image, use a previously-uploaded image, or select a free stock image from Burst.

  • Image alignment - Choose whether the image in the section appears on the left or right.

  • Layout - Set the width of the section.

  • Section height - Set the height of the section. To prevent image cropping, select Adapt to image, which sets the height of the section based on the height of your image.

  • Text size - Set the size of the text.

  • Heading - Add primary text to pair with the image. The Image with text overlay section is automatically renamed to the heading that you provide.

  • Text - Add the secondary text to pair with the image. This text appears below the heading text.

  • Button label - Add the text that you want to appear on the button.

  • Button link - Set the URL or page that you want the button to link to. Paste in the URL or select a page from the menu. If you do not want to include a button in the section, then leave this field empty.

Add an image with text overlay to your home page

PC:

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

  2. Next to Debut, click Customize.

  1. Click Add section.

  2. Click Image with text overlay, and then click Select.

  3. In the Image area, click Select image, and then do one of the following:

  • To select an image that you have already uploaded to your Shopify admin, click the Library tab.

  • To select a stock image from Burst, click the Free images tab. From here you can enter a search term, or browse the image categories.

  • To select an image from your local computer, click the Library tab, and then click Upload.

  1. Use the settings to customize your image with text overlay section.

  2. 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 Debut, tap Customize.

  5. Tap Edit.

  1. Click Add section.

  2. Click Image with text overlay, and then click Select.

  3. In the Image area, click Select image, and then do one of the following:

  • To select an image that you have already uploaded to your Shopify admin, click the Library tab.

  • To select a stock image from Burst, click the Free images tab. From here you can enter a search term, or browse the image categories.

  • To select an image from your local computer, click the Library tab, and then click Upload.

  1. Use the settings to customize your image with text overlay section.

  2. 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 Debut, tap Customize.

  5. Tap Edit.

  1. Click Add section.

  2. Click Image with text overlay, and then click Select.

  3. In the Image area, click Select image, and then do one of the following:

  • To select an image that you have already uploaded to your Shopify admin, click the Library tab.

  • To select a stock image from Burst, click the Free images tab. From here you can enter a search term, or browse the image categories.

  • To select an image from your local computer, click the Library tab, and then click Upload.

  1. Use the settings to customize your image with text overlay section.

  2. Click Save.

Featured product

You can feature a product on your home page. Featuring a product is a great way to promote a new product or a product that's on sale. Customers can view additional product images using the left and right arrows below the image.

The featured product section includes the following settings:

  • Product - Choose the product that you want to feature on the home page.

  • Show quantity selector - Let users specify a quantity to add to their cart.

  • Show variant labels - Show variant labels, such as "Size" and "Color" above variant drop-down menus. The variant labels that appear are based on the variant option names for the product.

  • Show vendor - Show the product brand or vendor. For a brand or vendor to show, you need to add a vendor to the product.

  • Show dynamic checkout button - Let customers skip the cart and go directly to the checkout from the featured product section.

  • Show social sharing buttons - Show buttons that your customers can use to share your products on social media.

Media

  • Size - Set the size of your product media.

  • Enable image zoom - Let customers zoom in by mousing over the product image.

  • Enable video looping - Loop product videos. If this option is deselected, a play button appears on videos when they end.

Add a featured product section

PC:

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

  2. Next to Debut, click Customize.

  1. Click Add section.

  2. Click Featured product, and then click Select.

  3. Use the settings to customize your featured product 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 Debut, tap Customize.

  5. Tap Edit.

  1. Click Add section.

  2. Click Featured product, and then click Select.

  3. Use the settings to customize your featured product 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 Debut, tap Customize.

  5. Tap Edit.

  1. Click Add section.

  2. Click Featured product, and then click Select.

  3. Use the settings to customize your featured product section.

  4. Click Save.

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


(本文内容根据网络资料整理,出于传递更多信息之目的,不代表连连国际赞同其观点和立场)
*连连国际 (LianLian Global) 是连连数字旗下跨境支付核心品牌