shopify商店模板Boundless標頭和幻燈片設置步驟-ESG跨境

shopify商店模板Boundless標頭和幻燈片設置步驟

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

模板的標頭是顯示在您商店中每個頁面頂部的分區(qū)。您可以自定義標頭中顯示的 logo。

標頭

模板的標頭是顯示在您商店中每個頁面頂部的分區(qū)。您可以自定義標頭中顯示的 logo。

您可以添加僅在主頁上顯示的額外 logo。主頁 logo 會顯示在幻燈片上,因此您應選擇一個易于在圖片上看到的 logo 版本。

添加自定義 logo

PC:

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

  2. 點擊 的分區(qū) 旁邊的自定義。

  1. 點擊標頭

  2. 在 logo 區(qū)域中,點擊選擇圖片,然后執(zhí)行以下操作之一:

  • 若要選擇已上傳到 Shopify 后臺的圖片,請點擊選項卡。

  • 若要從 Burst 中選擇庫存圖片,請點擊免費圖片選項卡。您可在此處輸入搜索詞,或瀏覽圖片類別。

  • 若要從本地計算機選擇圖片,請點擊選項卡,然后點擊上傳

  1. 可選:在主頁 logo 區(qū)域中,點擊選擇圖片,然后執(zhí)行以下操作之一:

  • 若要選擇已上傳到 Shopify 后臺的圖片,請點擊選項卡。

  • 若要從 Burst 中選擇庫存圖片,請點擊免費圖片選項卡。您可在此處輸入搜索詞,或瀏覽圖片類別。

  • 若要從本地計算機選擇圖片,請點擊選項卡,然后點擊上傳

  1. 自定義 logo 寬度 (以像素為單位) 字段中輸入logo 的寬度。

  2. 點擊保存。

蘋果系統(tǒng):

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

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

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

  4. 在 的分區(qū) 旁邊,輕觸自定義。

  5. 輕觸編輯。

  1. 點擊標頭

  2. 在 logo 區(qū)域中,點擊選擇圖片,然后執(zhí)行以下操作之一:

  • 若要選擇已上傳到 Shopify 后臺的圖片,請點擊選項卡。

  • 若要從 Burst 中選擇庫存圖片,請點擊免費圖片選項卡。您可在此處輸入搜索詞,或瀏覽圖片類別。

  • 若要從本地計算機選擇圖片,請點擊選項卡,然后點擊上傳

  1. 可選:在 logo 區(qū)域中,點擊選擇圖片,然后執(zhí)行以下操作之一:

  • 若要選擇已上傳到 Shopify 后臺的圖片,請點擊選項卡。

  • 若要從 Burst 中選擇庫存圖片,請點擊免費圖片選項卡。您可在此處輸入搜索詞,或瀏覽圖片類別。

  • 若要從本地計算機選擇圖片,請點擊選項卡,然后點擊上傳。

  1. 自定義 logo 寬度 (以像素為單位) 字段中輸入logo 的寬度。

  2. 點擊保存。

安卓系統(tǒng):

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

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

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

  4. 在 的分區(qū) 旁邊,輕觸自定義。

  5. 輕觸編輯

  1. 點擊標頭。

  2. 在 logo 區(qū)域中,點擊選擇圖片,然后執(zhí)行以下操作之一:

  • 若要選擇已上傳到 Shopify 后臺的圖片,請點擊選項卡。

  • 若要從 Burst 中選擇庫存圖片,請點擊免費圖片選項卡。您可在此處輸入搜索詞,或瀏覽圖片類別。

  • 若要從本地計算機選擇圖片,請點擊選項卡,然后點擊上傳。

  1. 可選:在主頁 logo 區(qū)域中,點擊選擇圖片,然后執(zhí)行以下操作之一:

  • 若要選擇已上傳到 Shopify 后臺的圖片,請點擊選項卡。

  • 若要從 Burst 中選擇庫存圖片,請點擊免費圖片選項卡。您可在此處輸入,或瀏覽圖片類別。

  • 若要從本地計算機選擇圖片,請點擊選項卡,然后點擊上傳。

  1. 自定義 logo 寬度 (以像素為單位) 字段中輸入logo 的寬度。

  2. 點擊保存。

幻燈片

您可以在主頁上添加幻燈片,最多可輪換五張圖片。

最好為您的幻燈片使用高分辨率圖片。使用 3840 x 2160 px 或更大的圖片,但不要超過 Shopify 的上傳限制。

由于幻燈片的大小和形狀取決于客戶設備的大小和形狀,因此,您的幻燈片圖片將在某些屏幕上被裁剪。嘗試使用中間有焦點的圖片,這樣每張圖片的重要部分都能始終可見。

若要詳細了解適用于幻燈片圖片的最佳做法,請參閱上傳圖片。

幻燈片分區(qū)包括以下設置:

  • 幻燈片高度 - 設置幻燈片的高度。選擇 Adapt to first image slide height(適應第一張圖片幻燈片高度),基于第一張圖片的高度設置幻燈片的高度。

  • 自動循環(huán)播放幻燈片 - 將幻燈片設置為自動播放。

  • 幻燈片更改時間間隔 - 選擇更改幻燈片的頻率。

  • 文本和圖標 - 為顯示在幻燈片上的文本和圖標選擇一種顏色。

  • 圖片疊加 - 在圖片幻燈片上添加一層顏色。疊加使幻燈片文本更易于閱讀。

  • 不透明度 - 設置疊加的不透明度。

  • 圖片 - 為幻燈片放映添加圖片幻燈片。

  • 圖片位置 - 選擇圖片中最重要的區(qū)域作為幻燈片的焦點。

  • 標題 - 向幻燈片添加標題。

  • 按鈕文本 - 向幻燈片添加帶文本標簽的按鈕。

  • 按鈕鏈接 - 設置您希望按鈕鏈接到的 URL 或頁面。粘貼 URL 或從菜單中選擇一個頁面。如果您不想在分區(qū)中包含按鈕,請將此字段留空。

