Home > Effects

Effects

ARPrice provides an individual section to set column animation and effects.

Each option are described in detail here.

ARPrice - Effects

Background Image

Select and upload beautiful image and set as background image on template wrapper on click button placed at right side here.


Hover Effects

  • Disable Hover Effect

    You may want not effects on hover column than switch ON here to disable active column effects and hover color changes.

  • Disable Button Hover Effect

    ARPrice ready templates have also hovered effect for buttons which you may not require then you are able to disable button hover effect from here.


Active Column

Here you have number of effects to apply on column when hover on it.

If you have selected column shadow styles then you will not be able to select Shadow effect here.

Following effects are provided by ARPrice :

  • Hover Effect
  • Shadow effect
  • Pulse
  • Shake
  • Swing
  • Hang
  • Wobble

Column Shadow

ARPrice also provides different styles of column shadows which help to give columns a better look.

ARPrice provides five different column shadows.

If you select any column shadow style then column radius will be disabled, As well as this option will be visible only if you have not selected shadow effects from Effects option


Toggle Button

  • Price(Number) Spin Effect On Toggle

    If you enabled Toggle Price then you are able to use our another feature which is animate price on switch toggle.

    To use this feature you have to wrap your pricing number with class .arp_price_amount with span tag. It will animate numbers of pricing while toggle.


Column Rotation

Here you are provided unique feature of column rotation which will display your columns in slider. If you enable column rotation then other options related to rotation will be enabled which are described here.

  • Visible Columns

    Here you have choice to display number of columns according to your requirements.

  • Columns to scroll

    Here number of columns you have set will be slide on navigation.

  • Transition Speed

    Here you are able to set speed of sliding your columns. Speed will be in millisecond.

  • Auto play

    If you check this option your columns will rotate automatically according to speed you have set. This will help if you do not want navigation button or pagination button.

  • Sticky Caption Column

    This option will be available only at those templates which have caption column. Here if you caption column not to scroll when column rotation enabled then you are able to have this option.

    This will work only for desktop or tablet view.

  • Navigation Button

    Here you have choice whether you want navigation on or off. If you select on here then you will have navigation buttons.

  • Pagination Button

    Here you have choice of position for pagination buttons whether you want top or bottom. You are also able to set off if you do not want pagination buttons. If you select top or bottom then you will have pagination buttons according to position you have selected.

  • Navigation Effects

    Here you are provided number of effects to navigate your columns beautifully.