Magento 2 Experts — Hyvä Theme, Tailwind CSS & SEO from a Single Source ›

Magento 2 Comparison Table as a CMS Widget for Packages and Plans

Magento 2 Extension Hyvä Ready Magento 2.4.x

SKU: COMPARISONTABLEWIDGET1

  • comparison table for packages and plans as a widget in CMS pages
  • feature rows with check mark, dash or text per column
  • highlight one column as the recommendation, with a badge
  • on smartphones swipeable side by side or as cards, no jQuery
Auf Lager
€79.00

Einmaliger Kauf · inkl. 12 Monate Updates · zzgl. MwSt.

No download, but personal setup

No download, but personal setup. This product is not a downloadable software package for self-installation. With your order, you commission Mironsoft to individually set up this module in your shop. We will get in touch with you within 2 business days — we'll sort out the details and payment together then.

This offer is aimed at business owners and companies running a Magento 2 shop.

6 Features

Magento 2 Comparison Table: packages and plans at a glance

With the Mironsoft Comparison Table Widget you build a Magento 2 Comparison Table that puts the packages, plans or variants of your offer side by side. You maintain columns and feature rows in the admin, choose a check mark, dash or text for each cell and highlight one column as the recommendation. You then insert the result as a widget into any CMS page. The table is built with Tailwind, needs no jQuery and stays readable on a smartphone.

Columns and rows

Packages as columns, features as rows, both sortable by drag and drop in the admin.

Check, dash, text

Each cell shows a check mark, a dash or free text such as 5 users.

Highlight a recommendation

One column gets a border, badge and button in the accent colour.

Mobile view

On a smartphone the table can be swiped or appears as a card list.

Prices and buttons

Header with price, note and button per package, links freely selectable.

Groups and notes

Feature groups with subheadings and an info text per row.

Why a comparison table

Why a Magento 2 Comparison Table makes buying decisions easier

Anyone who offers several packages, such as maintenance levels, plans or product lines, has to show the differences clearly. Running text overwhelms and screenshots cannot be maintained. Merchants therefore search for a Magento 2 Comparison Table, for ways to compare plans in Magento 2 or for a table for packages in the CMS.

The standard editor creates tables without highlighting and without a mobile view. A Magento 2 Comparison Table from the widget stays readable, uses consistent symbols and can be changed centrally. That matters most when the same table appears on several pages and in several languages.

01Table management

Build a Magento 2 Comparison Table in the admin

A table consists of columns (packages) and rows (features). For each column you maintain name, price, price note, button text and link. For each row you give a label, an optional info text and the cell value per column. Subheadings group rows, for example performance and support. You insert new rows without rebuilding the table.

  • Columns with name, price, note and button
  • Rows with label, info text and cell values
  • Subheadings for grouping
Content › Comparison tables
TableMaintenance packages (example)
Columns3
Rows12
Cells
RowEmail support
Package Adash
Package Bcheck
02Cells

Check marks, dashes and text in the Magento 2 Comparison Table

Each cell has one of three types. The check mark means included, the dash means not included, and a text value shows quantities or levels such as 5 users or 24 hours. The symbols are embedded as vector graphics and carry alt texts for screen readers so the information does not depend on colour alone. Empty cells are shown as a dash.

  • Three cell types: check, dash, text
  • Symbols with alt text for screen readers
  • Empty cell appears as a dash
03Highlighting

Highlight a recommendation: badge, border and button

Exactly one column can be marked as the recommendation. It gets a border in the accent colour, a badge such as Most popular and a striking button. On a smartphone the highlighted column is in view when the table opens so nobody has to swipe first. The badge can be named freely and translated per store view.

  • One recommendation per table
  • Badge text per store view
  • Highlighted column visible first on mobile
Column › Recommendation
Package Brecommendation
BadgeMost popular
Buttonaccent colour
Stores › Configuration › Mironsoft › Comparison Table
Mobilecards
First columnpinned
WidgetCMS page
04Mobile and placement

Magento 2 Comparison Table on a smartphone and in the CMS

