This article explains how to create relationship between Parent and Child Pick-list. This is useful when you want to show only the pick-list that is related to the parent you selected.

For instance if you are selling cars, you want to show only the child pick-list (Volkswagen Golf) to the parent pick-list which is Brand (Volkswagen). It does not make any sense if you are viewing Volkswagen but you are seeing Toyota Corolla in the selection.

Step 1 Create a Pick-list type field

  • From the admin panel, naviaget to [any Joobi products] >> Tools >> Models & fields / Fields
  • Select Fields ( 0) Fields column next to "Product" or [any field type]
  • From the fields page, click New to create a field
  • Select "pick-List" type and Fill in all other field data and assign it to the location you want the field to appear
  • Click save once you are done

Step 2 Create a parent Pick-list

  • From the field creation page, under 'Form Parameters" you need to create your new pick-list by clicking New/Edit button

pick-list-parent

  • From the Pick-lists window, click 'New' button to create a picklist
  • After you need to add pick-list values

Important

  • It is good to always create a default value like "Choose a Brand" or "Select your Brand"
  • Always add a value

parent-value

Step 3 Create a child Pick-List

  • From the field creation page, under 'Form Parameters" you need to create your new pick-list by clicking New/Edit button
  • From the Pick-lists window, click 'New' button to create a picklist
  • Assign the parent pick-list you created step 2 under Parent Tab

pick-list-child2

  • After you need to add a pick-list values and assign a Parent Value
  • Click save once you are done

model-final-prent

Relationship between Parent and Child Pick-list looks like this in the admin panel;

brand-admin-panel

Friendly Reminder

Joobi uses "evaluate before you buy" approach, we do NOT issue refunds after a subscription is purchased.
All basic plan (3 months) includes a back-link to Joobi.org

We invite you to:

Use the 30 days trial period before buying
Test-drive Joobi products using the demo website
For Mobile apps, check our iOS and Android demo

joobi-custom-service

Web Hosting Partner

Web Hosting     DreamHost