Basic

  • 1 project
  • 25 downloads
  • 1 support request
$9/mo

Plus

  • 5 projects
  • 100 downloads
  • 5 support requests
$19/mo

Premium

  • 15 projects
  • unlimited downloads
  • 10 support requests
$29/mo

FAVPRICINGTABLES is a responsive Joomla! module designed to showcase your offers and easily present their features and prices by using up to 5 pricing tables with multiple layouts and colors. See the documentation.

up to 5
pricing tables

100+ module
settings

each element
is customizable

load & scroll
CSS3 effects

FavPricingTables Layout

Designed to be versatile and customizable, FavPricingTables has many layout options. Here are the 3 default layouts for FavPricingTables:

Default Style 1

Basic

  • 1 project
  • 25 downloads
  • 1 support request
$9/mo

Plus

  • 5 projects
  • 100 downloads
  • 5 support requests
$19/mo

Premium

  • 15 projects
  • unlimited downloads
  • 10 support requests
$29/mo

Default Style 2

Basic

  • 1 project
  • 25 downloads
  • 1 support request
$9/mo

Plus

  • 5 projects
  • 100 downloads
  • 5 support requests
$19/mo

Premium

  • 15 projects
  • unlimited downloads
  • 10 support requests
$29/mo

Default Style 3

Basic

  • 1 project
  • 25 downloads
  • 1 support request
$9/mo

Plus

  • 5 projects
  • 100 downloads
  • 5 support requests
$19/mo

Premium

  • 15 projects
  • unlimited downloads
  • 10 support requests
$29/mo

FavPricingTables Columns

This module supports a 5 column layout which means it can have 5, 4, 3, 2 or 1 table column for the module layout without assigning each module to a new module position. Here are some examples of different table column layouts:

5 column layout

Basic

  • 1 project
$9/mo

Plus

  • 5 projects
$19/mo

Premium

  • 15 projects
$29/mo

Enterprise

  • 100 projects
$39/mo

Lifetime

  • unlimited projects
$99/mo

4 column layout

Basic

  • 1 project
$9/mo

Plus

  • 5 projects
$19/mo

Premium

  • 15 projects
$29/mo

Enterprise

  • 100 projects
$39/mo

3 column layout

Basic

  • 1 project
$9/mo

Plus

  • 5 projects
$19/mo

Premium

  • 15 projects
$29/mo

2 column layout

Basic

  • 1 project
$9/mo

Plus

  • 5 projects
$19/mo

FavPricingTable Effects

This module supports 8 preset CSS3 effects on page scroll and load which can be changed by using the module settings. Here are some examples of different CSS3 load & scroll effects for this module:

Basic

  • 1 project
  • 25 downloads
  • 1 support request
$9/mo

Plus

  • 5 projects
  • 100 downloads
  • 5 support requests
$19/mo

Premium

  • 15 projects
  • unlimited downloads
  • 10 support requests
$29/mo

Basic

  • 1 project
  • 25 downloads
  • 1 support request
$9/mo

Plus

  • 5 projects
  • 100 downloads
  • 5 support requests
$19/mo

Premium

  • 15 projects
  • unlimited downloads
  • 10 support requests
$29/mo

Basic

  • 1 project
  • 25 downloads
  • 1 support request
$9/mo

Plus

  • 5 projects
  • 100 downloads
  • 5 support requests
$19/mo

Premium

  • 15 projects
  • unlimited downloads
  • 10 support requests
$29/mo

Basic

  • 1 project
  • 25 downloads
  • 1 support request
$9/mo

Plus

  • 5 projects
  • 100 downloads
  • 5 support requests
$19/mo

Premium

  • 15 projects
  • unlimited downloads
  • 10 support requests
$29/mo

Basic

  • 1 project
  • 25 downloads
  • 1 support request
$9/mo

Plus

  • 5 projects
  • 100 downloads
  • 5 support requests
$19/mo

Premium

  • 15 projects
  • unlimited downloads
  • 10 support requests
$29/mo

Basic

  • 1 project
  • 25 downloads
  • 1 support request
$9/mo

Plus

  • 5 projects
  • 100 downloads
  • 5 support requests
$19/mo

Premium

  • 15 projects
  • unlimited downloads
  • 10 support requests
$29/mo

Basic

  • 1 project
  • 25 downloads
  • 1 support request
$9/mo

Plus

  • 5 projects
  • 100 downloads
  • 5 support requests
$19/mo

Premium

  • 15 projects
  • unlimited downloads
  • 10 support requests
$29/mo

