Product Custom Options

Introduction

Product Custom Options for Prestashop allows you to add priced custom options / attributes to your product pages allowing customers to select from a range of fields you can set up. This module makes it easy to manage such attributes to allow your customers to customise the product they are purchasing and eliminates the need to handle large lists of attribute combinations.

The module allows you to set up the following types of custom options :

  • Dropdown select
  • Radio Inputs
  • Checkboxes with multiselect
  • Image options
  • Color options
  • Date options
  • Text entry options

You may add a multiple mix of options to each product.

Installation

The installation procedure is very much similar to most other Prestashop modules. No core changes required therefore installation is straight forward, be sure to follow the instructions below to ensure a successful installation.

  • Upload the module folder to your stores {root}/modules folder
  • Once uploaded, login to your Prestashop Back Office and head over to the Modules section
  • Search for the module and click Install
  • After a successful installation, the module configuration screen is presented to you. More details on this in the next section.

Configuration

Configuring the module

Options Tab

Open the module configuration and you will be presented with the options tab. Here you can create new fields which will be then made available to your products in the back office where you can manage them further. To get started, click the new option button located in the top right hand corner of the screen: New Option button

You will now be presented with the following form options:

Internal Name

Internal name for the field, without any punctuations or accented characters.

Option Title

The name of the fields as it will be displayed in the store front on the product pages, checkout pages etc. This is a multi-language field, therefore if your store offers more than one language then you can provide a Display Name for each language.

Option Hint

This will display a information icon next to the option title and the hint will appear when the customer clicks or moves the cursor over the icon.

Option Type

Choose the type of option that will be presented to the customer on the product page. Your options are:

Drop down – A simple drop down list of options from which the customer can select a single option
Checkboxes Multi-select – Display options as checkboxes from which the customer may select a single or multiple options
Radio Inputs – This will display all options as radio inputs from which the customer may select a single option.
Images – Allows you to define an image for your options to provide the customer with a visual representation of each option.
Colors – Allows you to define colors for your options which will be presented to the customer as swatches for selection on the product page.
Date – Allows the customer to enter or select a date from a date field (with a pop out calendar)
Textfield – Allows the customer to enter some text into the field which will be added together with the product in the cart

Required

Set this to yes to make the option mandatory on the product page for the customer to select from. The customer will now be able to add the product to the cart if a option value is not selected.

Option Values

After adding a new option, you can start adding option values for the option. For example, if you created an option called Size, you would now start adding option values such as “Small, Medium” etc.

To start adding option values, simply click the add a option value button from he section show below:

Viewing and adding Option Values

Depending on the type of option you selected in the step earlier, you will be presented with a different set of properties to populate such as the Label or color properties. If you have a multi language store then don’t forget to populate the label property in all languages.

Now that you have created your first option and it’s associated option values you can add additional options which you will use across your products. In the next section we’ll take a look at how we can start assigning these options to individual products in your store.

Assigning Product Options to Products

To start assigning options and option values to products navigate to Catalog > Products and Edit the product in question. Open up the Modules tab and configure the Product Custom Options module as shown below:

Assigning product custom options to individual products

You should now see the following:

Adding a new option and option values to a product

Ensure that Enabled for Product is set to yes.

Next select the option you wish to add to the product from the Add new a option dropdown. This will create a new group where you can add option values. Click the add a option value button which will reveal option values available for the new option you are adding. You can populate properties such as the price and weight; other properties may also exist for other option types such as images where you can also upload an image to associate with the option value.

The option value entry should look similar to what is shown below:

Adding a option value to an option

The Price type property allows you to choose if the impact should be a fixed impact (this will add the option price to the base price of the product) or a percentage based impact (based on the base price)

Click add to commit the change and add additional option values if you need to. You can delete or rearrange the position of both option values and options by dragging the position handle Drag handle for re-ordering product options and option values

Continue to add additional options and option values as described until you satisfied, after which you should press the Save changes button to permanently save the options you have assigned.

Mass Assign Tab

The mass assign tab allows you to copy the module configuration from one product in your store (we will configure a product later in this user guide) to multiple categories and / or products across your store.

First start by typing in the name of the product you wish to copy the configuration from into the product search field and then select the product which appears in the search results dropdown.

Next, select the category or categories you wish to the copy the configuration across to. If you select a single category you can also select individual products in that category you wish to copy to. Alternatively you can select multiple categories and the settings will be applied to all products in those categories.

Stock Management for Custom Options

The module allows you to also set the stock quantity for each option combination for your products. Under the stock management tab, enable stock management for the product and proceed to enter stock quantity for each option combination.

Stock management for product custom options

After updating the stock quantities for each combination, stock level will be deducted when customer purchases items with those options and customers will be prevented from purchasing items if the options they have selected are out of stock.

Front End

After you have finished assigning options and option values to your products, they should be visible on the product page for the customer to select before they purchase an item:

Product Custom Options on the product page

The options will also be displayed in the customer shopping cart and you’ll be able to see the options selected from the back office when the customer places their order.

Get Product Custom Options on Prestashop Addons site

Get Product Custom Options on Prestafusion