On wide screens the table stands at full width with a pinned first column. On a smartphone you choose between swiping with a pinned feature column and a card list in which each package is a card with all rows. You insert the widget into CMS pages, blocks or blog posts. Each language version maintains its own texts.

  • Pinned first column on the desktop
  • Swipe or cards on mobile
  • Widget in CMS, blocks and blog
Use cases

Where a Magento 2 Comparison Table helps in everyday shop work

Typical situations in which packages are compared.

Maintenance and service packages

Basic, standard and premium stand side by side with services and prices. The recommendation is recognisable at once.

Product lines

Two or three models of the same series are compared with their key features without opening every product.

Memberships and plans

Levels with discounts, shipping benefits and support can be compared clearly.

Advice before purchase

On a guide page the table helps decide between variants, and the button leads straight to the matching category.

Comparison

Magento 2 Comparison Table: without and with the widget compared

The difference to an editor table.

TopicWithout moduleWith Mironsoft Comparison Table Widget
StructureHTML table by handColumns and rows in the admin
SymbolsCharacters or images, inconsistentCheck and dash as vectors with alt text
RecommendationBold or not at allBorder, badge and button
SmartphoneTable overflows the edgeSwipe or card list
ReuseCopy to every pageOne widget, several pages and languages
Setup

How we set up the Magento 2 Comparison Table for you

The process after you place the order.

1

Agreement

We clarify which packages are compared, which rows matter and which column is the recommendation.

2

Installation

We install the module and set up the Magento 2 Comparison Table for your store views. Then we check desktop and mobile view in your Hyvä theme.

3

Fill the table

We create columns, rows and cell values with you and translate the texts.

4

Testing

We test long texts, empty cells, many rows and keyboard operation.

5

Handover

Your team gets an introduction to tables and widget.

Differences

Differences to the price table and to the product comparison

The price table from Mironsoft concentrates on price columns. The Magento 2 Comparison Table is more general: it compares features, services and attributes and shows prices only as part of the header. Both can be combined as needed.

The standard Magento product comparison compares catalogue products by their attributes and remains untouched. The widget works with Tailwind in the Hyvä theme and needs no additional library.

05How the purchase works

No download, but a personal setup

The Comparison Table Widget is not listed here as a finished download to install yourself. The purchase is a commission: we contact you after the order, install the module in your shop and agree on columns, rows and appearance together with you.

Important to know

Your purchase does not include a download link. We will get in touch with you within 2 business days — we'll sort out the details and payment together then. This offer is aimed at business owners and companies running a Magento 2 shop.

FAQ

Frequently asked questions

Everything important about tables, highlighting, mobile view and how the purchase works.

How can I create a comparison table for packages in Magento 2?
You create a table with columns and rows in the admin and insert the widget into a CMS page. The Magento 2 Comparison Table appears in the design of your theme.
How can I highlight a column as a recommendation in Magento 2?
Mark the column as the recommendation. It gets a border, badge and a striking button.
How is the Magento 2 Comparison Table displayed on a smartphone?
Either as a swipeable table with a pinned feature column or as a card list in which each package is a card.
Can I use check marks and dashes instead of text?
Yes. Every cell is a check mark, a dash or text. The symbols have alt texts.
Can the same table appear on several pages?
Yes, one widget can be inserted into any number of CMS pages, blocks or blog posts.
Is there a translation for several languages?
Yes. You maintain texts, badge and button per store view.
How many columns and rows are possible?
Technically there is no fixed limit. For good readability we recommend up to four columns.
Does the Magento 2 Comparison Table work with Hyvä?
Yes, it is built with Tailwind, without jQuery, Knockout or extra JavaScript.
Does it replace the Magento product comparison?
No. The product comparison for catalogue items stays. The widget compares packages and plans on CMS pages.
Can I download and install the module myself?
No. This offer is not a download product. After the purchase we install and configure the module personally in your shop.
Write Your Own Review
You're reviewing: Magento 2 Comparison Table – Mironsoft Comparison Table Widget
loader
Loading...

You submitted your review for moderation.

This form is protected by reCAPTCHA - the Google Privacy Policy and Terms of Service apply.

Magento 2 Comparison Table – Mironsoft Comparison Table Widget

Magento 2 Comparison Table – Mironsoft Comparison Table Widget

€79.00