跳至主要內容

Apps / Combined Listings Swatch

Shopify 變體和組合產品的視覺樣本。

將產品選項呈現為圖像、顏色、卡片、按鈕或文字選擇器,並將單獨的產品連結到一個視覺選擇器。適用於產品頁面、收藏卡和快速檢視。

顏色鼠尾草

選擇器樣式

為每個選項選擇正確的選擇器。

顏色屬於樣本。尺寸很少。设置每个选项和每个表面的样​​式,而不是接受一种全局外观。

影像樣本變體自己的照片,任意半徑-圓形、圓形或方形。
圓形相同的值,角點為 10 像素。
廣場相同的值,角點為 2px。
客製化樣本上傳的顏色或紋理圖塊,其中照片不是最清晰的訊號。
樣本卡图像和值名称一起,用于标签承载权重的范围。
按鈕短固定套裝-尺寸、長度、數量。售完的價值被劃掉而不是隱藏。
下拉式選單一个菜单,其中菜单是正确的,样式与选择器的其余部分相匹配。顯示開啟。
M
  • XS
  • S
  • M
  • L
隱藏隱藏在表面上的選擇器,用於不應到達購物者的內部選項。沒有任何渲染——這就是設定的工作原理。
沒有呈現選擇器

產品頁面和收藏卡都有自己的風格,因此網格上的緊湊色樣行可以與產品頁面上的完整選擇器並排放置。 設定您的樣本的樣式

合併列表

將單獨的產品連結到一個選擇器。

許多目錄將每種配色保留為自己的 Shopify 產品,用於攝影、庫存、SEO 或 100 種變化的上限。產品組將這些產品連接起來,以便每種配色都出現在該組中每件產品的一個選擇器中。

五個獨立的產品,一個挑選器

自己的網址
每个产品都有自己的页面、图像、价格和库存。
可逆
沒有任何內容被合併、重新命名或刪除。刪除該群組,目錄就與原來一樣。
任何計劃
與 Shopify 自己的組合清單不同,適用於每個 Shopify 套餐。
任意軸
按产品共有的任何内容进行分组:颜色、材质、长度、气味、捆绑尺寸。

收藏頁面和快速查看

在購物者點擊之前顯示選項。

購物者掃描產品系列網格時無法辨別哪些產品具有他們想要的顏色。卡片上的樣本在網格本身中回答了這個問題。

  • 鼠尾草绿色的杂务夹克。

    Chore Jacket — Sage

  • 同樣的柿子橙色雜務夾克。

    Chore Jacket — Persimmon

  • 同樣的鈷藍色雜務夾克。

    Chore Jacket — Cobalt

    +2
收藏卡
卡片上緊湊的色樣行,具有自己的風格設定。
快速新增、快速查看
主題的模式可取得完整的選擇器並加入購物車。
產品圖庫
切換樣本可以將圖庫過濾到該變體的媒體。

設定

三個步驟,在管理和主題編輯器。

標準設定不需要 Liquid,也不需要對主題進行程式碼變更。

  1. 01

    從 Shopify 應用程式商店安裝

    應用程式偵測活動主題並載入為其測試的配置,如果主題不是 24 個主題之一,則載入通用配置。

  2. 02

    啟用主題編輯器中的區塊

    新增樣本區塊,其中變體選擇器位於產品頁面上,如果您想要網格中的樣本,請新增到集合卡上。

  3. 03

    每個選項選擇一種風格

    為每個選項設定圖像、顏色、卡片、按鈕、下拉式選單或隱藏,設定缺貨行為,然後為作為單獨產品存在的系列建立產品組。

主題標記各不相同。如果自動放置需要調整,請傳送商店 URL,支援人員將對其進行審核。

文件

價格
免費安裝
Shopify 計劃
每個計劃,加上不需要
主題已配置
已测试 24 个,加上通用 Online Store 2.0 配置

該應用程式所做的一切

來自不同照片的影像樣本
樣本顯示真實產品,無需維護單獨的資產庫
自訂顏色和紋理樣本
即使產品攝影有所不同,樣本行也保持一致
樣本卡
當顏色本身不明確時,選項名稱保持清晰
按鈕選擇器
只需輕輕一按即可選擇尺寸和短選項集
下拉選擇器
菜單確實更好,與選擇器的樣式相匹配
隱藏選擇器
內部或不相關的選項永遠不會到達店面
每個表面都有獨立的樣式
收藏卡上的緊湊行,產品頁面上的完整選擇器
產品組
在任何 Shopify 套餐中,單獨的產品都表現為一個系列
收藏卡樣本
購物者無需打開每件產品即可看到可用顏色
快速新增、快速查看
選擇器在主題的模式內工作,而不僅僅是在產品頁面上
缺貨顯示
保留原樣、刮除、變灰或隱藏 — 售完即為售完
帶有文字、圖像或兩者的工具提示
選項名稱在小樣本上保持可見
選定值標籤
所選的選項是用文字表達的,而不僅僅是透過戒指暗示
圖庫變體過濾器
切換樣本會將圖庫更新為該變體的媒體
自訂 CSS 字段
開發人員無需更改 AWE 程式碼即可完成最後一英里

問題

安裝前回答。

該應用程式支援哪些 Shopify 主題?
該應用程式提供了 24 個 Shopify 主題的測試配置,包括 Dawn、Horizon、Craft、Refresh、Studio 和 Taste,以及涵蓋其他 Online Store 2.0 主題的通用配置。如果您的主題的放置需要調整,支援人員將審查設定。
我需要編輯主題代碼嗎?
不需要。標準設定是在應用程式和主題編輯器中完成的,無需編寫 Liquid。如果開發人員想要微調外觀,可以使用自訂 CSS 欄位。
我可以在產品系列頁面上顯示樣本嗎?
是的。收藏卡可以使用自己的樣式設定呈現緊湊的色板行,因此購物者可以在掃描網格時看到可用的顏色,而不是打開每個產品。
我可以使用真實的變體圖像代替彩色點嗎?
是的。影像樣本使用變體自己的產品照片。您也可以上傳自訂顏色或紋理圖塊,或使用將圖像與選項名稱配對的樣本卡。
我可以在沒有 Shopify Plus 的情況下將單獨的產品分組嗎?
是的。產品組將相關產品連結到任何 Shopify 套餐的一個選擇器中。每個產品都有自己的頁面、圖像、價格和庫存。 Shopify 的原生組合清單僅限於 Plus;這不是。
該應用程式是免費的嗎?
AWE 组合列表样本可免费安装。目前計劃的詳細資訊位於 Shopify 應用程式商店清單中。
售完的選擇權如何處理?
依商店選擇:保留選項不變、劃掉、灰顯或隱藏。購物者可以區分當前無法購買的商品和現在可以購買的商品。
它可以与 Shopify 的类别元字段样本一起使用吗?
無論您是否使用 Shopify 的類別元字段,該應用程式都可以顯示選項值,並且它會添加元字段本身無法涵蓋的樣式、表面和產品分組。
它會減慢我的店面速度嗎?
樣本腳本僅在需要它的頁面上運行,並讀取頁面已攜帶的選項資料。圖庫過濾器和工具提示是可選的,因此未使用的功能不需要任何費用。
如果我卸載會發生什麼?
樣本停止渲染,主題自己的變體選擇器返回。產品、變體、圖像、價格和庫存保持不變,因為應用程式永遠不會重寫目錄。

將整個範圍放入一個選擇器中。

免费安装,为每个选项设置选择器样式,并将属于同一组的产品分组。

在任何 Shopify 套餐中均可免費安裝。無需為標準設定編寫 Liquid。