shopify商店模板顏色和板式設(shè)置步驟-ESG跨境

shopify商店模板顏色和板式設(shè)置步驟

shopify新聞
shopify新聞
2022-03-28
點贊icon 0
查看icon 877

您可以使用模板設(shè)置來更改在線商店的版式、顏色、社交媒體鏈接和結(jié)賬設(shè)置。

模板設(shè)置

您可以使用模板設(shè)置來更改在線商店的版式、顏色、鏈接和結(jié)賬設(shè)置。

您可以使用模板設(shè)置來更改在線商店的版式、顏色、社交媒體鏈接和結(jié)賬設(shè)置。 當(dāng)您對模板設(shè)置進(jìn)行更改時,這些更改將應(yīng)用于您的整個。

顏色

您可以為在線商店設(shè)置主要和輔助配色方案。

自定義顏色設(shè)置

PC:

  1. 在 中,轉(zhuǎn)到在線商店 > 模板。

  2. 找到您要編輯的模板,然后點擊自定義。

  1. 點擊模板設(shè)置。

  2. 點擊顏色。

  3. 若要打開顏色選擇器,請點擊要更改的內(nèi)容類型顏色的顏色樣本。

    若要設(shè)置特定的十六進(jìn)制顏色代碼,請點擊文本字段以輸入顏色。

    若要將顏色設(shè)置為透明,請從文本字段中刪除十六進(jìn)制代碼值。

  4. 點擊保存

蘋果系統(tǒng):

  1. 在 Shopify 應(yīng)用中,輕觸商店

  2. 銷售渠道部分,輕觸在線商店

  3. 輕觸管理模板。

  4. 找到您要編輯的模板,然后輕觸自定義。

  5. 輕觸編輯。

  1. 點擊模板設(shè)置。

  2. 點擊顏色

  3. 若要打開顏色選擇器,請點擊要更改的內(nèi)容類型顏色的顏色樣本。

    若要設(shè)置特定的十六進(jìn)制顏色代碼,請點擊文本字段以輸入顏色。

    若要將顏色設(shè)置為透明,請從文本字段中刪除十六進(jìn)制代碼值。

  4. 點擊保存。

安卓系統(tǒng):

  1. 在 Shopify 應(yīng)用中,輕觸商店。

  2. 銷售渠道部分,輕觸在線商店

  3. 輕觸管理模板。

  4. 找到您要編輯的模板,然后輕觸自定義。

  5. 輕觸編輯

  1. 點擊模板設(shè)置。

  2. 點擊顏色。

  3. 若要打開顏色選擇器,請點擊要更改的內(nèi)容類型顏色的顏色樣本。

    若要設(shè)置特定的十六進(jìn)制顏色代碼,請點擊文本字段以輸入顏色。

    若要將顏色設(shè)置為透明,請從文本字段中刪除十六進(jìn)制代碼值。

  4. 點擊保存。

若要詳細(xì)了解顏色選項,包括如何設(shè)置顏色漸變,請參閱顏色方案。

版式

您可以設(shè)置在線商店上的文本的字體樣式和大小。您可以選擇系統(tǒng)字體或自定義字體。

建議您在商店中使用系統(tǒng)字體。使用系統(tǒng)字體可避免在客戶的計算機(jī)上下載新字體,從而避免對您的商店加載速度產(chǎn)生負(fù)面影響??蛻舻挠嬎銠C(jī)上顯示的字體取決于其操作系統(tǒng)。

自定義字體設(shè)置

PC:

  1. 在 Shopify 后臺中,轉(zhuǎn)到在線商店 > 模板。

  2. 找到您要編輯的模板,然后點擊自定義。

  1. 點擊模板設(shè)置

  2. 點擊 Typography(字體)。

  3. 對于每種類型的文本,點擊更改以使用字體選擇器。

  4. 使用搜索字段或點擊加載更多來瀏覽可用字體。

  5. 點擊要使用的字體的名稱,然后點擊選擇。

  6. 點擊保存

