Product Management
      Back to home
      1. Help Center
      2. E-commerce
      3. Product Management

      How to Configure Product Listing Table Columns in E-Commerce Front-End

      This guide explains how to manage and configure the product listing table columns on the front-end efficiently.

      The product listing table on the front-end now offers granular control over which columns are displayed. Instead of a single toggle for showing all fields, users can now customize column visibility and order through the Table Columns settings in the E-Commerce module.

      Step 1: Access the Table Columns Configuration

      1. Log in to your admin portal.

      2. Navigate to E-Commerce Settings, then go to Email Fields and select the Product Table Fields sub-tab.

      3. Click on the new Table Columns tab.

      Step 2: Configure Column Visibility

      1. The Product Table Fields sub-tab displays a list of all available columns, organized in rows. Each row represents a column with a toggle switch and a drag handle for reordering. 

      2. Each row has a toggle switch that allows you to enable or disable the column from appearing in the product listing table on the front-end.

      3. Enable or disable the toggle to show or hide the column on the front-end product listing table.

      4. Click Save to apply the changes.

      By default, all columns are visible unless modified by the user.

      Step 3: Reorder Columns

      1. Each column row includes a drag handle (e.g., three horizontal bars or dots).

      2. Click and hold the drag handle next to a column row to rearrange the order of the columns as they will appear on the front-end.

      3. The order set in this list determines how columns appear in the front-end product listing table.

      4. Click Save to apply the new column order.

      Step 4: Changes Reflected on the Front-End

      • Once saved, the product listing table dynamically updates based on user preferences.

      • If no preferences are configured, all columns remain visible by default.

      • Preferences persist across sessions, ensuring consistency for users.