latest version

Rota Custom Shortcodes

With Rota comes many custom shortcodes for (Visual Composer) VC that are used to show content created in Rota.

Below you will find short information about this Visual Composer elements:

../_images/short.png

Styled Google Maps

../_images/short3.png

Lets you add a styled google map on a page. You will be able to customize this map in the Styled Google Maps Settings.

../_images/short4.png
-General Tab-
  • Address - Set an address for the map.
  • Latitude - Option to add a latitude of the address.
  • Longitude - Option to add a longitude of the address.
  • Custom map height - Height of the map.
  • Zoom - Zoom percentage of the map.
  • Map marker - Option to add a custom map marker.
  • Map style code - Paste “JavaScript Style Array” here, you can find and create it on: snazzymaps.com

Sample:

../_images/short44.png

Styled Header

../_images/short5.png

This theme comes with VC element that give you the option to create a header title that can be used in the theme.

../_images/short6.png
-General Tab-

  • Header type - Format of how the title would look like: Only text or With text and decoration.

  • Header level

  • Header title - What is written as the title.

  • Header title font size[px] - Font size of the title.

  • Header title color - The color of the title’s font.

  • Header alignment - Alignment of the title in the page.

  • Header letter case - Letter case of the title.

    • Lowercase - All letters in the title are in lowercase.
    • Uppercase - All letters in the title are in uppercase.
    • Capitalize - Only the first letter of the words in the title are uppercase.
    • None - Default letter case is used.

  • Header top margin[px] - Top margin of the title.

  • Header bottom margin[px] - Bottom margin of the title.

Sample:

../_images/short45.png

Iconbox

../_images/short7.png

Below you will see all the available options that can/need to be set to use Pricing Table.

../_images/short8.png
-General Tab-
  • Select background color - Set the background color for the Icon box.
-Icon 1 to 4 Tab-
  • Enable this box - Option to enable an icon box. This should be checked for the icon box to show.
  • Icon - Choose an icon to add to the icon box.
  • Select icon color - Color of the icon in the icon box.
  • Title - Title of the icon box.
  • Select title color - Font color of the title.
  • Link - URL link for a page to which it directs.

Sample:

../_images/short46.png

Image Slider

../_images/short13.png

This will display an image slider in the page that is responsive.

../_images/short14.png
-General Tab-
  • Slider count - How the events are being shown.
  • Display navigation - Option to add a Buy Ticket button.
  • Display pagination - The ticket that was made in Tickets. To know how to create tickets, go to Create Tickets tutorial.
  • Autoplay - Option to make the carousel move automatically.
  • Autoplay speed [ms] - Speed of the carousel when moving automatically.
  • First button text - Text inside the first button.
  • First button URL - URL for the page where the button will link.
  • First button color - The text color of the first button.
  • First button background color - The background color of the button.
  • First button border color - Border color for the button.
  • Second button text - Text inside the second button.
  • Second button URL - URL for the page where the button will link.
  • Second button color - The text color of the second button.
  • Second button background color - The background color of the button.
  • Second button border color - Border color for the button.
  • Text between buttons - Text between the
-Slides Tab-
  • Image - Image in the slide.
  • Header Text - Text displayed in the slide.
  • Display first button - Option to show the first button.
  • Display second button - Option to show the second button.

Sample:

../_images/short49.png

Styled Button

../_images/short19.png

This element lets you add a button that is customized by you.

../_images/short20.png
-General Tab-
  • Text - Text inside the button.
  • Url - URL where the button will link.
  • Open url in new tab? - Option to open linked page to a new tab.
  • Button type - The type of button that will show in the page: Default or With Border.
  • Shape - The shape of the button: Square or Rounded.
  • Color - Color of the button.
  • Size - Size of the button.
  • Button Alignment - The position of the button in the row.

Sample:

../_images/short50.png

Careers display

../_images/short21.png

This will let you show items in Careers items.

../_images/short22.png
-General Tab-
  • Columns count - Number of columns to write the Careers Items in the page.
