A big advantage of developing your website on Shopit is the ability to create custom fields for both products and orders.

These product custom fields are an extension of our standard Shopit database, and can be used to customise the look and feel of your product pages .

Field	Type	Data
Brand	Standard	Berkeley
Price	Standard	£19.99
Description	Standard	"...abc123..."
Variation: Size	Standard	14"
Material	Custom	Cotton
Gender	Custom	Male

Standard Page Layout

Page Layout with Custom Fields

To create a product custom field:

1. Go to Settings - Products - Custom Fields
   
2. Add a custom field e.g. Material
   
3. Note the Shortname created - you will need this later (see below)
   
4. Choose whether the database should expect a single line entry, multiline entry, dropdown, full WYSIWYG content, or checkbox. For more detail see Custom Product Fields - Guide to Types
   
5. Save
   

Adding Custom Information to a Product

1. Go to a product (.e.g green check shirt)
   
2. Enter the Material information in the custom product field (see below)
   
3. Save
   

Adding the custom information to the page template

1. Go to Sales Channel - Design - Edit Template (grey right hand dropdown under Edit)
   
2. Click to edit the product/detail.html.twig file
   
3. Find the position in the code where you want the information to appear
   
4. Insert the following code to pull that custom product information into the page template, where XXX is the shortname you have given the field
   

1. You can also customise the look and feel of these custom data by adding a custom CSS class. In the example below we have styled the Brand, Material and Gender data in a smaller and grey, uppercase font