Add Custom Program Fields

Jump Ahead

    Custom Program Fields is useful if you want to add in text fields to your program such as duration, etc. To add a new custom field to your program please follow the steps bellow:

    1. Go to the backend of your site > Settings > and click on the Program field tab> New Field

    settings_program_field.png

     2. Give it a name, choose the type of field required and click on Create New Field

    • Boolean - this can be used for binary variables, eg true or false
    • String - this can be used for a character field to display data/information
    • Required - keep this option checked if the field is required

    In our case, we'll name the this field "Duration" and choose the String option. 

    settings_.png

     3. Copy the Field ID. To do this, click on the newly created filed and copy the ID in the URL field as seen below.

    duration.png

    Field_ID.png

    4. Go to Customization > Click on the Code Editor tab > open the programs.liquid file.

    programs_file.png

    5. Copy the block of code below and paste it below offer <div> as seen in the image below and save the changes.

    {{program.description}}

    Duration: {{program.custom_fields.custom_field_1267}}

    Notice that the numbers at the end of {{program.custom_fields.custom_field_1267}} is the Field ID which was copied in step 3. Go ahead and replace the number with your Custom field ID

    loquid_program.png

     6. Your New Program Field is now ready to use. Go to Programs > locate the program you wish to apply the custom field > click on the three dots menu option and select Advanced

    rabbit.png

     7. On the advanced page, you can input your custom program field text as seen below and save the changes.

    duration_30_sec.png

    Preview Program on the storefront.

    final.png

     

    Pro Tip: Need a professional developer to help you? Click here to find a list of our recommended developers.

     


     

     

    Contact us

    Can't find what you're looking for?

    Contact us
    Powered by Zendesk