Basic

  • 1 project
  • 25 downloads
  • 1 support request
$9/mo

Plus

  • 5 projects
  • 100 downloads
  • 5 support requests
$19/mo

Premium

  • 15 projects
  • unlimited downloads
  • 10 support requests
$29/mo

FavPricingTables Documentation

The downloaded package for the module is a .zip archive that needs to be unzipped before use. After it has been unzipped, inside the downloaded package you will find:

  1. the module's .zip archive - must be installed using EXTENSIONS/MANAGE/INSTALL
  2. the ReadMe.txt file - has useful information about the product

Once installed, find the module in EXTENSIONS/MODULES and open it:

FavPricingTables Joomla module documentation main screen

MODULE SETTINGS - this tab controls the general settings, the ones that apply to all elements of the module.

MODULE CONTENT - this tab controls the individual settings for each element of the module such as titles, text or icons for each one of the module tables.

Module Settings

1. General Options

FavPricingTables Joomla module documentation settings main screen

  1. LOAD JOOMLA! JQUERY - This setting loads Joomla!'s jQuery library. Choose NO if your website loads jQuery from an external source.
  2. ENABLE GOOGLE FONTS - Choose if the module loads or not Google Fonts. If set to NO, all the module settings using Google Fonts will stop loading the fonts..

2. Module Layout

FavPricingTables Joomla module documentation settings module layout

  1. LAYOUT EFFECT - Choose a CSS3 effect for the layout on page scroll and load. Note that the CSS3 features are not supported by older browsers.
  2. LAYOUT STYLE - Choose the layout style for the pricing table.

3. Icon Options

FavPricingTables Joomla module documentation settings icon

  1. SHOW ICON - Choose if the icon should be displayed or not.
  2. ICON FONT SIZE - Insert the font size for the icon using pixels, percent or em (for example: 14px, 120% or 1.2em, not 14). A blank field reverts the setting to the default value.
  3. ICON PADDING - Insert the padding for the icon using pixels, rem or percent (for example: 14px or 10%, not 14). The padding is a CSS property that sets the space around the content. The padding can have from 1 to 4 values (top, right, bottom and left). A blank field reverts the setting to the default value.
  4. ICON BORDER TYPE - Choose the border type for the icon.
  5. ICON BORDER WIDTH - Insert the border width for the icon using pixels (for example: 1px, not 1). A blank field reverts the setting to the default value.
  6. ICON BORDER RADIUS - Insert the border-radius for the icon when the icon layout is enabled using pixels or percent (for example: 140px or 80%, not 140). Note that the CSS3 features are not supported by older browsers. A blank field reverts the setting to the default value.

4. Title Options

FavPricingTables Joomla module documentation settings title screen

  1. SHOW TITLE - Choose if the title should be displayed or not.
  2. TITLE FONT SIZE - Insert the font size for the title using pixels, percent or em (for example: 14px, 120% or 1.2em, not 14). A blank field reverts the setting to the default value.
  3. TITLE GOOGLE FONT - Insert the name of the Google Font for the title, for example Open Sans or Roboto. A blank field reverts the setting to the default value.
  4. TITLE FONT WEIGHT - Set the font weight for the title.
  5. TITLE FONT STYLE - Set the font style for the title.

5. Description Options

FavPricingTables Joomla module documentation settings description screen

  1. SHOW DESCRIPTION - Choose if the description should be displayed or not.
  2. DESCRIPTION TEXT FONT SIZE - Insert the font size for the product description text using pixels, percent or em (for example: 14px, 120% or 1.2em, not 14). A blank field reverts the setting to the default value.
  3. DESCRIPTION TEXT LINE HEIGHT - Insert the line height for the product description text using pixels or em (for example: 14px or 1.2em, not 14). The line-height property is used to modify the spacing between the lines of text. A blank field reverts the setting to the default value.

6. Price Options

FavPricingTables Joomla module documentation settings price screen

  1. SHOW PRICE - Choose if the price should be displayed or not.
  2. PRICE FONT SIZE - Insert the font size for the price using pixels, percent or em (for example: 14px, 120% or 1.2em, not 14). A blank field reverts the setting to the default value.
  3. PRICE GOOGLE FONT - Insert the name of the Google Font for the price, for example Open Sans or Roboto. A blank field reverts the setting to the default value.
  4. PRICE FONT WEIGHT - Set the font weight for the price.
  5. PRICE FONT STYLE - Set the font style for the price.

7. Button Options

