Shopify - 將圖像添加到通知電子郵件

我試圖將客戶已購買的產品圖像添加到訂單已確認的電子郵件通知中。我目前正在使用這個作爲我的嘗試：Shopify - 將圖像添加到通知電子郵件

<img src="{{ line.line_item | img_url: 'small' }}">

我想，基於this page。我也試過如下：

{{ item.product.featured_image | product_img_url | img_tag }}

既不方式合作。我回來的是一個佔位符圖像，它上面寫着「沒有圖像」。這使我相信我的語法是正確的，但Shopify無法找到我正在尋找的圖像。我在管理頁面爲產品設置了一個圖像，並確保我有一個較大的圖像和一個較小的圖像，並在變體上設置圖像（儘管此產品只有默認的一個變體）。它沒有任何工作。有沒有人有這方面的經驗，並可以指出我在正確的方向？

謝謝！

來源

2014-11-20 pjlamb12

不能產品圖像添加到電子郵件。 http://docs.shopify.com/manual/settings/notifications/email-variables – 2014-11-20 18:21:04

在某些電子郵件的默認代碼中，它們包含上述語法，並且是那些給我的想法。因此，雖然沒有在該頁面上特別列出，但我相信它可以被使用。不是通過'line_items'的特定屬性，而是通過某種方式使用'img_filter'。 – pjlamb12 2014-11-20 18:49:45

這裏是從一默認通知的摘錄：''' {％爲線在fulfillment.fulfillment_line_items％}

'' '

' {{線。數量}} x {{line.line_item.title}}' '

{％endfor％}' '' – pjlamb12 2014-11-20 18:53:27

感謝同事的幫助，我們弄明白了。在循環瀏覽line_items時，請執行以下操作獲取圖像：<img src="{{ line.product.featured_image | product_img_url: 'thumb' }}">並輸出圖像。有很多不同的圖像尺寸可以用來代替'thumb'。 Check those out here。

希望這可以幫助別人！

來源

2014-11-20 20:45:43 pjlamb12

默認的訂單確認電子郵件模板使用img_url過濾器：

{% for line in line_items %} 
    <li> 
    <img src="{{ line | img_url: 'small' }}" /> 
    {{ line.quantity }}x {{ line.title }} for {{ line.price | money }} each 
    </li> 
{% endfor %}

這是優於使用line.product.featured_image因爲如果存在的話它會顯示訂單項的變體形象。

從Shopify docs for img_url：

對於line_item，返回行項目的變異圖像的URL。如果該變體沒有指定的圖像，則會返回產品特色圖像的網址。

另外，你可以與任何使用該img_tag過濾這些選項替換<img src="{{ line | img_url: 'small' }}" />：

{{ line | img_url: 'small' | img_tag }} // my preferred option 

{{ line | img_tag }} // default size is 'small' 

{{ line | img_tag: 'alt text', 'class1', 'thumb' }} // thumbnail image with alt text and CSS class

來源

2014-11-21 03:41:26

我試着做'line | img_url：'small''並且有Liquid錯誤。我唯一能做的就是做'line.product.featured_img'。 – pjlamb12 2014-11-21 22:58:44

如果它位於for循環的'{％for line in line_items％}'中，它應該可以正常工作。該代碼位於默認的訂單確認模板中，我也自己對其進行了測試。你得到了什麼錯誤？ – 2014-11-21 23:41:41

Shopify - 將圖像添加到通知電子郵件

回答

相關問題