Home > Column Settings

Column Settings

ARPrice provides effective functionality to manage individual columns in an easy way. There are lots of functionality as described below:

Drag and Drop Column (Rearrange Column)

You are able to rearrange columns by just simply drag and drop in editor according to your need.

ARPrice - Drag and Drop Column

Add New Column

ARPrice allows you to add Unlimited columns, so please add columns easily by just click on Add New Column.

This will add column with same settings of last column.


Column Level Options

When you hover on column in editor, you will get column level options buttons visible on top of the column from where you are able to customize or delete your column. Let’s see each column level options in detail.

Column Settings :

At column level options first option is for column settings where you can see number of options to customize your column which are following,

ARPrice - Column General Options

You can navigate to next column or previous column for same option by click on arrows given below at options box.

Background Image

You may required to set image as background to give better look to your column then please click here at right side which will open a box where you can select image.

There are another options available for whether you want to scale your uploaded image and set position to fit in column or do not want to scale image.

Highlight Column

Please check this option if you required to highlight particular column. Highlighted column will have set hover effect at front which you can also see in preview.

Add Ribbon

You can add ribbon to package column from here. ARPrice provides plenty of options for ribbon. Ribbons are totally based on CSS. No images used. You can set ribbon text, ribbon background color, ribbon text color, it’s position and much more.

ARPrice also provides Custom Ribbon option where you are able to set Image as ribbon according to you requirements.

If you wish to use custom ribbon then please select custom ribbon option from Ribbon Style. You will have Custom Ribbon option visible where you can to add image file. You will have another option visible Custom Position to set position from Left or Right and from Top.

If you enabled toggle price then there will be options to add custom ribbon or ribbon text for default ribbons for each toggle steps.

You are also able to remove ribbon later by just click on Remove Ribbon.

ARPrice - Ribbon Options

Post Variables

As you can see in above picture ARPrice provides facility to Post Variables. You have textarea where you are able to add your variables and it’s value. You are allowed to add multiple variables with separated by semicolon.

If you enabled toggle price then there you are able to set variables for each toggle steps.

For Example
Post Variables
plan_id=1;type=arprice;

At caption column,

You will find different options to customize caption column of your pricing table. Following are options available at caption column settings,

  • Width

    This is optional but if you want custom width for caption column then you can add width in pixels here.

  • Column Borders

    Set border on your caption column by changing Border Size, Border Style and border side like left, right, top, bottom at Borders.

Background and Font Colors :

Second column level option is for changing colors and hover colors for each section of particular column with unlimited colors. So now you may change Background and Text Color for each section of your particular column from here. Same options are also available for hover colors.

Following sections are included for which you may change colors,

  • Header
  • Pricing
  • Footer
  • Button
  • Odd rows
  • Even rows

ARPrice - Background and Font Color

You can navigate to next column or previous column for same options by click on arrows given below at options box.

Hide/Show Column :

Click here to hide your particular column at front. When you click on this third column level option you will see blurred effect on hidden column in editor. If column is already hidden then it will make your column visible and remove blurred effect in editor.

Duplicate Column :

The fourth column level option is to duplicate your particular column if you want to add new column with same content and settings of particular column. This facility of ARPrice prevents your lots of time and reduces rework on new column and add clone of particular column.

Delete Column :

At last you have option to delete any particular column. As you can see in following picture on click this option you will be asked for confirmation before delete column.

ARPrice - Add, Duplicate and Delete Column

CSS Class Information :

This option is visible at last only if you have turned ON CSS class info from Custom CSS. By clicking on this option at particular column, you will get all CSS class information for that particular column.