Product Extra Properties

Author: Katie 89 views

The Product Extra Properties element will allow you to add Extra Properties information for your product. The Product Extra Properties options are much easier, more flexible, and faster to use than variable products. Instead of generating thousands of variations, with this element customers can customize products with additional options such as text fields, checkboxes, radio buttons, dropdowns, and more.

The Product Extra Properties Options will work as an app that allows you to create multiple options for products based on customer needs. For example, if you are selling a computer, customers have different requirements they customize like, ram, hard disks, LCD screen sizes, USBs, mouse types, etc.

1. Adding Extra Props with EComposer App

From the left side (Elements tab) > Single Product elements option, you will see the Product Extra Properties element in the list of elements. Drag and drop it to any position of the selected structure

How To Add Extra Props Element With EComposer App

2. Configure Extra Props

2.1. Content

This element has a total of 9 Custom product fields that help you to showcase a wider variety of products and options that work.

  • Text Field
  • Email Field
  • Checkbox Field
  • Radio Field
  • Select Dropdown Field
  • Datetime Local Field
  • Color Field
  • File Field
  • Long Field

Those of the functions above allow you to set: Filed Label, Field Placeholder, Field Name (Unique), Field Description, Required Field, Show at check out, Field width.

The options there will help you set the name or the title for the empty blank, easier for the customer to fill in the information that you require. Including Add item option, which will help you add more fields as your wish and easier to remove by the trash icon on the right side. We also have Column gap and Row gap, a quick set for you to change the gap just by a click.

2.2. Design

  • General: This option may allow you to change some of the basic effects such as Background color, Box Shadow, Border, and the last one must go with Border Radius.
  • Label, Input, Select, Input color, Checkbox, Radio, Input file: those elements will make an opportunity for you to change the basic options of each like Alignment, Typography, Text Color, Text Shadow, Spacing, and event some of the special effect when you hover on it.

Leave a Comment

On this page