-Filters Tab-
  • Limit - Set results limit.
  • Skip X elements - Skip a number of elements from the results.
  • Order - How the FAQs order looks.
  • Order by - How the FAQs are ordered.
  • Specify ct-careers objects - Only selected FAQs are shown.
  • Exclude ct-careers objects - None of the selected FAQs will be displayed.
  • Specify terms of ct-careers-taxonomy taxonomy - Only show FAQs under the categories.
  • Exclude terms of ct-careers-taxonomy taxonomy - None of the FAQs under the categories are shown.
  • Specify post tags - Only show posts with selected tags.
  • Keyword search - Show events with certain keyword.

Sample:

../_images/short51.png

Coupons display

../_images/short23.png

This element will show the items inside Coupons in the page.

../_images/short24.png
-General Tab-
  • Columns count - Number of columns to write the Careers Items in the page.
-Filters Tab-
  • Limit - Set results limit.
  • Skip X elements - Skip a number of elements from the results.
  • Order - How the FAQs order looks.
  • Order by - How the FAQs are ordered.
  • Specify ct-coupons objects - Only selected FAQs are shown.
  • Exclude ct-coupons objects - None of the selected FAQs will be displayed.
  • Specify terms of category taxonomy - Only show FAQs under the categories.
  • Exclude terms of category taxonomy - None of the FAQs under the categories are shown.
  • Specify post tags - Only show posts with selected tags.
  • Keyword search - Show events with certain keyword.

Sample:

../_images/short52.png

FAQ Single Category

../_images/short15.png

This element lets you add an FAQs with a single category on the page.

../_images/short16.png
-Category Tab-
  • Choose a FAQ Category - Category of the FAQs that you want to show.
-Filters Tab-
  • Limit - Set results limit.
  • Skip X elements - Skip a number of elements from the results.
  • Order - How the FAQs order looks.
  • Order by - How the FAQs are ordered.
  • Specify ct-faq objects - Only selected FAQs are shown.
  • Exclude ct-faq objects - None of the selected FAQs will be displayed.
  • Specify terms of ct-faq-taxonomy taxonomy - Only show FAQs under the categories.
  • Exclude terms of ct-faq-taxonomy taxonomy - None of the FAQs under the categories are shown.
  • Specify post tags - Only show posts with selected tags.
  • Keyword search - Show events with certain keyword.

Sample:

../_images/short53.png

FAQ All Categories

../_images/short17.png

This element lets you add all the FAQs on the page.

../_images/short18.png
-Filters Tab-
  • Limit - Set results limit.
  • Order by - How the FAQs order looks.
  • Sort order - How the FAQs are ordered.

Sample:

../_images/short54.png

Reviews display

../_images/short27.png

Lets you display the items in Reviews inside a slide.

../_images/short28.png
-General Tab-
  • Reviews per slide - Number of reviews that will be shown inside the slide.
-Filters Tab-
  • Limit - Set results limit.
  • Skip X elements - Skip a number of elements from the results.
  • Order - How the jobs order looks.
  • Order by - How the jobs are ordered.
  • Specify ct-reviews objects - Only selected jobs are shown.
  • Exclude ct-reviews objects - None of the selected jobs will be displayed.
  • Specify terms of ct-reviews-taxonomy taxonomy - Only show jobs under the categories.
  • Exclude terms of ct-reviews-taxonomy taxonomy - None of the jobs under the categories are shown.
  • Specify post tags - Only show posts with selected tags.
  • Keyword search - Show events with certain keyword.

Sample:

../_images/short56.png

Reviews Grid

../_images/short29.png

Lets you display in a grid view the items in Reviews.

../_images/short30.png
-Filters Tab-
  • Limit - Set results limit.
  • Skip X elements - Skip a number of elements from the results.
  • Order - How the jobs order looks.
  • Order by - How the jobs are ordered.
  • Specify ct-reviews objects - Only selected jobs are shown.
  • Exclude ct-reviews objects - None of the selected jobs will be displayed.
  • Specify terms of ct-reviews-taxonomy taxonomy - Only show jobs under the categories.
  • Exclude terms of ct-reviews-taxonomy taxonomy - None of the jobs under the categories are shown.
  • Specify post tags - Only show posts with selected tags.
  • Keyword search - Show events with certain keyword.

