This article applies to the specific software versions: X-Cart with Variants Table View Add-on.


The addon Variants Table View modifies the product details page of products with product variants to enable convenient browsing and bulk add to cart for product variations. All available product variants are shown in table view on the same page, with quantity specification fields provided for each variant. Shoppers can specify each variant's desired quantity and add them to the shopping cart all at once with a single click of the Add to cart button - without going back to the product page and adjusting the options numerous times to add each variant separately.

storefront.png

The addon Variants Table View does not imply its own functionality of creating and configuring product variants. It just changes the visual representation of product variants on the storefront. This means that to use Variants Table View, you need the addon Product Variants installed and enabled.

The addon Variants Table View can be obtained from the X-Cart App Store.

To install the addon, follow the instructions from Installing Addons from the X-Cart App Store.

Once the add-on has been installed, proceed to the settings page to configure it.

The add-on settings page provides tools to specify which parameters (quantity, SKU, image, weight) need to display in the variants table.

  • Show Qty column
  • Show SKU column
  • Show Image column
  • Show Weight column

It also allows configuring the variant image size.

  • Variant image max width
  • Variant image max height

After configuring the addon settings, be sure to click Save to make them active.

A table view can be used for all products with variants or just some of them. If the number of products with variants in your store is not that large, you can enable variants table view for them on a per-product basis:

1. On the product listing page, locate the product with variants for which you want to enable table view and open the product details for viewing/modification.


The product should already have variants configured. If not, configure product variants, as described in Configuring Variants for Products.


2. In the Info tab of the product details page, locate the setting Display variants as a table and enable it.

product-details.png


3. Save the changes.

That’s it! The product’s variants will now be displayed in table mode.

If you have many products with variants, editing them one by one to enable table view for variants may not be that convenient. In this case, you may use the built-in import tool. It can help you to enable table view for variants for multiple products.

To enable table view for some or all of your products via product import, you will need to import the products whose variants need to display in the table with the ‘variantsAsTable’ field value set to Yes.

Did this answer your question?