蘋果系統(tǒng):

  1. 在 Shopify 應(yīng)用中,輕觸商店

  2. 銷售渠道部分,輕觸在線商店

  3. 輕觸管理模板。

  4. 找到您要編輯的模板,然后輕觸自定義

  5. 輕觸編輯。

  1. 點擊模板設(shè)置。

  2. 點擊 Typography(字體)。

  3. 對于每種類型的文本,點擊更改以使用字體選擇器。

  4. 使用搜索字段或點擊加載更多來瀏覽可用字體。

  5. 點擊要使用的字體的名稱,然后點擊選擇。

  6. 點擊保存

安卓系統(tǒng):

  1. 在 Shopify 應(yīng)用中,輕觸商店

  2. 銷售渠道部分,輕觸在線商店。

  3. 輕觸管理模板。

  4. 找到您要編輯的模板,然后輕觸自定義。

  5. 輕觸編輯。

  1. 點擊模板設(shè)置。

  2. 點擊 Typography(字體)。

  3. 對于每種類型的文本,點擊更改以使用字體選擇器。

  4. 使用搜索字段或點擊加載更多來瀏覽可用字體。

  5. 點擊要使用的字體的名稱,然后點擊選擇。

  6. 點擊保存。

自定義字體大小

您可以在版式模板設(shè)置中為標(biāo)題和正文文本設(shè)置默認(rèn)字體大小。

步驟:

PC:

  1. 在 Shopify 后臺中,轉(zhuǎn)到在線商店 > 模板。

  2. 找到您要編輯的模板,然后點擊自定義。

  1. 點擊模板設(shè)置 > 版式。

  2. 若要更改標(biāo)題的默認(rèn)字體大小,請使用字體大小比例標(biāo)尺來選擇默認(rèn)字體大小。最小字體大小為 100%,最大字體大小為 150%。該比例標(biāo)尺每增加一個單位可使字體大小增大 5%。默認(rèn)設(shè)置為 100%。

  3. 若要更改正文文本的默認(rèn)字體大小,請使用字體大小比例標(biāo)尺來選擇默認(rèn)字體大小。最小字體大小為 100%,最大字體大小為 130%。該比例標(biāo)尺每增加一個單位可使字體大小增大 5%。默認(rèn)設(shè)置為 100%。

  4. 點擊保存。

蘋果系統(tǒng):

  1. 在 Shopify 應(yīng)用中,輕觸商店。

  2. 銷售渠道部分,輕觸在線商店

  3. 輕觸管理模板。

  4. 找到您要編輯的模板,然后輕觸自定義。

  5. 輕觸編輯

  1. 點擊模板設(shè)置 > 版式。

  2. 若要更改標(biāo)題的默認(rèn)字體大小,請使用字體大小比例標(biāo)尺來選擇默認(rèn)字體大小。最小字體大小為 100%,最大字體大小為 150%。該比例標(biāo)尺每增加一個單位可使字體大小增大 5%。默認(rèn)設(shè)置為 100%。

  3. 若要更改正文文本的默認(rèn)字體大小,請使用字體大小比例標(biāo)尺來選擇默認(rèn)字體大小。最小字體大小為 100%,最大字體大小為 130%。該比例標(biāo)尺每增加一個單位可使字體大小增大 5%。默認(rèn)設(shè)置為 100%。

  4. 點擊保存。

安卓系統(tǒng):

  1. 在 Shopify 應(yīng)用中,輕觸商店。

  2. 銷售渠道部分,輕觸在線商店。

  3. 輕觸管理模板。

  4. 找到您要編輯的模板,然后輕觸自定義。

  5. 輕觸編輯。

  1. 點擊模板設(shè)置 > 版式。

  2. 若要更改標(biāo)題的默認(rèn)字體大小,請使用字體大小比例標(biāo)尺來選擇默認(rèn)字體大小。最小字體大小為 100%,最大字體大小為 150%。該比例標(biāo)尺每增加一個單位可使字體大小增大 5%。默認(rèn)設(shè)置為 100%。

  3. 若要更改正文文本的默認(rèn)字體大小,請使用字體大小比例標(biāo)尺來選擇默認(rèn)字體大小。最小字體大小為 100%,最大字體大小為 130%。該比例標(biāo)尺每增加一個單位可使字體大小增大 5%。默認(rèn)設(shè)置為 100%。

  4. 點擊保存。

