Use this article as a worked example of what a complex retail product looks like in Shop+ and how to build one from scratch. It follows one item, a Cardinal Cafe Hoodie, with size and color variants, a different price for one size, a SKU and stock count for every variant, optional paid add-ons and inventory tracking. Every step below was done in a live Stackably account, and the names and prices are examples you can replace with your own.
The end result
One product, Cardinal Cafe Hoodie, priced at $48.00, that behaves like this at the register:
Size (S, M, L, XL) and Color (Black, Navy) are both required. That is eight variants from one product.
XL costs more: $52.00 instead of $48.00. The XL button shows +$4.00.
Every variant has its own SKU and its own available count (for example CC-HOODIE-XL-NVY with 5 available).
Hoodie embroidery – optional, pick up to one (Name on Left Chest +$8.00, Large Logo on Back +$15.00).
Gift options – optional, pick up to two (Gift Wrap +$5.00, Gift Receipt).
Inventory is tracked: 40 units on hand at a cost of $22.00 each, visible in the Inventory Hub.
In the example order below the customer chose XL, Navy, a large logo on the back and gift wrap, and the total came to $72.00 ($52.00 + $15.00 + $5.00).
What you will build
Two modifier groups: Hoodie Embroidery and Gift Options.
One product with two variant options (Size and Color), per-variant price, SKU and available count.
Inventory tracking on the product, with cost, unit, count and SKU.
Step 1 – Create the Hoodie Embroidery group (optional, pick up to one)
In the left sidebar click Shop+, stay on Products, click the Modifiers tab and click Create. Enter the Group Name (Hoodie Embroidery) and the External Name (Add custom embroidery). Leave Minimum Selection empty so the group is optional, set Maximum Selection to 1 and Selection Type to Single Choice.
Click + Add Item for each option. Type the name and press Enter, then enter the upcharge in the item's Price box: 8 for Name on Left Chest and 15 for Large Logo on Back. Scroll down and click Save Modifier.
Step 2 – Create the Gift Options group (optional, pick up to two)
Click Create again. Name the group Gift Options, leave Minimum Selection empty, set Maximum Selection to 2 and Selection Type to Multi Select. Add Gift Wrap with a price of 5 and Gift Receipt with no price. Click Save Modifier.
Step 3 – Start the product and add a category
Click the Products tab, then click the + icon in the toolbar above the product list. If you need a new category, click the gear icon next to Category to open Category Management, type the Title (MERCHANDISE), pick a label color and click Save, then close the window.
Enter the Title, External Title and Description. In Product Type, pick an existing type or type a new one (apparel) and press Enter. On the right, set Publication Status to Active and turn on Point of Sale under Publishing Channels.
Under Product Organization choose the Category, and under Pricing enter the base Price (48).
Step 4 – Add the variant options
In Product Variants click Add option. Type the Option name (Size), then in Option values type each value and press Enter after each one: S, M, L, XL. Click Add option again for Color with the values Black and Navy. Shop+ generates every combination automatically, eight in this example.
Step 5 – Attach the modifier groups
Scroll to Product Modifiers on the right. In Select modifier groups, search for and select Hoodie Embroidery and Gift Options. The Display order list underneath controls the order they are shown in; use the arrows to rearrange it.
Step 6 – Turn on inventory tracking
Scroll to Inventory Management at the bottom of the form and turn on Track inventory for this product. In the row that appears enter the Cost per item (22), choose the Unit (Each), enter the Count (40) and the SKU (CC-HOODIE). Profit and margin are filled in from the cost and the price.
Step 7 – Set the price, stock and SKU for each variant
Go back to Variant combinations in the Product Variants section. Each combination has its own row with Price, Available and SKU.
Price: tick Priced by Add-Ons above the table to unlock the price boxes. Until it is ticked, every combination uses the main price. Here the two XL rows are changed to 52.
Available: once inventory tracking is on, enter how many of each combination you have. Here each of the eight is set to 5, which adds up to the 40 entered in Step 6.
SKU: type a SKU for each combination, for example CC-HOODIE-XL-NVY.
Important: a combination with 0 available cannot be selected in Checkout while tracking is on, so fill in Available for every variant you want to sell.
Click Save Product. The product appears in the Products list as Active, with badges showing 2 variant options and 2 modifier groups.
Step 8 – Check the stock in the Inventory Hub
Click the Inventory tab, click Stock in the Inventory Hub sidebar and search for the product. It is listed with 40 on hand and an In Stock status. Click Details to see the inventory entry with its SKU, unit, cost and count.
Step 9 – See the result in Checkout
At the top right of Shop+ click Checkout, search for the product and click the + button on its card.
The prompt opens with Size and Color marked Required, followed by the two modifier groups. Add to Cart stays disabled until a size and a color are chosen. The XL button shows its +$4.00 difference.
Choose XL and Navy, then Large Logo on Back and Gift Wrap. The total updates to $72.00. Click Add to Cart.
Click Cart. The hoodie is listed with the chosen variant and modifiers underneath, and Variants & Modifiers can be opened to change them before payment.
Click Pay and choose a payment method: Cash, Check or Card.
In this example the sale was completed with Cash. The Paid screen shows the amount, method and date, with Email, Text and Print options for the receipt.
Common questions
How do I sell one product in several sizes and colors? Add an option for each (Size, Color) under Product Variants and enter the values. Shop+ creates every combination for you.
How do I charge more for one size? Tick Priced by Add-Ons above the Variant combinations table, then change the Price on the rows for that size.
Can each variant have its own SKU and stock count? Yes. Each row in the Variant combinations table has its own SKU box, and an Available box once inventory tracking is turned on.
Why can't I select a size or color in Checkout? With inventory tracking on, a combination with 0 available is disabled. Open the product and enter an Available count for it.
Can a product have both variants and modifiers? Yes. Variants are required choices that define which item is sold; modifier groups are attached separately for extras such as embroidery or gift wrap, each with its own upcharge.
Where do I see how many I have on hand? Products → Inventory → Stock. Search the product and click Details.