For a number of reasons in CounterPoint items that would normally be gridded are setup as separate items. Most commonly this is done to track variant specific pricing and costs. When selling these products online it is beneficial from a customer shopping experience standpoint to group these separate items together as configurable products.
To get started, you must first create a configurable attribute (whatever it is that changes between the linked items, it could be size, color, width)
Continue creating as many attributes as necessary to define your products.
Next, you'll need to define all of the different available options (values). If your attribute is Color your values might be blue, red, green, and black.
Continue creating as many values as necessary to define all your options.
It is recommended to use sort orders in increments of 10. That way if you come back later with a value that should go in between two others, you don't have to shuffle around several different values.
If your values are numbered sizes, it's a good idea to mirror those sizes in the sort order so they're listed sequentially.
Next, you'll define the parent or umbrella item. This item is a non-inventory container item to tie all the child items together. Keep in mind that all of the visible attributes on the website will come from this item, this includes things like Ecommerce Category, description, attributes, etc.
The child items should already be existing, you'll just need to go to each and assign the parent item number, along with any values for each of the attributes for that particular child. The child items must also be marked as ecommerce items.
Continue linking all of your child items until you're done.
Once everything syncs up, you should have a product on the website like this:
It is possible to list different prices for the different options. There are some display differences based on whether the parent price is set lower or higher than the child items. With the parent price set to the lowest amount of any of the children, the category view lists the parent price and then the dropdown has the price difference.
If you set the parent price to the highest amount of any of the children, the category view will list the parent price and sometimes an "As low as.." indicator, or simply a crossed out price for the lowest of the children depending on template settings.