FavPricingTables Joomla module documentation settings button screen

  1. SHOW BUTTON - Choose if the button should be displayed or not.
  2. BUTTON FONT SIZE - Insert the font size for the button using pixels, percent or em (for example: 14px, 120% or 1.2em, not 14). A blank field reverts the setting to the default value.
  3. BUTTON TEXT TRANSFORM - Choose the text transform for the button.
  4. BUTTON TEXT ALIGN - Choose the text align for the button.
  5. BUTTON PADDING - Insert the padding for the button using pixels or percent (for example: 14px or 10%, not 14). The padding is a CSS property that sets the space around the content. The padding can have from 1 to 4 values (top, right, bottom and left). A blank field reverts the setting to the default value.
  6. BUTTON BORDER RADIUS - Insert the border-radius for the button using pixels or percent (for example: 140px or 80%, not 140). Note that the CSS3 features are not supported by older browsers. A blank field reverts the setting to the default value.
  7. BUTTON GOOGLE FONT - Insert the name of the Google Font for the button, for example Open Sans or Roboto. A blank field reverts the setting to the default value.
  8. BUTTON FONT WEIGHT - Set the font weight for the button.
  9. BUTTON FONT STYLE - Set the font style for the button.

Module Content

1. Content Options

FavPricingTables Joomla module documentation content main screen

  1. SHOW CONTENT - Choose if the content for this module column should be displayed or not.
  2. CONTENT STYLE - Choose the content style for the pricing table.
  3. PRICING TABLE BACKGROUND COLOR - Choose the background color for the pricing table. A blank field reverts the setting to the default value.
  4. PRICING TABLE BORDER COLOR - Choose the border color for the pricing table. A blank field reverts the setting to the default value.
  5. PRICING TABLE BORDER RADIUS - Insert the border-radius for the pricing table using pixels or percent (for example: 140px or 80%, not 140). Note that the CSS3 features are not supported by older browsers. A blank field reverts the setting to the default value.

2. Icon Options

FavPricingTables Joomla module documentation content icon options

  1. ICON NAME - Insert the Font Awesome icon name (for example: fas fa-magic or fab fa-joomla). A blank field reverts the setting to the default value.
  2. ICON COLOR - Choose the color for the icon. A blank field reverts the setting to the default value.
  3. ICON BACKGROUND COLOR - Choose the background color for the icon. A blank field reverts the setting to the default value.
  4. ICON BORDER COLOR - Choose the border color for the icon. A blank field reverts the setting to the default value.
  5. ICON LINK - Insert the URL for the icon. Note that the link must include http:// or https://. A blank field means that no link is assigned.
  6. ICON LINK TARGET - Choose the target for the icon's URL.

3. Title Options

FavPricingTables Joomla module documentation content title options

  1. TITLE TEXT - Insert the text for the title. A blank field reverts the setting to the default value.
  2. TITLE COLOR - Choose the color for the title. A blank field reverts the setting to the default value.
  3. TITLE LINK - Insert the URL for the title. Note that the link must include http:// or https://. A blank field means that no link is assigned.
  4. TITLE LINK TARGET - Choose the target for the title's URL.

4. Description Options

FavPricingTables Joomla module documentation content description options

  1. DESCRIPTION TEXT - Insert the text for the description using HTML tags, for example a HTML list or text followed by a line break tag. A blank field reverts the setting to the default value.
  2. DESCRIPTION TEXT COLOR - Choose the color for the product description text. A blank field reverts the setting to the default value.

5. Price Options

FavPricingTables Joomla module documentation content price options

  1. PRICE TEXT - Insert the price value for this product. A blank field reverts the setting to the default value.
  2. PRICE TEXT COLOR - Choose the color for the price. A blank field reverts the setting to the default value.

6. Button Options

FavPricingTables Joomla module documentation content button options

  1. BUTTON TEXT - Insert the text for the button. A blank field reverts the setting to the default value.
  2. BUTTON COLOR - Choose the color for the button. A blank field reverts the setting to the default value.
  3. BUTTON BACKGROUND COLOR - Choose the background color for the button. A blank field reverts the setting to the default value.
  4. BUTTON LINK - Insert the URL for the button. Note that the link must include http:// or https://. A blank field means that no link is assigned.
  5. BUTTON LINK TARGET - Choose the target for the button's URL.

The module features using CSS3 have limited support for older browsers, so please check the demo first.

Being a responsive module, this Joomla! module has no fixed width. The maximum width of the module is the width of the module position containing the module and/or the width of the device used (desktop, tablet or mobile). To test the responsive behaviour of the module columns, simply adjust the width of the browser window to different sizes.

The Joomla! name is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.
FavThemes is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.