shopify商店Narrative模板顏色和版式設置步驟-ESG跨境

shopify商店Narrative模板顏色和版式設置步驟

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

您可以使用模板設置來自定在線商店的顏色和版式。您還可以設置指向社交媒體賬號的鏈接、編輯購物車設置以及添加網站圖標。

Narrative 模板設置

您可以使用模板設置來自定在線商店的顏色和版式。您還可以設置指向賬號的鏈接、編輯設置以及添加網站圖標。

顏色

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

自定義顏色設置

PC:

  1. 在 Shopify 后臺中,轉到在線商店 > 模板。

  2. 點擊 模板設置 旁邊的自定義

  1. 點擊模板設置。

  2. 點擊顏色。

  3. 若要打開顏色選擇器,請點擊要更改的內容類型顏色的顏色樣本。最近選擇區(qū)域顯示您最近為模板選擇過的顏色。當前使用區(qū)域顯示您當前在模板的其他部分中使用的顏色。

    若要設置特定的十六進制顏色代碼,請點擊文本字段以輸入顏色。

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

  4. 點擊保存

蘋果系統:

  1. 在 Shopify 應用中,輕觸商店。

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

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

  4. 在 模板設置 旁邊,輕觸自定義。

  5. 輕觸編輯

  1. 點擊模板設置。

  2. 點擊顏色。

  3. 若要打開顏色選擇器,請點擊要更改的內容類型顏色的顏色樣本。最近選擇區(qū)域顯示您最近為模板選擇過的顏色。當前使用區(qū)域顯示您當前在模板的其他部分中使用的顏色。

    若要設置特定的十六進制顏色代碼,請點擊文本字段以輸入顏色。

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

  4. 點擊保存。

安卓系統:

  1. 在  應用中,輕觸商店。

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

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

  4. 在 模板設置 旁邊,輕觸自定義。

  5. 輕觸編輯。

  1. 點擊模板設置

  2. 點擊顏色。

  3. 若要打開顏色選擇器,請點擊要更改的內容類型顏色的顏色樣本。最近選擇區(qū)域顯示您最近為模板選擇過的顏色。當前使用區(qū)域顯示您當前在模板的其他部分中使用的顏色。

    若要設置特定的十六進制顏色代碼,請點擊文本字段以輸入顏色。

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

  4. 點擊保存。

版式

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

建議您在商店中使用系統字體。使用系統字體可避免在客戶的計算機上下載新字體,從而避免對您的商店加載速度產生負面影響??蛻舻挠嬎銠C上顯示的字體取決于其操作系統。詳細了解系統字體。

自定義字體設置

PC:

  1. 在 Shopify 后臺中,轉到在線商店 > 模板。

  2. 點擊 模板設置 旁邊的自定義

  1. 點擊模板設置。

  2. 點擊 Typography(字體)。

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

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

    若要查看所有可用的字體,請參閱 Shopify 的字體庫。

  5. 點擊要使用的字體名稱。

  6. 若要將字體更改為其他樣式,請點擊當前字體樣式的名稱,然后從下拉菜單中選擇新字體樣式。

  7. 單擊選擇

  8. 點擊保存。

蘋果系統:

  1. 在 Shopify 應用中,輕觸商店。

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

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

  4. 在 模板設置 旁邊,輕觸自定義。

  5. 輕觸編輯。

  1. 點擊模板設置。

  2. 點擊 Typography(字體)。

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

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

    若要查看所有可用的字體,請參閱 Shopify 的字體庫

  5. 點擊要使用的字體名稱。

  6. 若要將字體更改為其他樣式,請點擊當前字體樣式的名稱,然后從下拉菜單中選擇新字體樣式。

  7. 單擊選擇。

  8. 點擊保存。

安卓系統:

  1. 在 Shopify 應用中,輕觸商店。

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

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

  4. 在 模板設置 旁邊,輕觸自定義

  5. 輕觸編輯。

  1. 點擊模板設置。

  2. 點擊 Typography(字體)。

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

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

    若要查看所有可用的字體,請參閱 Shopify 的字體庫。

  5. 點擊要使用的字體名稱。

  6. 若要將字體更改為其他樣式,請點擊當前字體樣式的名稱,然后從下拉菜單中選擇新字體樣式。

  7. 單擊選擇。

  8. 點擊保存。

Theme settings for Narrative

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 Narrative, 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 Narrative, 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 Narrative, 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 '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 Narrative, 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 Narrative, 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 Narrative, 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 Shofy'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.



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

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

平臺顧問

平臺顧問 平臺顧問

微信掃一掃
馬上聯系在線顧問

icon icon

小程序

微信小程序

ESG跨境小程序
手機入駐更便捷

icon icon

返回頂部