Adding And Managing Product Options In Gridbox Store App

In this tutorial, we will show you how to add and manage your own product option in the Store App of the Joomla Website Builder 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.

Adding Product Options

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

2. Click the button “Add New Item”.

3. Add the option title, e.g. “Color”.

4. Select the option type.

5. Click the icon "Add New Item" and enter title e.g. “Red”.

6. Click the icon “Save”.

Adding Product Options In Gridbox Store App - Joomla Website Builder Gridbox

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.

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.