Theme settings

You can use theme settings to make changes to your online store's typography, colors, social media links, and checkout settings.

You can use theme settings to make changes to your online store's typography, colors, social media links, and checkout settings. When you make changes to your theme settings, the changes apply to your entire online store.

Colors

You can set primary and secondary color schemes for your online store.

Customize your color settings

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 Colors.

  3. To open the color picker, click the color swatch for the content type color you want to change.

    To set a specific hex color code, click on the text field to enter the color.

    To set the color to transparent, delete the hex code value from the text field.

  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. Find the theme that you want to edit, and then tap Customize.

  5. Tap Edit.

  1. Click Theme settings.

  2. Click Colors.

  3. To open the color picker, click the color swatch for the content type color you want to change.

    To set a specific hex color code, click on the text field to enter the color.

    To set the color to transparent, delete the hex code value from the text field.

  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. Find the theme that you want to edit, and then tap Customize.

  5. Tap Edit.

  1. Click Theme settings.

  2. Click Colors.

  3. To open the color cker, click the color swatch for the content type color you want to change.

    To set a specific hex color code, click on the text field to enter the color.

    To set the color to transparent, delete the hex code value from the text field.

  4. Click Save.

To learn more about color options, including how to set color gradients, refer to Color schemes.

Typography

You can set the font style and size for the text on your online store. You can choose a system font or a custom font.

It's recommended that you use system fonts in your store. Using system fonts avoids downloading new fonts to your customer's computer, which can negatively impact your store load speed. The font that displays on your customer's computer depends on their operating system.

Customize your typography settings

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 Typography.

  3. For each type of text, click Change to use the font picker.

  4. Explore available fonts with the search field or by clicking Load more.

  5. Click the name of the font you want to use, and then click Select.

  6. 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 Typography.

  3. For each type of text, click Change to use the font picker.

  4. Explore available fonts with the search field or by clicking Load more.

  5. Click the name of the font you want to use, and then click Select.

  6. 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 Typography.

  3. For each type of text, click Change to use the font picker.

  4. Explore available fonts with the search field or by clicking Load more.

  5. Click the name of the font you want to use, and then click Select.

  6. Click Save.

Customize your font sizes

You can set the default font sizes for your heading and body text within the Typography theme setting.

Steps:

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 > Typography.

  2. To change the default font size for headings, use the Font size scale to select the default font size. The minimum font size is 100%, and the maximum font size is 150%. Each increment of the scale increases the font size by 5%. The default setting is 100%.

  3. To change the default font size for body text, use the Font size scale to select the default font size. The minimum font size is 100%, and the maximum font size is 130%. Each increment of the scale increases the font size by 5%. The default setting is 100%.

  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. Find the theme that you want to edit, and then tap Customize.

  5. Tap Edit.

  1. Click Theme settings > Typography.

  2. To change the default font size for headings, use the Font size scale to select the default font size. The minimum font size is 100%, and the maximum font size is 150%. Each increment of the scale increases the font size by 5%. The default setting is 100%.

  3. To change the default font size for body text, use the Font size scale to select the default font size. The minimum font size is 100%, and the maximum font size is 130%. Each increment of the scale increases the font size by 5%. The default setting is 100%.

  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. Find the theme that you want to edit, and then tap Customize.

  5. Tap Edit.

  1. Click Theme settings > Typography.

  2. To change the default font size for headings, use the Font size scale to select the default font size. The minimum font size is 100%, and the maximum font size is 150%. Each increment of the scale increases the font size by 5%. The default setting is 100%.

  3. To change the default font size for body text, use the Font size scale to select the default font size. The minimum font size is 100%, and the maximum font size is 130%. Each increment of the scale increases the font size by 5%. The default setting is 100%.

  4. Click Save.



特別聲明:以上文章內(nèi)容僅代表作者本人觀點,不代表ESG跨境電商觀點或立場。如有關(guān)于作品內(nèi)容、版權(quán)或其它問題請于作品發(fā)表后的30日內(nèi)與ESG跨境電商聯(lián)系。

