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

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

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

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


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

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

為禮品卡上傳新圖片

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

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

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

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

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

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

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

  1. 在 Templates 目錄中,點擊 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. 點擊保存。

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

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

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

  2. 打開模板編輯器。

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

    搜索 放大鏡
    韓國平臺交流群
    加入
    韓國平臺交流群
    掃碼進(jìn)群
    歐洲多平臺交流群
    加入
    歐洲多平臺交流群
    掃碼進(jìn)群
    美國賣家交流群
    加入
    美國賣家交流群
    掃碼進(jìn)群
    ESG跨境專屬福利分享群
    加入
    ESG跨境專屬福利分享群
    掃碼進(jìn)群
    拉美電商交流群
    加入
    拉美電商交流群
    掃碼進(jìn)群
    亞馬遜跨境增長交流群
    加入
    亞馬遜跨境增長交流群
    掃碼進(jìn)群
    亞馬遜跨境增長交流群
    加入
    亞馬遜跨境增長交流群
    掃碼進(jìn)群
    拉美電商交流群
    加入
    拉美電商交流群
    掃碼進(jìn)群
    ESG獨家招商-PHH GROUP賣家交流群
    加入
    ESG獨家招商-PHH GROUP賣家交流群
    掃碼進(jìn)群
    2025跨境電商營銷日歷
    《2024年全球消費(fèi)趨勢白皮書——美國篇》
    《2024TikTok出海達(dá)人營銷白皮書》
    《Coupang自注冊指南》
    《eMAG知識百科》
    《TikTok官方運(yùn)營干貨合集》
    《韓國節(jié)日營銷指南》
    《開店大全-全球合集》
    《TikTok綜合運(yùn)營手冊》
    《TikTok短視頻運(yùn)營手冊》
    通過ESG入駐平臺,您將解鎖
    綠色通道,更高的入駐成功率
    專業(yè)1v1客戶經(jīng)理服務(wù)
    運(yùn)營實操指導(dǎo)
    運(yùn)營提效資源福利
    平臺官方專屬優(yōu)惠

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

    訂閱
    聯(lián)系顧問

    平臺顧問

    平臺顧問 平臺顧問

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

    icon icon

    小程序

    微信小程序

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

    icon icon

    返回頂部

    【免費(fèi)領(lǐng)取】全球跨境電商運(yùn)營干貨 關(guān)閉
    進(jìn)行中
    進(jìn)行中
    2025跨境電商營銷日歷
    包括傳統(tǒng)中、外重要節(jié)日及重點電商營銷節(jié)點還對營銷關(guān)鍵市場、選品輔以說明,讓你的365天安排的明明白白!
    免費(fèi)領(lǐng)取
    進(jìn)行中
    進(jìn)行中
    【平臺干貨】eMAG知識百科
    涵蓋從開店到大賣6個板塊:開店、運(yùn)營、廣告、選品、上架、物流
    免費(fèi)領(lǐng)取
    進(jìn)行中
    進(jìn)行中
    TikTok運(yùn)營必備干貨包
    包含8個TikTok最新運(yùn)營指南(市場趨勢、運(yùn)營手冊、節(jié)日攻略等),官方出品,專業(yè)全面!
    免費(fèi)領(lǐng)取
    進(jìn)行中
    進(jìn)行中
    韓國coupang平臺自注冊指南
    韓國Coupang電商平臺從注冊準(zhǔn)備、提交申請到完成注冊,開店全流程詳細(xì)指引。
    免費(fèi)領(lǐng)取
    進(jìn)行中
    進(jìn)行中
    全球平臺詳解——全球合集
    涵括全球100+個電商平臺的核心信息,包括平臺精煉簡介、競爭優(yōu)勢、熱銷品類、入駐要求以及入駐須知等關(guān)鍵內(nèi)容。
    立即領(lǐng)取
    進(jìn)行中
    進(jìn)行中
    韓國電商節(jié)日營銷指南
    10+韓國電商重要營銷節(jié)點詳細(xì)解讀;2024各節(jié)日熱度選品助力引爆訂單增長;8大節(jié)日營銷技巧輕松撬動大促流量密碼。
    免費(fèi)領(lǐng)取
    進(jìn)行中
    進(jìn)行中
    全球平臺詳解——歐洲篇
    涵蓋20+歐洲電商平臺,詳細(xì)解讀優(yōu)勢、入駐條件、熱銷品等
    立即領(lǐng)取