Sample:

../_images/short53.png

Service table

../_images/short31.png

Lets you add a table that you can customize with the services you want to add.

../_images/short32.png
-General Tab-
  • Title - Title of the service.
  • Amount - Price of the service.
  • Content - Features of the service. Each feature is separated with a comma.
-Button Tab-
  • Text - The label of the button.
  • URL - URL link for the button.
  • Color - Color of the Text.
  • Background color - Color of the button.
  • Border color - Color of the button’s border.

Sample:

../_images/short58.png

Services grid

../_images/short33.png

Lets you display in a grid view the items in Services.

../_images/short34.png
-General Tab-
  • Columns - Number of columns where the services are displayed.
  • Display button - Option to display a button in the grid.
-Button Tab-
  • Text - The label of the button.
  • URL - URL link for the button.
  • Color - Color of the Text.
  • Background color - Color of the button.
  • Border color - Color of the button’s border.
-Filters Tab-
  • Limit - Set results limit.
  • Skip X elements - Skip a number of elements from the results.
  • Order - How the jobs order looks.
  • Order by - How the jobs are ordered.
  • Specify ct-services objects - Only selected jobs are shown.
  • Exclude ct-services objects - None of the selected jobs will be displayed.
  • Specify terms of category taxonomy - Only show jobs under the categories.
  • Exclude terms of category taxonomy - None of the jobs under the categories are shown.
  • Specify post tags - Only show posts with selected tags.
  • Keyword search - Show events with certain keyword.

Sample:

../_images/short59.png

Team display

../_images/short35.png

Lets you add a table of the team members created in the Team Members. To know how to create a team member item, go to Create Team Member tutorial.

../_images/short36.png
-General Tab-
  • Title - Option to show the skills of the team members.
-Filters Tab-
  • Limit - Set results limit.
  • Skip X elements - Skip a number of elements from the results.
  • Order - How the team members order looks.
  • Order by - How the team members are ordered.
  • Specify ct-team objects - Only selected team members are shown.
  • Exclude ct-team objects - None of the selected team members will be displayed.
  • Specify terms of category taxonomy - Only show team members under the categories.
  • Exclude terms of category taxonomy - None of the team members under the categories are shown.
  • Specify post tags - Only show posts with selected tags.
  • Keyword search - Show events with certain keyword.

Sample:

../_images/short60.png

Team grid

../_images/short37.png

Lets you add a grid view of the team members created in the Team Members. To know how to create a team member item, go to Create Team Member tutorial.

../_images/short38.png
-General Tab-
  • Columns count - Number of columns where the team is displayed.
  • Display position - Option to display the company position of each member.
-Filters Tab-
  • Limit - Set results limit.
  • Skip X elements - Skip a number of elements from the results.
  • Order - How the team members order looks.
  • Order by - How the team members are ordered.
  • Specify ct-team objects - Only selected team members are shown.
  • Exclude ct-team objects - None of the selected team members will be displayed.
  • Specify terms of category taxonomy - Only show team members under the categories.
  • Exclude terms of category taxonomy - None of the team members under the categories are shown.
  • Specify post tags - Only show posts with selected tags.
  • Keyword search - Show events with certain keyword.

Sample:

../_images/short61.png

Timeline display

../_images/short39.png

Gives you an option to show people dynamic Testimonial Items that are made on your site.

../_images/short40.png
-General Tab-
  • Timeline header color - Header text color of each timeline.
  • Timeline date color - Date color of each timeline.
-Filters Tab-
  • Limit - Set results limit.
  • Skip X elements - Skip a number of elements from the results.
  • Order - How the team members order looks.
  • Order by - How the team members are ordered.
  • Specify ct-timeline objects - Only selected team members are shown.
  • Exclude ct-timeline objects - None of the selected team members will be displayed.
  • Specify terms of category taxonomy - Only show team members under the categories.
  • Exclude terms of category taxonomy - None of the team members under the categories are shown.
  • Specify post tags - Only show posts with selected tags.
  • Keyword search - Show events with certain keyword.

Sample:

../_images/short62.png