How to create a custom table in a 2.0 Theme that's also mobile friendly?

Hi, we are about to upgrade from a 1.0 template to 2.0 template. At this stage we are considering the Impact 2.0 theme.

However, there is one particular element we’d like to add into our 2.0 website and that is a table on each of our ‘collections page’ that lists all of the products in that collection against a common set of features.

We sell a range of dashcams, with different brands and features, we are trying to provide a table that lets customers visualise all of the available models in one place.

The table must:

  • Allow a minimum of 10 columns and at least 20 rows.
  • Enable links to be part of the product title or a separate cell that can contain the link, so a customer can read the table then decide to click on the product name and go through to that product page.
  • Must be able to contain words, numbers and symbols (see our example)
  • Able to be added to by us when new models are released or discontinued
  • Must be mobile friendly/optimised as majority of our traffic comes in via mobile.

I’ve attached a mock up I did just on a word document to demonstrate the content and format we’d want to achieve.
Can the above wish list and table be achieved using an App or can someone assist us to create this?

Or is there a template you’d recommend that we use?

Thank you for your help

Thanks for your reply, if you could share what the costs would be to do the custom section build and examples of your experience.

Hey @user2096,

Thanks for posting this to Shopify Forum.

To create the comparison table as you share above in the Mockup requires to do the custom code in the theme file.

Would you like to share your store url along with the password [if applicable] so that I can take a look and provide you the solution code.

Thanks