shopify商店Express模板自定義顏色和版式步驟-ESG跨境

shopify商店Express模板自定義顏色和版式步驟

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

您可以使用模板設(shè)置來(lái)自定在線商店的顏色和版式。您還可以設(shè)置指向社交媒體賬號(hào)的鏈接、編輯購(gòu)物車(chē)設(shè)置以及添加網(wǎng)站圖標(biāo)。

Express 的模板設(shè)置

您可以使用模板設(shè)置來(lái)自定在線商店的顏色和版式。您還可以設(shè)置指向賬號(hào)的鏈接、編輯設(shè)置以及添加網(wǎng)站圖標(biāo)。

顏色

您可以為在線商店的不同部分選擇顏色。

自定義顏色設(shè)置

PC:

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

  2. 點(diǎn)擊 的模板設(shè)置 旁邊的自定義。

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

  2. 點(diǎn)擊顏色

  3. 若要打開(kāi)顏色選擇器,請(qǐng)點(diǎn)擊要更改的內(nèi)容類(lèi)型顏色的顏色樣本。最近選擇區(qū)域顯示您最近為模板選擇過(guò)的顏色。當(dāng)前使用區(qū)域顯示您當(dāng)前在模板的其他部分中使用的顏色。

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

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

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

蘋(píng)果系統(tǒng):

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

  2. 銷(xiāo)售渠道部分,輕觸在線商店。

  3. 輕觸 Manage themes(管理模板)。

  4. 在 的模板設(shè)置 旁邊,輕觸自定義。

  5. 輕觸編輯。

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

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

  3. 若要打開(kāi)顏色選擇器,請(qǐng)點(diǎn)擊要更改的內(nèi)容類(lèi)型顏色的顏色樣本。最近選擇區(qū)域顯示您最近為模板選擇過(guò)的顏色。當(dāng)前使用區(qū)域顯示您當(dāng)前在模板的其他部分中使用的顏色。

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

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

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

安卓系統(tǒng):

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

  2. 銷(xiāo)售渠道部分,輕觸在線商店

  3. 輕觸 Manage themes(管理模板)。

  4. 在 的模板設(shè)置 旁邊,輕觸自定義。

  5. 輕觸編輯

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

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

  3. 若要打開(kāi)顏色選擇器,請(qǐng)點(diǎn)擊要更改的內(nèi)容類(lèi)型顏色的顏色樣本。最近選擇區(qū)域顯示您最近為模板選擇過(guò)的顏色。當(dāng)前使用區(qū)域顯示您當(dāng)前在模板的其他部分中使用的顏色。

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

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

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

版式

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

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

自定義字體設(shè)置

PC:

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

  2. 點(diǎn)擊 的模板設(shè)置 旁邊的自定義。

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

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

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

  4. 通過(guò)使用搜索字段或通過(guò)點(diǎn)擊加載更多來(lái)瀏覽字體。

    若要查看所有可用的字體,請(qǐng)參閱 Shopify 的字體庫(kù)

  5. 點(diǎn)擊要使用的字體名稱(chēng)。

  6. 若要將字體更改為其他樣式,請(qǐng)點(diǎn)擊當(dāng)前字體樣式的名稱(chēng),然后從下拉菜單中選擇新字體樣式。

  7. 單擊選擇。

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

蘋(píng)果系統(tǒng):

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

  2. 銷(xiāo)售渠道部分,輕觸在線商店。

  3. 輕觸 Manage themes(管理模板)。

  4. 在 的模板設(shè)置 旁邊,輕觸自定義。

  5. 輕觸編輯

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

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

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

  4. 通過(guò)使用搜索字段或通過(guò)點(diǎn)擊加載更多來(lái)瀏覽字體。

    若要查看所有可用的字體,請(qǐng)參閱 Shopify 的字體庫(kù)。

  5. 點(diǎn)擊要使用的字體名稱(chēng)。

  6. 若要將字體更改為其他樣式,請(qǐng)點(diǎn)擊當(dāng)前字體樣式的名稱(chēng),然后從下拉菜單中選擇新字體樣式。

  7. 單擊選擇。

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

安卓系統(tǒng):

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

  2. 銷(xiāo)售渠道部分,輕觸在線商店。

  3. 輕觸 Manage themes(管理模板)。

  4. 在 的模板設(shè)置 旁邊,輕觸自定義

  5. 輕觸編輯。

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

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

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

  4. 通過(guò)使用搜索字段或通過(guò)點(diǎn)擊加載更多來(lái)瀏覽字體。

    若要查看所有可用的字體,請(qǐng)參閱 Shopify 的字體庫(kù)

  5. 點(diǎn)擊要使用的字體名稱(chēng)。

  6. 若要將字體更改為其他樣式,請(qǐng)點(diǎn)擊當(dāng)前字體樣式的名稱(chēng),然后從下拉菜單中選擇新字體樣式。

  7. 單擊選擇。

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

Theme settings for Express

You can use theme settings to customize the colors and typography on your online store. You can also set up links to your social media accounts, edit your cart settings, and add a favicon.

Colors

You can choose the colors for the different parts of your online store.

Customize your color settings


PC:

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

  2. Next to Express, 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. The Recently selected area shows colors that you have recently selected for your theme. The Currently used area shows colors that you are currently using in other parts of your theme.

    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. Next to Express, 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. The Recently selected area shows colors that you have recently selected for your theme. The Currently used area shows colors that you are currently using in other parts of your theme.

    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. Next to Express, 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. The Recently selected area shows colors that you have recently selected for your theme. The Currently used area shows colors that you are currently using in other parts of your theme.

    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.

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. Learn more about system fonts.

Customize your typography settings

PC:

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

  2. Next to Express, click Customize.

  1. Click Theme settings.

  2. Click Typography.

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

  4. Explore fonts by using the search field, or by clicking Load more.

    To see all of the available fonts, see Shopify's font library.

  5. Click the name of the font that you want to use.

  6. To change the font to a different style, click the name of the current font style, and then select a new font style from the drop-down menu.

  7. Click Select.

  8. 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 Express, 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 fonts by using the search field, or by clicking Load more.

    To see all of the available fonts, see Shopify's font library.

  5. Click the name of the font that you want to use.

  6. To change the font to a different style, click the name of the current font style, and then select a new font style from the drop-down menu.

  7. Click Select.

  8. 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 Express, 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 fonts by using the search field, or by clicking Load more.

    To see all of the available fonts, see Shopify's font library.

  5. Click the name of the font that you want to use.

  6. To change the font to a different style, click the name of the current font style, and then select a new font style from the drop-down menu.

  7. Click Select.

  8. Click Save.



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

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

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

訂閱
聯(lián)系顧問(wèn)

平臺(tái)顧問(wèn)

平臺(tái)顧問(wèn) 平臺(tái)顧問(wèn)

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

icon icon

小程序

微信小程序

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

icon icon

返回頂部

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