搜索 放大鏡
韓國平臺交流群
加入
韓國平臺交流群
掃碼進(jìn)群
歐洲多平臺交流群
加入
歐洲多平臺交流群
掃碼進(jìn)群
美國賣家交流群
加入
美國賣家交流群
掃碼進(jìn)群
ESG跨境專屬福利分享群
加入
ESG跨境專屬福利分享群
掃碼進(jìn)群
拉美電商交流群
加入
拉美電商交流群
掃碼進(jìn)群
亞馬遜跨境增長交流群
加入
亞馬遜跨境增長交流群
掃碼進(jìn)群
亞馬遜跨境增長交流群
加入
亞馬遜跨境增長交流群
掃碼進(jìn)群
拉美電商交流群
加入
拉美電商交流群
掃碼進(jìn)群
ESG獨家招商-PHH GROUP賣家交流群
加入
ESG獨家招商-PHH GROUP賣家交流群
掃碼進(jìn)群
《TikTok官方運營干貨合集》
《TikTok綜合運營手冊》
《TikTok短視頻運營手冊》
《TikTok直播運營手冊》
《TikTok全球趨勢報告》
《韓國節(jié)日營銷指南》
《開店大全-全球合集》
《開店大全-主流平臺篇》
《開店大全-東南亞篇》
《CD平臺自注冊指南》
通過ESG入駐平臺,您將解鎖
綠色通道,更高的入駐成功率
專業(yè)1v1客戶經(jīng)理服務(wù)
運營實操指導(dǎo)
運營提效資源福利
平臺官方專屬優(yōu)惠

立即登記,定期獲得更多資訊

訂閱
聯(lián)系顧問

平臺顧問

平臺顧問 平臺顧問

微信掃一掃
馬上聯(lián)系在線顧問

icon icon

小程序

微信小程序

ESG跨境小程序
手機(jī)入駐更便捷

icon icon

返回頂部

【免費領(lǐng)取】全球跨境電商運營干貨 關(guān)閉
進(jìn)行中
進(jìn)行中
【活動報名】2024年歐洲多藍(lán)海平臺招商沙龍
官方親臨,拆解phh group/eMAG/worten三個平臺商機(jī)
立即報名
進(jìn)行中
進(jìn)行中
TikTok運營必備干貨包
包含8個TikTok最新運營指南(市場趨勢、運營手冊、節(jié)日攻略等),官方出品,專業(yè)全面!
免費領(lǐng)取
進(jìn)行中
進(jìn)行中
韓國電商節(jié)日營銷指南
10+韓國電商重要營銷節(jié)點詳細(xì)解讀;2024各節(jié)日熱度選品助力引爆訂單增長;8大節(jié)日營銷技巧輕松撬動大促流量密碼。
免費領(lǐng)取
進(jìn)行中
進(jìn)行中
全球平臺詳解——全球合集
涵括全球100+個電商平臺的核心信息,包括平臺精煉簡介、競爭優(yōu)勢、熱銷品類、入駐要求以及入駐須知等關(guān)鍵內(nèi)容。
立即領(lǐng)取
進(jìn)行中
進(jìn)行中
全球平臺詳解——主流平臺篇
火爆全球的跨境電商平臺合集,平臺優(yōu)勢、開店選品、入駐條件盡在掌握
立即領(lǐng)取
進(jìn)行中
進(jìn)行中
全球平臺詳解——拉美篇
涵蓋9大熱門拉美電商平臺,成熟的市場是跨境賣家的熱門選擇!
立即領(lǐng)取
進(jìn)行中
進(jìn)行中
全球平臺詳解——日韓篇
涵蓋10+日韓電商平臺,入駐條件一看就懂,優(yōu)勢熱銷品應(yīng)有盡有
立即領(lǐng)取
進(jìn)行中
進(jìn)行中
全球平臺詳解——歐洲篇
涵蓋20+歐洲電商平臺,詳細(xì)解讀優(yōu)勢、入駐條件、熱銷品等
立即領(lǐng)取