Picture of Customizing Tables in the Connect CERM Plugin

Customizing Tables in the Connect CERM Plugin

In this tutorial, I walk you through how to customize the tables in the my account pages when using the Connect CERM plugin. We’ll explore how to prioritize specific information and how to search for data effectively. I also demonstrate how to disable columns and change the display for better user experience.

Tutorial Video Transcript

A transcript of our tutorial video, ensuring you can find exactly what you need, when you need it.

You can search this page to find the relevant time-stamp in the video. Also, this text can be used as part of the tutorial search feature.

Correct transcript


Done
0:00
What we're looking at in this tutorial is the ability to customize the Tables that you see within the my account pages when you're using the connect CERM plugin So the tables I'm specifically talking about are the pages for estimates Products and audits that are specifically associated with information
0:22
drawn in from your CERM account So you can see here the kind of thing that I mean This is looking at the storefront from the front end And you can see that if I go on my products page, which is in my account section There's a table existing in there with a storefront And there's a set of columns available
0:43
in that table So things like images, IDs, order quantity, whatever that may be Now what we've introduced is the ability to customize which information is given priority in here So which information is within specific columns, which you need to be able to see very readily But which information can we
1:01
also depreciate into a sort of sub-set of a section, which I'll show you in a moment Now what we've also introduced, before I switch page here is the ability to search within here as well So a few search options for specific columns where you can refine down the list and find exactly the piece of information
1:19
that you want That's just there by default, there's no additional setup or configuration you have to do for that particular bit of functionality Right, let's have a look at customizing this table So if I go into the admin area of Infigo and I'm going to navigate to my Connect Plugins page and configure
1:37
my Connect CERM plugin If I go further down this page, I'll get to a UI section And that's very basically split out into those three pages that we've just seen, so Estimates, Search, Products, and Orders.
1:53
We specify whether or not those are available full stop, so whether the customer can get to them. And then we've got a drop down here which shows us all of the individual columns which are available in the tables on those specific pages.
2:07
So here are the columns on the Estimates page, columns on the Product page, and columns on the Order page. Now, what we have the ability to do in here is, first and foremost, we can disable columns completely if we don't want them.
2:21
So if I focus on that Products page we were just looking at, I could say, okay, if we don't want our Description column, I can just get rid of that completely and not show it. That's fine.
2:31
The other option we've got here is the Display Type. So there's one of three things this could be. It could be.
2:39
If, as we can see by default here, everything is within column, that means that information will be shown in its own distinct column in the table.
2:47
Another option we've got is Not Editable. That's where you cannot change it from being shown in a column. And then the final option that we have available for most of these is to switch it to Detailed.
2:59
And what this will do is it will move that particular bit of information into a subset of information underneath the main row that we've got within that table.
3:11
So if I switch a few of these, just as an example. So let's get rid of all this information from our main table just to tidy things up.
3:25
I'm going to go ahead and save those changes. And then once that's done, I'm going to refresh that front-end page which shows that particular set of columns.
3:47
what we can see there is that we've retained a lot of the information that we want in specific columns, but that depreciated information has now been moved into this separate section underneath every individual row.
3:59
So it just makes it much more user-friendly, much easier to navigate around vast quantities of data, which can be pulled into Infigo utilizing this method.
4:09
And that's it. So that's just showing you the vast customization capabilities of these Connect CERMspecific pages, estimates, products, and orders.

Incomplete
Additional Information

Feature Overview

The update to the CERM plugin allows administrators to configure where data is displayed in the "Estimates," "Products," and "Orders" tabs of the My Account page. Admins can choose whether specific data is displayed directly in the table (as columns) or in an expandable detailed section beneath each row. Additionally, filtering and searching capabilities have been added for all columns, improving the ease of data navigation.


Key Concepts

  1. Display Types:
    • Column: The data appears as a column in the main table.
    • Detailed: The data is moved to an expandable section below the table row.
    • Column - You Cannot Change: Fixed data that must always remain as a column.
  2. Filtering & Searching:
    • You can apply filters or perform searches on certain columns, making it faster to find the data you need.
  3. Flexibility:
    • This feature allows admins to reorganize how information is presented based on their workflow needs without losing any data.

Step-by-Step Guide for Implementation

1. Access the Admin Panel

  1. Log in to the admin section of your CERM-integrated storefront.
  2. Configure your Connect: CERM plugin on the Connect Plugins page.

2. Configure Columns and Detailed Sections

  1. Under the UI settings for the "Estimates," "Products," or "Orders" tab, locate the new Display Type dropdown for each column.
  2. For each column, choose one of the following options:
    • Column: The information will appear in the table.
    • Detailed: The information will appear in the expandable detailed view below the table row.
    • Column - You Cannot Change: This column cannot be moved or edited.
  3. Save your changes.

    Example:

    • If you want the "Estimated Delivery Date" to be in the detailed section, set its Display Type to "Detailed."

3. Test Your Changes

  1. Impersonate a customer and navigate to the My Account page.
  2. Open the "Estimates," "Products," or "Orders" tab to verify:
    • Columns marked as "Detailed" appear in the expandable section.
    • Columns marked as "Column" remain in the main table.

4. Use Filtering and Searching

  1. In the table view, use the new filtering or search inputs to find specific data.

Key Notes for Customers

  • The feature is highly flexible, allowing for a customized view that meets specific business needs.
  • Changes are non-destructive—no data is lost, and you can always adjust the settings as needed.
  • Filtering and search tools save time by helping users locate specific data quickly.
Alternate Search Terms

Individual Search Words
CERM, plugin, columns, detailed, estimates, products, orders, filtering, searching, expandable

Alternate Search Phrases
CERM plugin configuration, customize My Account page, data display options, expandable detailed view, column display settings, filtering table data, search in My Account tabs, reconfigure estimates layout, organize orders tab, flexible data display