Customizable Product

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.

Notice: Only show on block product form. Not show on product grouped, soldout, external/affiliate.

From Product Page -> Product Main -> Add block Customizable Products

You can add multiple blocks to create a form of your products:


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.

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.


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

[Private Offer] EComposer Partner Plan

Exclusively for Kalles users, you can get EComposer - Theme Partner Plan for ZERO and start making beautiful, high-converting store pages today:

  • FREE 100% EComposer Standard plan for 6 months (save you $114)

  • Build ANY Shopify pages: Landing page, Sales Funnel page, Lead pages, & other custom pages tailored for your marketing campaigns.

  • Create advanced sections & add to Kalles with ease

  • Save up to 50 pages/sections

  • 100+ professional, stunning pre-designed templates

  • Anyone can build pages with live drag-drop editor

How to claim offer: Install EComposer HERE. Then open chatbox icon in EComposer dashboard and leave a message with subject “Kalles+EComposer” to upgrade for free

Cheers, The4.

Last updated