Price table example with custom colors per column
[price_table columns=”5″]
[price_column title=”First” color=”#89BF3D”]
[/price_column]
[price_column title=”Second” color=”#0697D6″]
[/price_column]
[price_column featured=”true” title=”Third” color=”#F93A9D”]
[/price_column]
[price_column title=”Fourth” color=”#EA0028″]
[/price_column]
[price_column title=”Fifth” color=”#EDBE00″]
[/price_column]
[/price_table]
[hr/]
Default price tables styles for the current skin
[price_table columns=”5″]
[price_column title=”First”]
[/price_column]
[price_column title=”Second”]
[/price_column]
[price_column featured=”true” title=”Third”]
[/price_column]
[price_column title=”Fourth”]
[/price_column]
[price_column title=”Fifth”]
[/price_column]
[/price_table]
[hr/]
[price_table columns=”4″]
[price_column title=”First”]
[/price_column]
[price_column featured=”true” title=”Second”]
[/price_column]
[price_column title=”Third”]
[/price_column]
[price_column title=”Fourth”]
[/price_column]
[/price_table]
[hr/]
[price_table columns=”3″]
[price_column title=”First”]
[/price_column]
[price_column featured=”true” title=”Second”]
[/price_column]
[price_column title=”Third”]
[/price_column]
[/price_table]
[hr/]
Price Table shortcode instructions
Every Price Table begins with the [price_table] shortcode that sets the number of columns to be displayed. Example usage:
[price_table columns="3"]
...
...
...
[/price_table]Inside the [price_table] shortcode you add [price_column] shortcodes for each specific column of the price table. This shortcode can have the 3 following parameters:
- title: the column title
- featured:
trueorfalse. (default:false) - color: the column main color (hexadecimal value)
Example usage:
[price_table columns="3"]
[price_column title="First" color="#ff0"]
<li>[price_tag value="Free!" /]</li>
<li><strong>dolor</strong> sit</li>
<li><strong>dolor</strong> sit</li>
<li><strong>dolor</strong> sit</li>
<li><strong>dolor</strong> sit</li>
<li>[button text="Sign Up" url="http://www.google.com/"]</li>
[/price_column]
[price_column featured="true" title="Second"]
<li>[price_tag value="$10" period="per month" /]</li>
<li><strong>dolor</strong> sit</li>
<li><strong>dolor</strong> sit</li>
<li><strong>dolor</strong> sit</li>
<li><strong>dolor</strong> sit</li>
<li>[button text="Sign Up" url="http://www.google.com/"]</li>
[/price_column]
[price_column title="Third"]
<li>[price_tag value="$20" period="per month" /]</li>
<li><strong>dolor</strong> sit</li>
<li><strong>dolor</strong> sit</li>
<li><strong>dolor</strong> sit</li>
<li><strong>dolor</strong> sit</li>
<li>[button text="Sign Up" url="http://www.google.com/"]</li>
[/price_column]
[/price_table]Inside the [price_column] shortcode you add the lines of text inside <li> tags and you can use the [price_tag] shortcode to show the price for that individual column. Example usage:
[price_tag value="$10" period="per month" /]