shopify商店模板按钮和多属性椭圆形框设置步骤

按钮

您可以通过添加阴影、更改间距或不透明度以及调整按钮形状，自定义在线商店中行动号召按钮的设置。

自定义按钮

PC:

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

2. 找到您要编辑的模板，然后点击自定义。

3.点击模板设置。 4. 点击按钮。5. 使用滑动标尺更改按钮边框的外观。6. 使用滑动标尺更改按钮阴影。将阴影不透明度设置为 0% 会移除阴影。7. 点击保存。

苹果系统：

1. 在 Shopify 应用中，轻触商店。

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

3. 轻触管理模板。

4. 找到您要编辑的模板，然后轻触自定义。

5. 轻触编辑。

3.点击模板设置。 4. 点击按钮。5. 使用滑动标尺更改按钮边框的外观。6. 使用滑动标尺更改按钮阴影。将阴影不透明度设置为 0% 会移除阴影。7. 点击保存。

安卓系统：

1. 在 Shopify 应用中，轻触商店。

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

3. 轻触管理模板。

4. 找到您要编辑的模板，然后轻触自定义。

5. 轻触编辑。

3.点击模板设置。 4. 点击按钮。5. 使用滑动标尺更改按钮边框的外观。6. 使用滑动标尺更改按钮阴影。将阴影不透明度设置为 0% 会移除阴影。7. 点击保存。

多属性椭圆形框

多属性椭圆形框允许您在产品页面或特色产品分区中显示产品的不同属性。客户可以选择所需的多属性，以将产品添加到购物车，而无需更改产品页面。

自定义多属性椭圆形框

PC：

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

2. 找到您要编辑的模板，然后点击自定义。

3.点击模板设置。 4. 点击多属性椭圆形框。5. 使用滑动标尺更改多属性椭圆形框边框的外观。6. 使用滑动标尺更改多属性椭圆形框阴影。 将阴影不透明度设置为 0% 会移除阴影。7. 点击保存。

苹果系统：

1. 在 Shopify 应用中，轻触商店。

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

3. 轻触管理模板。

4. 找到您要编辑的模板，然后轻触自定义。

5. 轻触编辑。

3.点击模板设置。 4. 点击多属性椭圆形框。5. 使用滑动标尺更改多属性椭圆形框边框的外观。6. 使用滑动标尺更改多属性椭圆形框阴影。 将阴影不透明度设置为 0% 会移除阴影。7. 点击保存。

安卓系统：

1. 在 Shopify 应用中，轻触商店。

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

3. 轻触管理模板。

4. 找到您要编辑的模板，然后轻触自定义。

5. 轻触编辑。

3.点击模板设置。 4. 点击多属性椭圆形框。5. 使用滑动标尺更改多属性椭圆形框边框的外观。6. 使用滑动标尺更改多属性椭圆形框阴影。 将阴影不透明度设置为 0% 会移除阴影。7. 点击保存。

Shopify商户官网原文详情：

Buttons

You can customize the settings for call to action buttons on your online store by adding shadows, changing the spacing or opacity, and adjusting the shape of your buttons.

Customize buttons

PC：

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

2. Find the theme that you want to edit, and then click Customize.

1. Click Theme settings.

2. Click Buttons.

3. Use the sliding scales to change the appearance of your button Border.

4. Use the sliding scales to change the button Shadow. Setting the shadow opacity to 0% removes the shadow.

5. Click Save.

iPhone：

1. From the Shopify app, tap Store.

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

3. Tap Manage themes.

4. Find the theme that you want to edit, and then tap Customize.

5. Tap Edit.

1. Click Theme settings.

2. Click Buttons.

3. Use the sliding scales to change the appearance of your button Border.

4. Use the sliding scales to change the button Shadow. Setting the shadow opacity to 0% removes the shadow.

5. Click Save.

Android：

1. From the Shopify app, tap Store.

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

3. Tap Manage themes.

4. Find the theme that you want to edit, and then tap Customize.

5. Tap Edit.

1. Click Theme settings.

2. Click Buttons.

3. Use the sliding scales to change the appearance of your button Border.

4. Use the sliding scales to change the button Shadow. Setting the shadow opacity to 0% removes the shadow.

5. Click Save.

Variant pills

Variant pills allow you to display the variants of a product on a product page or a featured product section. Customers can select the desired variant to add the product to their cart without needing to change product pages.

Customize variant pills

PC：

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

2. Find the theme that you want to edit, and then click Customize.

1. Click Theme settings.

2. Click Variant pills.

3. Use the sliding scales to change the appearance of your variant pill Border.

4. Use the sliding scales to change the variant pill Shadow. Setting the shadow opacity to 0% removes the shadow.

5. Click Save.

iPhone：

1. From the Shopify app, tap Store.

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

3. Tap Manage themes.

4. Find the theme that you want to edit, and then tap Customize.

5. Tap Edit.

1. Click Theme settings.

2. Click Variant pills.

3. Use the sliding scales to change the appearance of your variant pill Border.

4. Use the sliding scales to change the variant pill Shadow. Setting the shadow opacity to 0% removes the shadow.

5. Click Save.

Android：

1. From the Shopify app, tap Store.

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

3. Tap Manage themes.

4. Find the theme that you want to edit, and then tap Customize.

5. Tap Edit.

1. Click Theme settings.

2. Click Variant pills.

3. Use the sliding scales to change the appearance of your variant pill Border.

4. Use the sliding scales to change the variant pill Shadow. Setting the shadow opacity to 0% removes the shadow.

5. Click Save.

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

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

常见问答(FQAS)

你可以在商店主题代码中添加按钮元素,例如:

你可以为按钮元素添加类名来设置不同的样式,例如主要按钮class=\"btn btn-primary\",次要按钮class=\"btn btn-secondary\"等。

你可以在HTML中添加div元素,并通过类名控制其外观,例如class=\"oval owl\",然后通过CSS定制其为椭圆形和属性样式。

你可以为内部文本或图像元素添加类名控制对齐,例如class=\"text-center\"实现居中对齐。同时也可以通过CSS属性如text-align设置对齐。

你可以将按钮置于椭圆框内部或旁边,通过丰富的类名控制它们的外观和关系,比如按钮飘在框内时添加浮动类。两者也可以作为产品特色联合设置。