自定義幻燈片

PC:

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

  2. 點擊 的分區(qū) 旁邊的自定義。

  1. 點擊幻燈片

  2. 使用設置來自定義幻燈片。

  3. 點擊保存。

蘋果系統(tǒng):

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

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

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

  4. 在 的分區(qū) 旁邊,輕觸自定義

  5. 輕觸編輯。

  1. 點擊幻燈片

  2. 使用設置來自定義幻燈片。

  3. 點擊保存。

安卓系統(tǒng):

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

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

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

  4. 在 的分區(qū) 旁邊,輕觸自定義。

  5. 輕觸編輯。

  1. 點擊幻燈片。

  2. 使用設置來自定義幻燈片。

  3. 點擊保存


Header

Your theme's header is the section that appears at the top of every page in your store. You can customize the logo that appears in the header.

You can add an additional logo that's displayed only on your home page. The home page logo is displayed over the slideshow, so you should choose a version of your logo that's easy to see on top of an image.

Add a custom logo

PC:

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

  2. Next to Boundless, click Customize.

  1. Click Header.

  2. In the Logo area, click Select image, and then do one of the following:

  • To select an image that you have already uploaded to your Shopify admin, click the Library tab.

  • To select a stock image from Burst, click the Free images tab. From here you can enter a search term, or browse the image categories.

  • To select an image from your local computer, click the Library tab, and then click Upload.

  1. Optional: In the Home page logo area, click Select image, and then do one of the following:

  • To select an image that you have already uploaded to your Shopify admin, click the Library tab.

  • To select a stock image from Burst, click the Free images tab. From here you can enter a search term, or browse the image categories.

  • To select an image from your local computer, click the Library tab, and then click Upload.

  1. Enter the logo's width in the Custom logo width (in pixels) field.

  2. 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 Boundless, tap Customize.

  5. Tap Edit.

  1. Click Header.

  2. In the Logo area, click Select image, and then do one of the following:

  • To select an image that you have already uploaded to your Shopify admin, click the Library tab.

  • To select a stock image from Burst, click the Free images tab. From here you can enter a search term, or browse the image categories.

  • To select an image from your local computer, click the Library tab, and then click Upload.

  1. Optional: In the Home page logo area, click Select image, and then do one of the following:

  • To select an image that you have already uploaded to your Shopify admin, click the Library tab.

  • To select a stock image from Burst, click the Free images tab. From here you can enter a search term, or browse the image categories.

  • To select an image from your local computer, click the Library tab, and then click Upload.

  1. Enter the logo's width in the Custom logo width (in pixels) field.

  2. 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 Boundless, tap Customize.

  5. Tap Edit.

  1. Click Header.

  2. In the Logo area, click Select image, and then do one of the following:

  • To select an image that you have already uploaded to your Shopify admin, click the Library tab.

  • To select a stock image from Burst, click the Free images tab. From here you can enter a search term, or browse the image categories.

  • To select an image from your local computer, click the Library tab, and then click Upload.

  1. Optional: In the Home page logo area, click Select image, and then do one of the following:

  • To select an image that you have already uploaded to your Shopify admin, click the Library tab.

  • To select a stock image from Burst, click the Free images tab. From here you can enter a search term, or browse the image categories.

  • To select an image from your local computer, click the Library tab, and then click Upload.

  1. Enter the logo's width in the Custom logo width (in pixels) field.

  2. Click Save.

Slideshow

You can add a slideshow to your home page that rotates up to five images.

It's best to use high resolution images for your slides. Use images that are 3840 x 2160 px or larger, but don't exceed Shopify's upload limits.

Because the size and shape of the slideshow depends on the size and shape of the 's device, your slideshow images will be cropped on some screens. Try to use images that have a focal point in the middle so that the important part of each image is always visible.

To learn more about the best practices for slideshow images, see Uploading images.

The slideshow section includes the following settings:

  • Slide height - Set the height of the slideshow. Select Adapt to first image slide height to base the height of your slideshow on the height of your first image.

  • Auto-rotate slides - Set the slideshow to play automatically.

  • Change slides every - Choose how often to change slides.

  • Text and icons - Choose a color for the text and icons that appear over the slideshow.

  • Image overlay - Add a layer of color over your image slide. An overlay can make slideshow text easier to read.

  • Opacity - Set the opacity of your overlay.

  • Image - Add an image slide to your slideshow.

  • Image position - Choose the most important area of the image to focus on in the slideshow.

  • Heading - Add a heading to your slide.

  • Button text - Add a button with a text label to your slide.

  • Button link - Set the URL or page that you want the button to link to. Paste in the URL or select a page from the menu. If you do not want to include a button in the section, then leave this field empty.

Customize your slideshow

PC:

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

  2. Next to Boundless, click Customize.

  1. Click Slideshow.

  2. Use the settings to customize your slideshow.

  3. 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 Boundless, tap Customize.

  5. Tap Edit.

  1. Click Slideshow.

  2. Use the settings to customize your slideshow.

  3. 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 Boundless, tap Customize.

  5. Tap Edit.

  1. Click Slideshow.

  2. Use the settings to customize your slideshow.

  3. Click Save.



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

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

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

訂閱
聯(lián)系顧問

平臺顧問

平臺顧問 平臺顧問

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

icon icon

小程序

微信小程序

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

icon icon

返回頂部