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

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

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

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


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

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

為禮品卡上傳新圖片

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

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

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

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

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

  1. 點(diǎn)擊上傳資產(chǎn)。新的禮品卡圖片將顯示在您的 Assets 目錄中。請記下文件擴(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)擊保存。

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

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

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

  2. 打開模板編輯器。

  3. 在頁面頂部的下拉菜單或在移動(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)或立場。如有關(guān)于作品內(nèi)容、版權(quán)或其它問題請于作品發(fā)表后的30日內(nèi)與ESG跨境電商聯(lián)系。

    搜索 放大鏡
    韓國平臺(tái)交流群
    加入
    韓國平臺(tái)交流群
    掃碼進(jìn)群
    歐洲多平臺(tái)交流群
    加入
    歐洲多平臺(tái)交流群
    掃碼進(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)群
    2025跨境電商營銷日歷
    《Coupang自注冊指南》
    《eMAG知識(shí)百科》
    《TikTok官方運(yùn)營干貨合集》
    《韓國節(jié)日營銷指南》
    《開店大全-全球合集》
    《TikTok綜合運(yùn)營手冊》
    《TikTok短視頻運(yùn)營手冊》
    《TikTok直播運(yùn)營手冊》
    《TikTok全球趨勢報(bào)告》
    通過ESG入駐平臺(tái),您將解鎖
    綠色通道,更高的入駐成功率
    專業(yè)1v1客戶經(jīng)理服務(wù)
    運(yùn)營實(shí)操指導(dǎo)
    運(yùn)營提效資源福利
    平臺(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)營干貨 關(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)行中
    【平臺(tái)干貨】eMAG知識(shí)百科
    涵蓋從開店到大賣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平臺(tái)自注冊指南
    韓國Coupang電商平臺(tái)從注冊準(zhǔn)備、提交申請到完成注冊,開店全流程詳細(xì)指引。
    免費(fèi)領(lǐng)取
    進(jìn)行中
    進(jìn)行中
    全球平臺(tái)詳解——全球合集
    涵括全球100+個(gè)電商平臺(tái)的核心信息,包括平臺(tái)精煉簡介、競爭優(yōu)勢、熱銷品類、入駐要求以及入駐須知等關(guān)鍵內(nèi)容。
    立即領(lǐng)取
    進(jìn)行中
    進(jìn)行中
    韓國電商節(jié)日營銷指南
    10+韓國電商重要營銷節(jié)點(diǎn)詳細(xì)解讀;2024各節(jié)日熱度選品助力引爆訂單增長;8大節(jié)日營銷技巧輕松撬動(dòng)大促流量密碼。
    免費(fèi)領(lǐng)取
    進(jìn)行中
    進(jìn)行中
    全球平臺(tái)詳解——?dú)W洲篇
    涵蓋20+歐洲電商平臺(tái),詳細(xì)解讀優(yōu)勢、入駐條件、熱銷品等
    立即領(lǐng)取