shopify平臺(tái)使用自定義圖片個(gè)性化設(shè)置禮品卡步驟-ESG跨境

shopify平臺(tái)使用自定義圖片個(gè)性化設(shè)置禮品卡步驟

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

使用自定義圖片個(gè)性化設(shè)置禮品卡


,您可以聯(lián)系 Shopify 支持團(tuán)隊(duì)獲得關(guān)于此教程的幫助。此教程需要 15 分鐘的設(shè)計(jì)時(shí)間。若要了解詳情,請(qǐng)參閱 。

模板,不適用于“Online Store 2.0”模板。

為禮品卡上傳新圖片

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

  2. 找到您要編輯的模板,然后點(diǎn)擊操作 > 編輯代碼。

  3. 在 Assets 目錄中,點(diǎn)擊添加新資產(chǎn)

  4. 點(diǎn)擊選擇文件,以瀏覽到您計(jì)算機(jī)上的新禮品卡圖片并上傳。我們建議使用簡(jiǎn)單的文件名,例如 blue-giftcard.png。

提示:禮品卡圖片的建議大小為 950 × 550 像素(您還可以使用 5:3 的或最小尺寸 450 x 270 像素)。

  1. 點(diǎn)擊上傳資產(chǎn)。新的禮品卡圖片將顯示在您的 Assets 目錄中。請(qǐng)記下文件擴(kuò)展名(.png 或 .jpg)。

編輯禮品卡模板文件,使其使用您的新圖片

  1. 在 Templates 目錄中,點(diǎn)擊 gift-card.liquid

  2. 在該文件中以下代碼:

    liquid<img src="{{ 'gift-card/card.jpg' | shopify_asset_url }}" alt="">

  3. 將它替換為以下代碼:

    liquid<img src="{{ 'blue-giftcard.png' | asset_img_url: '1024x1024' }}" alt="">

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

備注:請(qǐng)確保根據(jù)需要將 blue-giftcard.png 更改為新圖片的文件名和擴(kuò)展名。

預(yù)覽您的新禮品卡圖片

  1. 在模板代碼編輯器中,點(diǎn)擊右上角的自定義模板

  2. 打開模板編輯器。

  3. 在頁(yè)面頂部的下拉菜單或在移動(dòng)設(shè)備上的模板菜單中,選擇禮品卡。

Personalize gift cards with a custom image

, then you might be able to contact Shopify Support for help with this tutorial. It requires 15 minutes of design time. To learn more, refer to .

  • Upload a new image for your gift card

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

    2. Find the theme you want to edit, and click Actions > Edit code.

    3. In the Assets directory, click Add a new asset.

    4. Click Choose File to browse to the new gift card image on your computer and upload it. We suggest using a simple filename, for example blue-giftcard.png.

       of 5:3 or a minimum size of 450px by 270px).

    5. Click Upload asset. The new gift card image will appear in your Assets directory. Take note of the file extension (.png or .jpg).

    Edit the gift card template file so that it uses your new image

    1. In the Templates directory, click gift-card.liquid.

    2. the following code within the file:

      <img src="{{ 'gift-card/card.jpg' | shopify_asset_url }}" alt="">
    3. Replace it with the following:

      <img src="{{ 'blue-giftcard.png' | asset_img_url: '1024x1024' }}" alt="">
    4. Click Save.

    your new gift card image
    1. From the theme code editor, in the top right-hand corner, click Customize theme.

    2. Open the theme editor.

    3. From the drop-down menu at the top of the , or from the Templates menu on mobile, select Gift card.



    特別聲明:以上文章內(nèi)容僅代表作者本人觀點(diǎn),不代表ESG跨境電商觀點(diǎn)或立場(chǎng)。如有關(guān)于作品內(nèi)容、版權(quá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ó)賣家交流群
    加入
    美國(guó)賣家交流群
    掃碼進(jìn)群
    ESG跨境專屬福利分享群
    加入
    ESG跨境專屬福利分享群
    掃碼進(jìn)群
    拉美電商交流群
    加入
    拉美電商交流群
    掃碼進(jìn)群
    亞馬遜跨境增長(zhǎng)交流群
    加入
    亞馬遜跨境增長(zhǎng)交流群
    掃碼進(jìn)群
    亞馬遜跨境增長(zhǎng)交流群
    加入
    亞馬遜跨境增長(zhǎng)交流群
    掃碼進(jìn)群
    拉美電商交流群
    加入
    拉美電商交流群
    掃碼進(jìn)群
    ESG獨(dú)家招商-PHH GROUP賣家交流群
    加入
    ESG獨(dú)家招商-PHH GROUP賣家交流群
    掃碼進(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)銷指南》
    《開店大全-全球合集》
    《開店大全-主流平臺(tái)篇》
    《開店大全-東南亞篇》
    《CD平臺(tái)自注冊(cè)指南》
    通過ESG入駐平臺(tái),您將解鎖
    綠色通道,更高的入駐成功率
    專業(yè)1v1客戶經(jīng)理服務(wù)
    運(yùn)營(yíng)實(shí)操指導(dǎo)
    運(yùn)營(yíng)提效資源福利
    平臺(tái)官方專屬優(yōu)惠

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

    訂閱
    聯(lián)系顧問

    平臺(tái)顧問

    平臺(tái)顧問 平臺(tái)顧問

    微信掃一掃
    馬上聯(liá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é)日攻略等),官方出品,專業(yè)全面!
    免費(fèi)領(lǐng)取
    進(jìn)行中
    進(jìn)行中
    韓國(guó)電商節(jié)日營(yíng)銷指南
    10+韓國(guó)電商重要營(yíng)銷節(jié)點(diǎn)詳細(xì)解讀;2024各節(jié)日熱度選品助力引爆訂單增長(zhǎng);8大節(jié)日營(yíng)銷技巧輕松撬動(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ì)、熱銷品類、入駐要求以及入駐須知等關(guān)鍵內(nèi)容。
    立即領(lǐng)取
    進(jìn)行中
    進(jìn)行中
    全球平臺(tái)詳解——主流平臺(tái)篇
    火爆全球的跨境電商平臺(tái)合集,平臺(tái)優(yōu)勢(shì)、開店選品、入駐條件盡在掌握
    立即領(lǐng)取
    進(jìn)行中
    進(jìn)行中
    全球平臺(tái)詳解——拉美篇
    涵蓋9大熱門拉美電商平臺(tái),成熟的市場(chǎng)是跨境賣家的熱門選擇!
    立即領(lǐng)取
    進(jìn)行中
    進(jìn)行中
    全球平臺(tái)詳解——日韓篇
    涵蓋10+日韓電商平臺(tái),入駐條件一看就懂,優(yōu)勢(shì)熱銷品應(yīng)有盡有
    立即領(lǐng)取
    進(jìn)行中
    進(jìn)行中
    全球平臺(tái)詳解——?dú)W洲篇
    涵蓋20+歐洲電商平臺(tái),詳細(xì)解讀優(yōu)勢(shì)、入駐條件、熱銷品等
    立即領(lǐng)取