WeftTheme documentation Contact support
Documentation menu

Complete the set

The Complete the set section shows the other products in a product's group, for example the matching chair, ottoman and bench under a sofa. You make one group entry that lists the products, and each product points to that group. Adding a product to the set is one edit.

Complete the set on a phone: "The Harlow living room" above the heading, then cards for the Harlow sectional and the Pell club chair with their lead times. The sticky add to cart bar is at the bottom.
The group name shows above the heading.

Set it up #

Create the definitions once #

  1. Settings > Metafields and metaobjects, metaobject definitions, Add definition.
  2. Name: Product group. Check the type reads product_group.
  3. Fields: Name (Single line text, one value, required, key name) and Products (Product, list of products, key products).
  4. Check that Name is the display name. Tick Storefronts under Access. Save.
  5. Settings > Metafields and metaobjects > Products > Add definition: name Product group, namespace and key custom.product_group, type Metaobject, One entry, Product group. Tick Storefronts. Save.

Create a group #

  1. Go to Content > Metaobjects > Product group and click Add entry.
  2. Name: for example "The Harlow living room". Shoppers can see it above the heading.
  3. Products: pick every product in the set. The order here is the order of the cards.
  4. Save.
  5. Open each product in the group and set its Product group metafield to this entry. Save.

A product can belong to one group.

Section settings #

The section is on the default product template. To add it to another template, choose Add section > Complete the set on a product page.

SettingWhat it does
Heading"Heading text, with the group name above it" shows the group name as a small line above Heading text. "Group name" uses the group name as the heading.
Heading textDefault "Complete the set".
TextOptional text under the heading.
Include the current productOff: shows the other products only. On: shows the whole group.
Products to show2 to 12.
Columns on desktop2 to 5. The row uses fewer columns when the group has fewer products.
Color scheme, Top padding, Bottom paddingSection appearance.

Without a group, the section takes no space on the live store. In the theme editor it shows a note explaining what's missing.

  • Recommendations shows related products picked by Shopify, or complementary products you choose in the Search and Discovery app. See sections.
  • Shop the room shows a room photo with a hotspot per product and an "Add all to cart" button. See sections.