Close

Account

Documentation

Forum

Menu

General Shortcode

JKreativ General Shortcode

General shortcode will appear on most text area element on admin panel.

JKreativ General Shortcode

 

General Shortcode Content List :

General Shortcode List

    • Layout

      Our layout is implemented grid system that can be divide into 12 columns inside row. Each section can have unlimited number of rows.

      • Grid Row (Grid Wrapper) : Add new row to begining create grid layout.

        Grid Row

        Options :

        • CSS Class (Optional) : Add aditional class in case you need to add custom styling for this element.
        • Enable Grid Animation : Check this to enable show animation for row.
        • Animation Speed : Select animation speed: Fast, Slow, or Slower
        • Sequence Speed : Set numer of sequence speed of animation.
      • Grid Column : Add new column inside existing row.

        Grid Column

        Options :

        • Column : Set number of column you want to add.
        • Offset : Set number of column offset you want to add.
        • CSS Class (Optional) : Add aditional class in case you need to add custom styling for this element.
        • Hide on iPad : Check this to hide this column and entire content on iPad device.
        • Hide on iPad : Check this to hide this column and entire content on device with resolution 1024px width and lower, such as iPad.
        • Hide on iPhone : Check this to hide this column and entire content on device with resolution 480px width and lower, such as iPad.
        • Enable fadein animation : Check this to enable fadein effect on this column.
        • Enable scale animation : Check this to enable scale effect on this column.
        • Animation Position : Select where to start the animation: None, Top, Bottom, Left or Right

        Example :Column Preview

    • Formating

      • Drop Cap

        Add a large initial letter that drops below the first line of a paragraph, usually used at the beginning of a text content.

        Drop Cap Setting

        Options :

        • CSS Class (Optional) : Add aditional class in case you need to add custom styling for this element.

        Drop Cap


        Drop Cap Preview

      • HR

        Add horizontal line along the content or column width used to separate content.

        HR


        HR Preview

      • Short HR

        Add short width of horizontal line used to separate content.

        Short HR


        Short HR Preview

      • Double HR

        Add double size horizontal line along the content or column width used to separate content.

        Double HR


        Double HR Preview

      • Highlight

        Add shading to text.

        Highlight Settings

        Options :

        • Text Color : Set text color.
        • Background Color : Set background color of highlighted text.
        • CSS Class (Optional) : Add aditional class in case you need to add custom styling for this element.

        Highlight


        Highlight Preview

      • Tooltip

        Add tooltip or infotip or hint on mouse hover text.

        Tooltip Settings

        Options :

        • Tooltip Text: Insert tooltip text.
        • Tooltip URL : Insert url into tooltip text.
        • CSS Class (Optional) : Add aditional class in case you need to add custom styling for this element.

        Tooltip


        Tooltip Preview

      • Clear Spacing

        This shortcode is important for clearing floated element above or bellow content.

        Clear Spacing

        Option :

        • Spacing Size: Set size of spacing that you need.

        Clear Spcing


        JKreativ - Spacing & Clear Floating Preview

      • Emphasis

        Make emphasis for certain text.

    • Icon

      • Single Icon

        Add an icon into your site content.

        Single Icon Settings

        Options :

        • Select Icon : Choose icon that you want to use.
        • Color : Set color icon.
        • Size : Set size of icon.
      • Icon List

        Add list of icon into your site content.

        To insert Icon list begin with adding Icon List Wrapper and continue by adding Icon List inside wrapper shortcode.

        Icon List Settings

        Options :

        • Select Icon : Choose icon that you want to use.
        • Color : Set color icon.
        • Spin Icon : Check this option if you want to make icon spinner.
    • Element

      • Single Image

        Add image with image zooming feature.

        Single Image Settings

        Options :

        • Image : Upload or choose image that you want to add.
        • Image Title : Add caption or title of image when it zoomed.
        • Image Floating : Select image align: Center, Left or Right
        • Image Width : Set width size of image.
        • Use themes zoom script : Check this to enable image zooming into modal popup when image clicked.
        • CSS Class (Optional) : Add aditional class in case you need to add custom styling for this element.

        Single Image


        Single Image Preview

      • Google Map

        Add maps to your content with possibilities to set place/location and adding title.

        Google Map Settings

        Options :

        • Map Title : Set title of place or location you want to show on maps.
        • Latitude : Set Latitude coordinate of location or place you want to show on maps.
        • Latitude : Set Longitude coordinate of location or place you want to show on maps.
        • Map Zoom : Set number of zoom level.
        • Map Ratio : Set ratio or dimension of maps size.
        • Show Popup : Check this to show tooltip with title above map pin.
        • CSS Class (Optional) : Add aditional class in case you need to add custom styling for this element.

        Google Maps


        JKreativ - Google Map Preview

      • Testimonial

        Add testimonial block with client picture.

        Testimonial Settings

        Options :

        • Testimonial Image : Upload or choose image of author.
        • Testimonial Author : Set name of testimonial author.
        • Testimonial Author Additional Title : Set additional text that will be added next to author name.
        • Image Floating : Select image align: Left or Right
        • Testimonial Content : Type testimonial of content here.
        • CSS Class (Optional) : Add aditional class in case you need to add custom styling for this element.

        Testimonial


        Testimonial Preview

      • Quote

        Show a pull quote within a paragraph or article of text.

        Quote Settings

        Options :

        • Quote Text : Main quote text write here.
        • Quote Author : Set author name.
        • Quote Author Additional Title : Set additional text that will be added next to author name.
        • Quote Floating : The position of quote: Left or Right
        • Quote Size : Set number of column size of quote.
        • CSS Class (Optional) : Add aditional class in case you need to add custom styling for this element.

        Quote


        Quote Preview

      • Alert

        Standard alert box or message box.

        Alert Settings

        Options :

        • Alert Type : Type of alert box: Success, Info, Warning or Danger
        • Main Text : Caption of alert box.
        • Second Text : Main message of alert box.
        • Show Close Button : Check this to show close button on alert box.
        • CSS Class (Optional) : Add aditional class in case you need to add custom styling for this element.

        Alert


        Alert Preview

      • Button

        Insert button with anchor tags to direct users to other pages or sites.

        Button Settings

        Options :

        • Button Type : Type of button: Default, Primary, Success, Info, Warning or Danger
        • Button Text : Button text to show what is button do or direct to.
        • Button URL : Link of page to follow when clicked.
        • Open on new tab : If checked it will open target link on new browser tab.
        • CSS Class (Optional) : Add aditional class in case you need to add custom styling for this element.

        Button


        JKreativ - Button Preview

    • Accordion

      Expand and collapse the content inside a container with a title.

      To insert Accordion begin with adding a Wrapper and continue by adding content inside wrapper shortcode.

      Accordion Wrapper

      Option :

      • CSS Class (Optional) : Add aditional class in case you need to add custom styling for this element.

      Accordion Settings

      Options :

      • Accordion Title : Insert title of accordion.
      • Collapse Accordion : Check this option if you want to make this accordion item collapse.
      • CSS Class (Optional) : Add aditional class in case you need to add custom styling for this element.

      Accordion


      Accordion Preview

  • Tabbing

    Tabbing alias tabs allow you to show more content on the page using less space.

    • Example : Use this to see example of this shortcode.
    • Heading Wrapper : Insert wrapper of tabs heading.Tab Heading WrapperOptions :
      • CSS Class (Optional) : Add aditional class in case you need to add custom styling for this element.
    • Heading Content : Insert tab heading, place it inside Heading Wrapper shortcode.Tab Heading Content SettingsOptions :
      • Tab Unique ID : Add identifier of tab. Note: ID must be unique each tab.
      • Tab Text : Tab heading title.
      • This tab is currently active : Check this to make this tab active by default.
    • Content Wrapper : Insert wrapper of tabs content.Tab Content WrapperOptions :
      • CSS Class (Optional) : Add aditional class in case you need to add custom styling for this element.
    • Content : Insert tab content inside of Content Wrapper shortcode.Tab Content SettingsOptions :
      • Tab Unique ID : Add identifier of tab that associated with tab header. Note: ID must be match with Tab Unique ID at Header Wrapper.
      • Tab Text : Tab heading title.
      • This tab is currently active : Check this to make this tab active by default.

      Tabbing


      Tab Preview

  • Image Slider

    Insert a series of images using shortcode.

    To insert Image Gallery begin with adding Wrapper and continue by adding Content inside Wrapper shortcode.

    Image Slider Wrapper

    Options :

    • CSS Class (Optional) : Add aditional class in case you need to add custom styling for this element.

    Image Slider Content

    Options :

    • Insert your image : upload or choose image that you want to add

    Image Slider


    imggallery

  • Team

    Insert 2 column list that has picture, name.

    Important Before you can use Team shortcode, you need to create / post Team first. Please go to: Team Post Type for further information.

    Team List

    Options :

    • Team Member : select member that you want to show.

    Team Member


    Team Member Preview

  • Media Embed

    • YouTube

      YouTube

      Options :

      • YouTube Video URL : Insert your youtube video url.
      • Enable Autoplay Video : Enable this option if you want to make autoplay your video.
      • Enable Repeating Video : Enable this option if you want to make your video repeated.
      • CSS Class (Optional) : Add aditional class in case you need to add custom styling for this element.

      YouTube


      JKreativ - YouTube Preview

    • Vimeo

      Vimeo

      Options :

      • Vimeo Video URL : Insert your vimeo video url.
      • Enable Autoplay Video : Enable this option if you want to make autoplay your video.
      • Enable Repeating Video : Enable this option if you want to make your video repeated.
      • CSS Class (Optional) : Add aditional class in case you need to add custom styling for this element.

      Vimeo


      JKreativ - Vimeo Preview

    • SoundCloud

      SoundCloud

      Options :

      • SoundCloud Video URL : Insert your soundcloud url.
      • CSS Class (Optional) : Add aditional class in case you need to add custom styling for this element.

      SoundCloud


      JKreativ - SoundCloud Preview

    • HTML 5 Video

      HTML 5 Video

      Options :

      • Video Cover : Insert an image as video cover.
      • Video MP4 : Select or upload mp4 video format.
      • Video WEBM : Select or upload webm video format.
      • Video OOG : Select or upload oog video format.
      • Extra Class Name (Optional) : Add aditional class in case you need to add custom styling for this element.

      HTML 5 Video


      JKreativ - HTML 5 Preview

  • 360

    Showcasing your product in 360 degrees.

    360 Settings

    Options :

    • Image URL Pattern : url pattern of where 360 images placed.
    • Number of Image : Set number of your image.
    • Enable Autoplay Animation : Check this option if you want to make your image autoplay.
    • CSS Class (Optional) : Add aditional class in case you need to add custom styling for this element.

    360


    JKreativ - 360 Image View Preview


 

Credit Generator Shortcode

Display list of text with scrolling effect on modal popup.

Right Click Behaviour Credit shortcode will only shown if you enable Right Click Behaviour. For more detail information you can take a look right here.
  • Credit Heading : Insert big heading text.

    Credit Heading Setting

    Option :

    • Credit heading text : Insert text for heading.
  • Credit Separator : Add separator with big space.
  • Credit Title : Insert title text.

    Credit Title

    Option :

    • Credit title text : Insert text for title.
  • Credit Name : Insert name text.

    Credit Name

    Option :

    • Credit Name text : Insert text for name.

    Credit Preview


    Credit Preview