Creating Personalized Products
Adding New Product Components
To create a new composite product, go to Products > Add New. Select the “Configurable Product” type in the Product Data panel. Next, go to the “Components” tab to add new components. Access the basic and advanced settings to continue.
Basic Settings:
Name: Enter the unique name of the component
Description: Enter a custom description of the component
Component Image: Select a custom image for the component
Choose Products: Select desired products to add to the component
Choose Categories: Select desired product categories for this component
Choose Tags: Select suitable product tags for this component
Default Product: Choose a default selected product from the above-selected products, categories, and tags
Component Quantity Type: Select from the two options to determine the quantity of the component product:
- Fixed Quantity: Enter the desired quantity of component product
- Range Min/Max: Specify minimum and maximum quantities of the component product
Adjustment Type: Select adjustment type from the dropdown:
- Fixed Increase
- Fixed Decrease
- Percentage Increase
- Percentage Decrease
Adjustment Value: Enter a custom adjustment value
Advanced Settings:
Product Listing Style: Specify the style for the listing products from the dropdown:
- Simple Dropdown
- Dropdown with Product Image
- Radio Buttons
- Thumbnail
Product Order: Set product listing by the following:
- Price
- Name
- Date
- Rating
- Popularity
Order Type: Set the type of order as:
- Ascending
- Descending
Product Price Style: Choose a style to display the price for the component product:
- Hide Price
- Active Price
- Regular Price + Sale Price
Stock Availability: Select an option for stock availability in the dropdown from the following:
- Hide Stock Message in Dropdown
- Show Stock Message in Dropdown
Selection Detail Visibility: Checkmark to display the following for the selected component product to the user:
- Title
- Description
- Thumbnail
- Price
- Stock
Allow Sorting: Checkmark to allow the user to sort the products by their price, rating, newest, and popularity
Required Component: Checkmark to make the component required for the user to purchase in the configurable product
Exclusive Product: Checkmark to make the product exclusive (Note: The exclusive product will not be available for selection in any other component.)
Customizing the Configurable Product
Customize the configurable products on your store. Go to Products > Add New. Select the “Configurable Product” type in the Product Data panel. Next, go to the “Configurable Settings.”
Select a Layout: Choose a layout from the three options:
- Vertical
- Toggle
- Steps
Form Location: Choose a location for the configurable product from the options below:
- After Product Description
- After Product Summary
Price Type: Select the price type for this configurable product:
- Fixed Price for Whole Configurable Product
- Calculated Price from Components
Price Adjustment: Select the adjustment type for this configurable product:
- Ignore Adjustment
- Fixed Increase
- Fixed Decrease
- Percentage Increase
- Percentage Decrease
Min Quantity: Enter the minimum quantity a customer can buy. This applies to the whole configurable product
Max Quantity: Enter the minimum quantity a customer can buy. This applies to the whole configurable product
Step Quantity: Add quantity steps to sell this configurable product Multiple of X
Allow Edit in Cart: Check if you want to allow users to edit component quantities in the cart
Configurable Product Text: Enter text for a configurable product that will be shown to the user on the product page before the components
Making Product Components Dependable
As you create the components, you can make them dependable using conditional logic. Go to Products > Add New. Select the “Configurable Product” type in the Product Data panel. Next, go to the “Conditional Logic.”
Click on “Add New Scenario” to apply the conditions.
Scenario Name: Add a unique condition title for future reference
Description: Add a description with the condition for internal reference
Conditions: Add multiple conditions to apply conditional logic in general and specifically on a component’s variation
- Choose Component: Select the components created from the dropdown
- Choose Condition: Choose from the three types of conditions:
- Is: If a specific parent component IS selected, then hide the incompatible dependent components
- Not: If a specific parent component is NOT selected, then hide the dependent components for other parent components
- Any: If ANY of the parent components is selected, then hide the incompatible dependent components
- Choose Products: Specify products to apply the conditional logic
Hide Components: Checkmark to hide the whole component if the above conditions are met
Choose Components: Choose the components you want to hide if the user selects the above conditions
Hide Specific Component Options: Checkmark to hide the specific options from the component if the above conditions are met
- Choose Component: Select the components created from the dropdown
- Choose Condition: Choose from the three types of conditions:
- Is: If a specific parent component IS selected, then hide the incompatible dependent components
- Not: If a specific parent component is NOT selected, then hide the dependent components for other parent components
- Any: If ANY of the parent components is selected, then hide the incompatible dependent components
- Choose Products: Specify products to apply the conditional logic
