Home > Header Settings

Header Settings

Header Settings

To customize header section of particular column, please hover over header section of column you will get button visible in left/right side for Header Settings.

ARPrice - Header Settings

Column Title :

Add/change content for header from here ( for each toggle steps if toggle price is enabled ). Also add media or font icons in header content from given options below at there.

Add Media :

On click here you will get pop-up open from where you can select/upload image and customize dimension in pixel. Click on Add button to add your selected image into your header content.

Add Font Icon :

On click here you will get pop-up open from where you can select icon from lots of icons listed of following types. When you click on any icon you will be able to customize size of icon and add icon into your header content.

ARPrice provides following icons,

  • Font Awesome Icons
  • Material Design Icons
  • Typicons
  • Ionicons

At caption column,

You will find more options to customize your caption column header content which are following,

  • Text Alignment
  • Font Family
  • Font Size
  • Font Style

Media Settings

ARPrice provides some media supporting templates where you will get Media Settings option visible on hover header section of particular column from where you can customize your Short code section in header by adding image, icon or any other supporting media.

ARPrice - Media Settings

Let’s see how media can be added or customized in Short code section.

Additional Short code :

Here you have textarea where media/icons can be added from below options at there. Font icons can be added same way as described in header settings.

Add Media :

For media supporting templates this will open modal to add Short code of media in additional Short code. Let’s see each option provided here in detail in Add Short code section at bottom.

Style / Size :

In some templates Short codes can be shaped from Style option where you have following styling option at there.

  • Circle (Bordered)
  • Circle (Solid)
  • Square (Bordered)
  • Square (Solid)
  • Rounded Square (Bordered)
  • Rounded Square (Solid)

Another option available to change size of Short code. Following are options of Short code size at there.

  • Small
  • Medium
  • Large

Add Short code

In this modal first of all you have so many options to create Short code and each option has different relevant options. Let’s see first common option in most of Short code.

ARPrice - Additional Short code

Height / Width :

You may need your Short codes like image, video in custom height or width so you may add height or width at these options. Blank will be auto height or width.

Auto play :

For Audio/Video you can enable Auto play when template is loaded.

Open in Light-box :

For Image/Video you can check Open in Light-box option to open media in separate Light-box modal on click Short code media in header.

Loop :

HTML5 Video and HTML5 Audio has facility to play continuously starting again every time it is finished.

Now, let’s see each Short codes available in ARPrice which are grouped into Image, Video, Audio and Other.

  • Image

    Here you will have following options to get image Short code to be added in additional Short code.

    • Image URL :

      Here you need to select or upload image for your Short code section in column.

    • Height
    • Width
    • Open in Light-box
  • Video

    You need to add Video id for each of following video Short codes. ( html5 Video has different options described at there. ). Another option is available here of Auto play and Open in Light-box.

    • Youtube video
    • Vimeo Video
    • html5 Video :

      This will allow to add different four types of video as following, and enable Loop here.

      • MP4 source
      • Webm source
      • Ogg source
      • Poster image source
    • Dailymotion Video
    • Metacafe Video
  • Audio

    For audio Short codes you will be asked to add Track id / Track URL for each of following audio Short codes. ( html5 Audio has different options described at there. ). Another option is available here of Height and Auto play.

    • html5 Audio :

      This will allow to add different three types of audio as following, and enable Loop here.

      • MP3 source
      • Ogg source
      • Wav source
    • Soundcloud Audio
    • Mixcloud Audio
    • Beatport Audio
  • Other

    All other type of media can be found here, ARPrice provides following other media.

    • Google Map :

      Google map requires following options described in detail,

      • Address :

        Enter proper address to initialize center of the map.

      • Height
      • Zoom level :

        Enter initial zooming level of the map.

      • Marker image source :

        Select custom image to display as marker.

      • Marker title :

        Enter marker title here to display in map.

      • Map info window content :

        Enter content here to display in info window of the map when click on marker.

      • Info window by default? :

        If this is checked info window will open on page load in map instead of on click marker.

    • Embed Block :

      Here you have textarea labeled as Embed where you can add your Embed code.

After configuring Short code click on Insert Short code button to add Short code in additional Short code input.

If your WordPress version is greater then 4.4, please make sure File URL is chosen at Link URL option while selecting WordPress media.
For more detail please visit Select/Upload WordPress Media section at Column Description Settings page.