9. Compare Table

SCREENSHOTCompareTableTHE CODE

[c_comparetable table_class="" id=""]
[c_column column_class="" is_special="" column_size="" title="" currency="" price="" sub_price="" sub_text=""]
[c_row]content[/c_row]
[c_row]content[/c_row]
[c_row]content[/c_row]
[c_row]content[/c_row]
[c_row]content[/c_row]
[c_row]content[/c_row]
[/c_column]
[c_column column_class="" is_special="" column_size="" title="" currency="" price="" sub_price="" sub_text=""]
[c_row]content[/c_row]
[c_row]content[/c_row]
[c_row]content[/c_row]
[c_row]content[/c_row]
[c_row]content[/c_row]
[c_row]content[/c_row]
[/c_column]
[c_column column_class="" is_special="" column_size="" title="" currency="" price="" sub_price="" sub_text=""]
[c_row]content[/c_row]
[c_row]content[/c_row]
[c_row]content[/c_row]
[c_row]content[/c_row]
[c_row]content[/c_row]
[c_row]content[/c_row]
[/c_column]
[/c_comparetable]

PARAMS

[c_comparetable]

  • class: add Custom CSS class for your table. It helps you to easily customize if you want
  • id: custom ID. If not provided, random ID is generated

[c_column]

  • class: custom CSS class. Use “recommended” class to turn this column into special one
  • is_special: true/false (1/0) – make this column “special” (tag text will appear)
  • column_size: select between 2, 3, 4, 6. Total column_size values of all columns should equal to 12.
  • title: Title of this column (plan)
  • currency: Currency of price
  • price: Enter the price of this plan in here (Main Currency)
  • sub_price: Enter the price of this plan in here (Fractional Currency)
  • sub_text: Price description of this column (Price Description)