How to add and manage product options in Joomla eCommerce for Gridbox?




In this tutorial, we will show you how to add and manage your own product options in the Joomla eCommerce for Gridbox. Product Options allow you to add and customize your own option for products with different values. With the option Type, you can display product values in a variety of ways, for example:


  • use the Color Picker for displaying the color of the t-shirt
  • the Checkbox and Radio buttons for extra options
  • the Dropdown or Tags for displaying the size
  • the Image Picker to display material



In the Gridbox dashboard mouseover on the icon Store ➝ Product Options.




Adding product options


  1. Click the button Add New Item.
  2. Add the option title, e.g. Color.
  3. Select the option type.
  4. Click the icon Add New Item and enter the title e.g. Red.
  5. Click the icon Save.

Managing product options

General

Title

Adds the title of a product option.

Type

Sets option type to add and display values:


  • Dropdown - displays values as a dropdown list and allows select one value from multiple choices, e.g. product size
  • Radio - displays values as radio buttons that let users choose only one option from a list
  • Checkbox - displays values as checkboxes that allow users to select one or more options
  • Color Picker - display values as a color
  • Image Picker - display values as an image
  • Tag - displays values as tags and allows select one value from several choices
  • Upload Files - allows customers to upload files, such as images, documents, or custom designs. It's commonly used for personalized products like custom prints or any item where customers can submit their own artwork
  • Text Input - enables customers to enter text, such as names, initials, or messages. This is often used for personalized items where customers can add custom text to be printed, embroidered, or engraved on the product
  • Text Area - provides a larger space for customers to enter more extensive text, such as a longer message or special instructions

Required

Makes a product option required.


Values

Add New Item

Adds a new value to product options.

Delete

Deletes selected values of product options.

Order

Moves items using drag & drop.

Color Picker

Adds color to value. Click on the color icon and select the color you need using the color picker.

* Available only for the option type Color Picker.

Image Picker

Adds an image to value. Click on the image icon and select the image you need using the image picker.

* Available only for the option type Image Picker.

Settings
* Available only for the option type Upload Files

Allowed File Types

Specify the file formats that are allowed for upload. For example, you might specify common image formats like csv,doc,gif,ico,jpg,jpeg,pdf,png,txt,xls,svg,mp4,webp.

Max Upload File Size, KB

Define the maximum size a file can be when a user uploads it. For example, if the field is set to 500 KB, users cannot upload files larger than 500 kilobytes.

Drag and Drop File Uploading

Allows users to upload files by simply dragging them from their computer and dropping them onto a designated area.

Allow Multiple Files

Enables users to select and upload multiple files simultaneously.​

Max Number of Files

Allows you to set a limit on the maximum number of files a user can upload.​

Change Product Quantity

Allows to dynamically adjust the quantity of the product in the shopping cart based on the number of files uploaded.

Charge per File Upload

Allows you to charge an additional fee for a file uploaded by the user.

Related articles