Articles on: Online Store (Website)

Product Property App


In this article :


  1. Introduction
  2. 6 types of Input Type
  3. How to create product property
  4. Extra note for 2022 theme


1. Introduction


This app is suitable for businesses that allow customization/personalized products. You are able to create columns for customers to leave down their remarks or the wording that they wish to have on their product. This is suitable for an online business that tailors their products specifically such as the bakery, customization product, gifts, stationaries etc.


Products with personalization would help to increase sales, interest and definitely keeps your customers satisfied as personalised products are considered unique since they are 'one of a kind'. Not everyone will have it.


Here would be a blog post where you can refer to and check out a few websites that are using this Product Property app!



If you wish to provide personalisation for your products, let's install the app by login into your EasyStore admin panel > Apps > Explore Apps > Search Product Property and install this app



2. 6 types of Input Type


2.1 Text


Fill in the Label Placeholder and do tick on the set text limit if you wish to have a limitation on the personalized content.


📌 Note : If you do not tick the Set Text Limit, it would be a maximum of 255 character limit to be filled in for the Text input type.



Result on website :



2.2 Dropdown


Once selected the dropdown input type, kindly fill in Label Placeholder and fill in the Option Values. You can click on the + Add Option if you have more options available.


📌 Note : Customers can only select 1 option value for Dropdown input type.



Result on website :



2.3 Radio


Kindly fill in the Option Values. You can click on the + Add Option if you have more options available.


📌 Note : Customers can only select 1 option value for Radio input type.



Result on website :



2.4 Checkbox


Kindly fill in the Option Values. You can click on the + Add Option if you have more options available.


📌 Note : Customers can select more than 1 option value for Checkbox input type.



Result on website:



2.5 Attachment


A file-picker that supports the uploading of attachment in the product page. The attachment formats that are supported include:

  • jpg
  • png
  • jpeg
  • gif
  • svg
  • pdf


📌 Note : If the attachment uploaded doesn't show correctly inside the cart page and cart drawer. Kindly reset cart.liquid and cart-drawer.liquid in your theme setting.



Result on website:



2.6 Date & Time Slot

Fill in the Label Name and do tick on the Available Time for preferred date and time for customer pickup, delivery or etc to proceed.


📌 Note : Merchant can provide more than 1 day for Available Time and +add time slot.



Fill in the Preparation Duration if you needed time to prepare the items for the customer.


**📌 Note : Select the Unavailable Date if you have any dates unavailable for customer pickup or delivery, such as public holidays or store closures.



3. How to create product property


Step 1 : Go to Apps > product Property > Click the Create button


Step 2 : **You may give the label a name and select your preferred **Input Type from the ones listed above.


Step 3 : Tick on the product(s) that you wish to have the product property input type to be displayed on product page.


Step 4 : Save and you're done!


4. Extra note for 2022 theme


2022 theme is the theme newer than Candy theme - example: Aroma, Kiddy, Vivid & etc. may refer this link for more 2022 theme example.



If you want the product property in listing view, may refer steps below to to align it.


Step 1: Go to EasyStore Admin > Channels > Online Store > Edit source > under assets > section-main-product.css



Step 2: Add coding below to the last line of section-main-product.css to make it become listing


#product-properties .selector-wrapper .p-2{

	display:block !important;
	padding-left:0 !important;
}



Step 3: Save and you're done! Under the product it will display as picture below


Updated on: 04/04/2025

Was this article helpful?

Share your feedback

Cancel

Thank you!