This article applies to the specific software versions: X-Cart with Variants Table View Add-on.
The add-on 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 the table view on the same page, with quantity specification fields provided for each variant. As a result, 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.
The add-on Variants Table View does not imply its own functionality of creating and configuring product variants. Instead, it just changes the visual representation of product variants on the storefront. This means that to use Variants Table View, you need the add-on Product Variants installed and enabled.
The add-on Variants Table View can be obtained from the X-Cart App Store.
To install the add-on, follow the instructions from Installing Add-ons 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 add-on 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.
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 the 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.