Setting up product customisation

1: Cart containing a product with line item properties

Custom fields, also known as line item properties, let you collect customisation information for products. When a customer views a product, line item properties let the customer add extra details to the product before adding it to the cart. For example, if you offer multiple flavours of soda pop in a customisable box, then you can use line item properties to let customers select their flavours.

In Emporium, custom fields only let you collect customisation information. Custom fields can’t be used to:

• change the current slide in the product media slideshow,
• change the product price,
• change the inventory of a product or its variants,
• apply cart-level discounts.

If you want any of this functionality, then use variants. If variants still don’t achieve the functionality you want, then consider using an app from the Shopify App Store.

Custom field types

2: Theme editor showing the custom field blocks

In Emporium, line item properties are configured using blocks in the Featured product and Product sections. There are 5 block types:

• Custom field – Checkbox
• Custom field – Drop-down
• Custom field – Multi-line text
• Custom field – Number
• Custom field – Text

Add a checkbox

3: Theme editor showing the Custom field – Checkbox block

If you want customers to select one of only two options, then use the Custom field – Checkbox block. For example, you could use this block to let customers:

• select a different type of packaging,
• inform you a product is being bought as a gift,
• accept mandatory terms before adding a product to the cart.

1. From your Shopify admin, go to Online Store → Themes.
2. Next to Emporium, click Customize.
3. Under the Featured product or Product section, click Add block, then click Custom field – Checkbox.
4. In the Label field, input a label.

5. Optional: In the Description field, input a description.
6. Under Default value, select an option.
7. Optional: Check Required.

Add a drop-down menu

4: Theme editor showing the Custom field – Drop-down block

If you want customers to select one of many options, then use the Custom field – Drop-down block. For example, you could use this block to let customers:

• select one option out of many flavours,
• select a type of packaging, if more than one type is available.

1. From your Shopify admin, go to Online Store → Themes.
2. Next to Emporium, click Customize.
3. Under the Featured product or Product section, click Add block, then click Custom field – Drop-down.
4. In the Label field, input a label.

5. Optional: In the Description field, input a description.
6. In the Options field, input the options you want to make available for the customer to select.

7. Optional: In the Default value field, input an option from step 6.
8. Optional: Check Required.

Add a multi-line text box

5: Theme editor showing the Custom field – Multi-line text block

If you want customers to input a lot of text, then use the Custom field – Multi-line text block. For example, if the product is being bought as a gift, then you could use this block to let customers write a personalised note.

1. From your Shopify admin, go to Online Store → Themes.
2. Next to Emporium, click Customize.
3. Under the Featured product or Product section, click Add block, then click Custom field – Multi-line text.
4. In the Label field, input a label.

5. Optional: In the Description field, input a description.
6. Optional: In the Default value field, input a default value.
7. Optional: Check Required.
8. Optional:
   1. Check Use maximum character count.
   2. In the Maximum character count number field, input a value.

Add a number field

If you want customers to input a numeric value, then use the Custom field – Number block. For example, you could use this block to let customers provide the age of the recipient of a customisable birthday cake.

1. From your Shopify admin, go to Online Store → Themes.
2. Next to Emporium, click Customize.
3. Under the Featured product or Product section, click Add block, then click Custom field – Number.
4. In the Label field, input a label.

5. Optional: In the Description field, input a description.
6. Optional: In the Default value field, input a default value.
7. Optional: Check Required.

Add a text field

If you want customers to input only a small amount of text, then use the Custom field – Text block.

1. From your Shopify admin, go to Online Store → Themes.
2. Next to Emporium, click Customize.
3. Under the Featured product or Product section, click Add block, then click Custom field – Text.
4. In the Label field, input a label.

5. Optional: In the Description field, input a description.
6. Optional: In the Default value field, input a default value.
7. Optional: Check Required.
8. Optional:
   1. Check Use maximum character count.
   2. In the Maximum character count number field, input a value.

Something to note

If your section has custom fields that require validation, then it’s recommended to hide the dynamic checkout button. If your dynamic checkout button is enabled, then customers will be able to buy a product without completing the required custom fields.

1. From your Shopify admin, go to Online Store → Themes.
2. Next to Emporium, click Customize.
3. Under the Featured product or Product section, click Buy buttons.
4. Uncheck Show dynamic checkout button.