Shopify元素-商品集合图片

在本文中,您將了解另一個名為系列圖片Shopify 要素

關於系列圖片要素Click to copy

系列圖片要素旨在在您的頁面上顯示您的 Shopify 系列的圖片,以提高您的轉化率。您可以使用系列圖片要素在任何非系列頁面上推廣您的系列,或在系列頁面上使用它。

訪問系列圖片要素Click to copy

第 1 步:單擊要素目錄中的添加 Shopify 要素圖示

第 2 步:單擊下拉菜單欄中的系列圖片要素

第 3 步:將要素拖放到頁面編輯器中,然後開始使用它。

系列圖片要素帶有一個常見的變體,但我們將繼續添加更多變體以幫助您節省時間。

請注意,您可以使用搜索功能搜索此要素,而不是在側邊欄中找到它。

collection image

系列圖片要素配置Click to copy

系列圖片要素帶有大量參數,可讓您微調內容外觀以獲得最佳轉換率。

選擇佈局中的要素以查看其參數。

當您將此要素拖放到編輯器頁面時,系列來源有 2 個選項供您選擇:

  • 自動
  • 自定義系列

collection image

請注意,如果您在系列頁面並使用系列圖片要素,那麼您可以選擇系列來源選項。但是,如果您在常規頁面中並使用此要素,則默認情況下會禁用系列來源選項並選擇自定義系列

如果您選擇自動,則在您創建此系列頁面時分配的系列將顯示在頁面編輯器中。使用系列圖片要素時,自動選項是默認選項。

您可以選擇自定義系列並選擇您想要的系列。

collection image

常規選項卡配置Click to copy

内容
啟用全寬:使圖片適合其容器的寬度(例如:欄)。 collection image
圖片寬度:關閉啟用全寬度時,您可以調整圖片寬度。 collection image
圖片比例

共有三種類型供您選擇:

原來:圖片將以原來大小顯示

collection image

方形:圖片將顯示為方形

collection image

自定義:您可以調整圖片的高度

collection image

圖片高度:您可以在圖片比例中選擇自定義時調整圖片高度。 collection image
圖片對象適合:在方形自定義類型中,您可以重新調整圖片大小以適合其容器 封面:圖片將拉伸以適合容器

collection image

容納:圖片將被擠壓以留在其容器內

collection image

圖片位置:方形自定義類型中
,您可以選擇指定圖片在其容器內
的位置。
collection image

如果圖片適合其容器,圖片位置將顯示如下

collection image

鏈接到系列:如果在用戶單擊圖片時您想將圖像鏈接到相應的系列頁面,請啟用此選項。 collection image

您可以在此處獲取有關屬性、可見性、動畫參數的更多信息

樣式配置Click to copy

您可以在此處查看有關樣式標簽的更多信息

Navigate this category

Feedback
Thank you for your feedback!

Could not find the answer
to your question?

Chat with us
Boost your holiday sales with PageFly's Thanksgiving Template 👉 Discover Now