Overview video
0:00 Variable kits - what they do
0:03 A variable kit is a single product that holds several other products, such as a branded promo pack. The customer chooses which items to include and how many of each, and adds their logo once for the whole pack.
0:16 On the kit's page, each item is listed with its price. The customer ticks the items they want, sets the quantities, and can give the pack a name. Here they've chosen a mug, fifty tote bags and a notebook, and the total updates as they go.
0:31 The pack goes into the basket as one line, with its name and total. Each item inside it is still a separate job for production.
0:40 Each item is a personalised product. In the first one, the customer uploads their logo and types their company name.
0:49 When they open the next item, the logo and company name are already in place. A shared variable set carries them across every item in the same pack, so they're only entered once.
1:00 It's built from three standard features: a kit product with optional items, MegaEdit products for each item, and a shared variable set for the logo and name. The step-by-step guide on this page shows how to set it up.
Step-by-step video
0:00 Set up a variable kit with one shared logo, step by step
0:05 In this tutorial we'll build a variable kit, step by step: a branded promo pack where your customer picks the items they want and uploads their logo once. We'll create a shared variable set, connect each item's logo and company name to it, then build the kit and test it as a customer. Before you start, ask Customer Support to enable the Custom and Kit product types on your storefront.
0:28 Each item in the pack is its own MegaEdit product, with an image field for the logo and a text field for the company name. Here we have a mug, a tote bag, a pen and a notebook. If you haven't built these yet, the linked guides on this page show how.
0:43 In the admin menu, click Catalogue, then Product Types, then MegaEdit, then MegaEdit Variables.
0:50 Click Add to start a new variable set.
0:54 Give the set a name, then change Context to Shopping Cart Group. This is the important setting: a value entered in one item is shared with the other items in the same pack. Don't save yet.
1:06 Click Add new variable. Name it CompanyLogo, change the variable type to Image, and the context type to Session. Both lists start on a different value, so check you've changed them. Then click Create.
1:19 Still on the same page, open the logo variable with the arrow at the left of its row. Give it a label, then under Constraints tick Allow Upload, Allow Media Album Selection, Allow Scale and Allow Translation, and set File Type to Both. A new image variable starts with these switched off, and only accepts PDFs.
1:39 Add a second variable: CompanyName, type Text, context Session, and click Create. Open its row, and set both the Default and the Placeholder text to Your Company, so the designs keep their sample text.
1:52 Both variables are listed. Click Save.
1:56 Now link the set to each item. Go to MegaEdit Products, and click Edit on the first item.
2:02 Open the Variables tab, tick your set, and click Save changes. Do this for every item in the pack.
2:10 Next, connect the fields. In Product Management, edit the first item and click View product page.
2:17 Click Start. Because you're signed in as an administrator, the editor shows its admin options.
2:23 First, open the Menu, then Product Options. Under Basic Features, untick Enable Image Direct Upload, save, and click Reload Now. With it on, a logo a customer uploads straight into the field isn't shared with the other items. With it off, they add the logo from the gallery, and it is.
2:41 Click the company name, and click it again to open the Text Options panel. Click the last icon, the Details tab.
2:49 Scroll down to Variables. Choose your set, and choose CompanyName. Then close the panel.
2:56 Now click the logo field, and click it again to open Image Options. Click the last icon, the Details tab.
3:04 Under Variables, choose your set, and choose CompanyLogo. Then close the panel.
3:10 Open the Menu, and click Save as product default. Then repeat these editor steps for every other item in the pack.
3:18 Now build the kit. In Product Management, click Add new.
3:22 Enter the pack name, set the product type to Custom, and the custom product type to Kit. Then click Create.
3:30 Fill in the pack like any other product: descriptions and Published on Product Info, a picture on Pictures, and a category on Category mappings.
3:40 Click Kit config at the top of the page to open the kit settings.
3:45 Select your items in the available products list, holding Control to pick several, and move them across with the arrow button.
3:53 Each item has its own row. Tick Optional on every item: that's what makes the kit variable. Tick Can change quantity, and show the price and short description.
4:04 Tick Enable grouping, so the pack shows as one line in the basket, and Group Name on the landing page, so the customer names their pack. The name is then required. Then click Save.
4:15 Click Clear cache in the top bar, so the storefront shows your new kit.
4:20 Here's what your customer sees. They tick the items they want, set quantities, here fifty tote bags, name the pack, and add it to the basket.
4:30 The basket shows the pack as one line with its total. Expand it, and each item opens its own editor. Customers should open and save every item before checking out.
4:41 In the first item, the customer uploads their logo with Add files, drags it from the gallery onto the logo area, and types their company name, then saves.
4:51 And when they open the next item, the logo and name are already in place. Nothing to upload again.
4:58 And that's it. Your customers build their own branded pack, add their logo once, and every item is ready for production. Every step, with screenshots, is in the step-by-step tab of this guide.
No lines in the transcript match your search.