Block properties are used to collect customization information for an item added to the cart. This information can be collected from the buyer on the product page.

Note: this feature is available from Kalles 4.1.0, Gecko 6.0, Unsen & Ocolus.

Steps:

• Product page > Product main

• Add block Customizable Product

• Click Save

How to configure the Customizable Product block?

1. SET YOUR FORM FIELD

1.1. Type of form field

First, you need to define the fields that you need to include on the product page to help customers fill in the information. We provided these fields below might adapt to your requirement:

• Text - Short

• Text - Long

• Checkbox

• Radio Buttons

• Drop-down select

• Checkbox group

• File upload (beta)

Notice: Upload file not support dynamic checkout buttons on product page, quick view, quick shop.

1.2. Your form field label

You are allowed to set the name for Custom field here.

You can add description and choose color for it

1.3. Options values

This field helps you add your Options values for radio buttons, a drop-down select and checkbox group.

Notice: Separate your options with a comma.

1.4. Required option

If you use “Required” with a checkbox, then the checkbox will need to be checked for the customer to add the item to the cart.

1.5. Show at checkout, cart option

Uncheck this if you don't want the captured information to be shown in the order summary on the cart, checkout page.

You still can see that information on Shopify Orders.

2. SET YOUR VISIBILITY

With this settings, you will be able to control the VISIBILITY of form fields with every single product.

Lets check the visibility options with their following settings:

• All - Adapt with all Active products.

• Collection based - Collection list settings.

• Type based - Product types.

You can go to Shopify Dashboard -> Products to get the Product Type.

• Tag based - Product tags.

You can go to Shopify Dashboard -> Products to get the Tags.

• Product based - Product list.

You can select up to 50 Products.

• Metafield based - Adapt all products that have this Metafield turn True.

Please follow these steps:

Step 1: Create Metafield by going to Shopify Settings -> Custom data -> Products ->Add definition.

Step 2: Input Namespace and key with this code "theme.visibility_customizable" and Select content type with "True or false".

Step 3: Go to Products that you want to set the Metafield -> select True