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

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

shopify新聞
shopify新聞
2022-03-28
點(diǎn)贊icon 0
查看icon 968

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

模板設(shè)置

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

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

顏色

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

自定義顏色設(shè)置

PC:

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

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

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

  2. 點(diǎn)擊顏色

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

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

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

  4. 點(diǎn)擊保存。

蘋果系統(tǒng):

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

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

  3. 輕觸管理模板。

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

  5. 輕觸編輯。

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

  2. 點(diǎn)擊顏色。

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

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

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

  4. 點(diǎn)擊保存。

安卓系統(tǒng):

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

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

  3. 輕觸管理模板。

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

  5. 輕觸編輯。

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

  2. 點(diǎn)擊顏色。

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

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

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

  4. 點(diǎn)擊保存。

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

版式

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

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

自定義字體設(shè)置

PC:

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

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

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

  2. 點(diǎn)擊 Typography(字體)。

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

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

  5. 點(diǎn)擊要使用的字體的名稱,然后點(diǎn)擊選擇。

  6. 點(diǎn)擊保存

蘋果系統(tǒng):

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

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

  3. 輕觸管理模板。

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

  5. 輕觸編輯。

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

  2. 點(diǎn)擊 Typography(字體)。

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

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

  5. 點(diǎn)擊要使用的字體的名稱,然后點(diǎn)擊選擇。

  6. 點(diǎn)擊保存。

安卓系統(tǒng):

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

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

  3. 輕觸管理模板。

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

  5. 輕觸編輯。

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

  2. 點(diǎn)擊 Typography(字體)。

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

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

  5. 點(diǎn)擊要使用的字體的名稱,然后點(diǎn)擊選擇

  6. 點(diǎn)擊保存。

自定義字體大小

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

步驟:

PC:

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

  2. 找到您要編輯的模板,然后點(diǎn)擊自定義

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

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

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

  4. 點(diǎn)擊保存。

蘋果系統(tǒng):

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

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

  3. 輕觸管理模板。

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

  5. 輕觸編輯。

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

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

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

  4. 點(diǎn)擊保存

安卓系統(tǒng):

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

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

  3. 輕觸管理模板。

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

  5. 輕觸編輯

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

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

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

  4. 點(diǎn)擊保存。

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)容僅代表作者本人觀點(diǎn),不代表ESG跨境電商觀點(diǎn)或立場。如有關(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獨(dú)家招商-PHH GROUP賣家交流群
加入
ESG獨(dú)家招商-PHH GROUP賣家交流群
掃碼進(jìn)群
《法國Fnac平臺知識百科》
2025跨境電商營銷日歷
《2024年全球消費(fèi)趨勢白皮書——美國篇》
《2024TikTok出海達(dá)人營銷白皮書》
《Coupang自注冊指南》
《eMAG知識百科》
《TikTok官方運(yùn)營干貨合集》
《韓國節(jié)日營銷指南》
《開店大全-全球合集》
《TikTok綜合運(yùn)營手冊》
通過ESG入駐平臺,您將解鎖
綠色通道,更高的入駐成功率
專業(yè)1v1客戶經(jīng)理服務(wù)
運(yùn)營實(shí)操指導(dǎo)
運(yùn)營提效資源福利
平臺官方專屬優(yōu)惠

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

訂閱
聯(lián)系顧問

平臺顧問

平臺顧問 平臺顧問

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

icon icon

小程序

微信小程序

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

icon icon

返回頂部

【免費(fèi)領(lǐng)取】全球跨境電商運(yùn)營干貨 關(guān)閉
進(jìn)行中
進(jìn)行中
2025跨境電商營銷日歷
包括傳統(tǒng)中、外重要節(jié)日及重點(diǎn)電商營銷節(jié)點(diǎn)還對營銷關(guān)鍵市場、選品輔以說明,讓你的365天安排的明明白白!
免費(fèi)領(lǐng)取
進(jìn)行中
進(jìn)行中
【平臺干貨】eMAG知識百科
涵蓋從開店到大賣6個(gè)板塊:開店、運(yùn)營、廣告、選品、上架、物流
免費(fèi)領(lǐng)取
進(jìn)行中
進(jìn)行中
TikTok運(yùn)營必備干貨包
包含8個(gè)TikTok最新運(yùn)營指南(市場趨勢、運(yùn)營手冊、節(jié)日攻略等),官方出品,專業(yè)全面!
免費(fèi)領(lǐng)取
進(jìn)行中
進(jìn)行中
韓國coupang平臺自注冊指南
韓國Coupang電商平臺從注冊準(zhǔn)備、提交申請到完成注冊,開店全流程詳細(xì)指引。
免費(fèi)領(lǐng)取
進(jìn)行中
進(jìn)行中
全球平臺詳解——全球合集
涵括全球100+個(gè)電商平臺的核心信息,包括平臺精煉簡介、競爭優(yōu)勢、熱銷品類、入駐要求以及入駐須知等關(guān)鍵內(nèi)容。
立即領(lǐng)取
進(jìn)行中
進(jìn)行中
韓國電商節(jié)日營銷指南
10+韓國電商重要營銷節(jié)點(diǎn)詳細(xì)解讀;2024各節(jié)日熱度選品助力引爆訂單增長;8大節(jié)日營銷技巧輕松撬動大促流量密碼。
免費(fèi)領(lǐng)取
進(jìn)行中
進(jìn)行中
全球平臺詳解——?dú)W洲篇
涵蓋20+歐洲電商平臺,詳細(xì)解讀優(yōu)勢、入駐條件、熱銷品等
立即領(lǐng)取
国第一产在线无码精品区,aaa无码视频在线观看,久久强奷乱码老熟女,国产一级aⅴ无码毛片