Adding Options And Variations In Gridbox Store App

The Gridbox Store App allows you to choose options that suit products and customize each product variations. You can set prices, stock, and more for each product variation. This tutorial explains how to add options, extra product options and change variations in the Store App of the Joomla Website Builder Gridbox.

In the Gridbox dashboard mouseover on the icon Apps ➝ Store ➝ Product Page ➝ Options and Variations ➝ Add New Item.

Adding Options And Variations In Gridbox Store App - Joomla Website Builder Gridbox

Adding Options

Options - product options, e.g. color (red, green) and size (small, middle). By adding an option you add new product variations.


Options

Add New Item

Adds product options (e.g. color, size).

Add

Adds product values (e.g. red, green).

Photo

Adds a photo to the product option.

Order

Moves items using drag & drop.

Delete

Deletes product options.

Managing Variations

Variations - sets of available product variants with different values. For example, a product with options "Color" and "Size" might have the next combinations like:

  • red - small;
  • red - middle;
  • green - small;
  • green - middle.

You can manage price, sale price, SKU, and stock levels for each product variations.


Variations

Price

Adds price to product variation.

Sale Price

Adds sale price to product variation.

SKU

Adds a stock-keeping unit (SKU).

In Stock

Adds the number of products in stock.

Adding Extra Options

Extra Options - additional product components or services with price fields that are added to the cart.

Extra Options

Add New Item

Adds extra product options (e.g. product components or services).

Price

Adds price to an extra product option.

Default

Makes the extra option selected by default.

Add

Adds extra option values (e.g. toppings, sauces).

Order

Moves items using drag & drop.

Delete

Deletes extra product options.