latest version

HousUs Custom Shortcodes

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

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

../_images/shortcodes.png

Boxes

../_images/shortcodes1.png

This element will let you add boxes that has images and text inside.

../_images/shortcodes2.png
-General Tab-
  • Chose position of boxes - Layout of the boxes.
  • Select picture for box with picture - Image to be shown inside one of the boxes.
  • Select color for the box with text - Background color of the box where the text is written.
  • Title in box with text - Text inside one of the boxes.
  • Text in link - Text for the link.
  • Select color for text in box - Font color of the link text.
  • Link Address - URL for the link.

Button

../_images/shortcodes3.png

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

../_images/shortcodes4.png
-Button Tab-
  • Button title - The label of the button.
  • Button size - Size of the button.
  • Button style - Color scheme of the button.
  • Button link - URL for the link in the button.
  • Button icon - Icon inside the button.

Desk

../_images/shortcodes5.png

This element will let you add a set of columns that you can add a shortcode or post inside the column.

../_images/shortcodes6.png
-General Tab-
  • Number of columns - Number of columns to be shown. The Column tabs depends on the number of column set.
-Column Tabs-
  • Select type of content in column - Type of content inside the column.
  • Content for column - The content of the column.
-Button Tab-
  • Button title - The label of the button.
  • Button size - Size of the button.
  • Button style - Color scheme of the button.
  • Button link - URL for the link in the button.
  • Button icon - Icon inside the button.

Styled Google Maps

../_images/shortcodes7.png

This element will let you add a google map with a specific address.

../_images/shortcodes8.png
-General Tab-
  • Custom map height - Set the height of the map. You can leave it blank for a responsive map.
  • Zoom - Percentage of the zoom in the map.
  • Map box avatar - image shown inside the map box.
  • Header on map box - Title of the map.
  • Map offset
  • Address - Building, street, and town of the address.
  • City - City and country of the address.
  • Open Hours - Hours the establishment is open.
  • Telephone number - Establishments telephone number.
  • Mail address - E-mail address for the establishment.

Houses Header

../_images/shortcodes9.png

The element is a custom header for HousUs.

../_images/shortcodes10.png
-Header Tab-
  • Header Color - Color scheme of the header: Light, Gray, or Dark
  • Header align - Alignment of the title.
  • Display text after subtitle - Option to display the subtitle after the title.
  • Display button in header - Option to add a button in the header.
  • Header level
  • Header title - What is written inside the header.
  • Header title font size - Font size of the header’s title.
  • Header title custom color - Font color of the title.
  • Header subtitle custom title - What is written as the subtitle.
  • Header subtitle font size - Font size of the subtitle.
  • Header subtitle color - Font color of the subtitle.
  • Header top margin - Size of the top margin.
  • Header bottom margin - Size of the bottom margin.

Latest posts

../_images/shortcodes11.png

This will show the latest posts posted in the blog.

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

Houses Popup

../_images/shortcodes13.png

This element will let you make a popup for a selected shortcode.

../_images/shortcodes14.png
-Main Tabs-
  • Number of columns
  • Please enter shortcode - Shortcode that is going to be showed for the popup.
  • Select background color - Background color of the popup.
-Button Tab-
  • Button title - The label of the button.
  • Button size - Size of the button.
  • Button style - Color scheme of the button.
  • Button icon - Icon inside the button.

Promo Boxes

../_images/shortcodes15.png

This element lets you add promo boxes that can be set to be dynamic.

../_images/shortcodes16.png
-General Tab-
  • Autoplay - Option to set the promo boxes to move by itself.
  • Dotted slider navigation - Option to use a dotted slider as navigation.
  • Display arrows in slider - Option to use an arrow slider as navigation.
  • Pause on hover when autoplay is on - Option to pause when hovering if autoplay is checked.
  • Adapt height of slider to current slide - Option to make slider adapt to changes of height.
-Content Tab-
  • Content - Writing the content of the promo box.

    Note

    Format in writing the content inside promo box: Title^subtitle Separate each item with : “|” Sample: 20%^Off on Parties|10%^Off on summer

  • Color for box - Color of the promo box.

-Slides Tab-
  • Slides to show - Number of slides to show.
  • Slides to show on tablets - Number of slides to show on a tablet platform.
  • Slides to show on phones - Number of slides to show on a phone platform.
  • Set initial slide - Set the initial slider that moves.
  • Vertical slider - Option to make the slider vertical.

Reviews

../_images/shortcodes17.png

This element will let you show a rating section in your page.

../_images/shortcodes18.png
-General Tab-
  • Header for Reviews - Title of the reviews.
  • Display Button after header - Option to display a button in the header of the review.
  • Type of content - The type of content inside the reviews.
-Content Tab-
  • Text for first block - Title for the first block.
  • Number for first block - Value for the first block.
  • Sign after first block for example: “%” - Sign the value of the first block will have.
  • Text for second block - Title for the second block.
  • Number for second block - Value for the second block.
  • Sign after second block for example: “%” - Sign the value of the second block will have.
  • Text for third block - Title for the third block.
  • Number for third block - Value for the third block.
  • Sign after third block for example: “%” - Sign the value of the third block will have.
  • Icon ratings - Icon for how the ratings are shown.
  • Display overall rating - The maximum value of the rating.
  • Number of elements - Number of elements to be rated. The element names and values depend on this value.
  • Name for element # rating - Name/Title of the element to be rated.
  • Value for element # rating - Rating value of the element.

Section with pictures

../_images/shortcodes19.png

This element will let you have a section that has images and text.

../_images/shortcodes20.png
-Section Tab-
  • Select section proportion - How the section is divided.
  • Select text side - Which side the text is shown.
  • Select section background type - Type of display the background is set.
  • Background Image for section - Set the background image.
  • Background for mobile devices - Set the background image using mobile devices.
  • Additional image for section - Additional image shown in the section.
-Header Tab-
  • Header Color - Color scheme of the header: Light, Gray, or Dark
  • Header align - Alignment of the title.
  • Display text after subtitle - Option to display the subtitle after the title.
  • Display button in header - Option to add a button in the header.
  • Header level
  • Header title - What is written inside the header.
  • Header title font size - Font size of the header’s title.
  • Header title custom color - Font color of the title.
  • Header subtitle custom title - What is written as the subtitle.
  • Header subtitle font size - Font size of the subtitle.
  • Header subtitle color - Font color of the subtitle.
  • Header top margin - Size of the top margin.
  • Header bottom margin - Size of the bottom margin.

Slider

../_images/shortcodes21.png

This element lets you add a slider with images that moves by itself.

../_images/shortcodes22.png
-General Tab-
  • Autoplay - Option to set the promo boxes to move by itself.
  • Dotted slider navigation - Option to use a dotted slider as navigation.
  • Display arrows in slider - Option to use an arrow slider as navigation.
  • Pause on hover when autoplay is on - Option to pause when hovering if autoplay is checked.
  • Adapt height of slider to current slide - Option to make slider adapt to changes of height.
-Images Tab-
  • Images to slider - The images shown in the slider.
-Slides Tab-
  • Slides to show - Number of slides to show.
  • Slides to show on tablets - Number of slides to show on a tablet platform.
  • Slides to show on phones - Number of slides to show on a phone platform.
  • Set initial slide - Set the initial slider that moves.
  • Vertical slider - Option to make the slider vertical.

Weather

../_images/shortcodes23.png

This element lets you add the weather of a specific location inside the page.

../_images/shortcodes24.png
  • Header for weather - Title for the weather element in the page.
  • Select temperature format - Set the temperature format of the location.
  • Select location - You can use the location name or a WOEID of the location.

List with icons

../_images/shortcodes25.png

This element lets you add a custom list or a list from the amenities item in Amenities.

../_images/shortcodes26.png
-General Tab-
  • Do you want to create custom list or add list from amenities - Choose to create a custom list or list from amenities.
  • Chose type of list - How the list would look.
  • No of columns in list - set the number of columns in the list.
-Query Tab-
  • Limit - Set results limit.
  • Skip X elements - Skip a number of elements from the results.
  • Order - How the posts order looks.
  • Order by - How the posts are ordered.
  • Specify ct-amenities objects - Only selected posts are shown.
  • Exclude ct-amenities objects - None of the selected posts will be displayed.
  • Specify terms of ct-amenities-taxonomy taxonomy - Only show posts under the categories of amenities.
  • Exclude terms of ct-amenities-taxonomy taxonomy - None of the posts under the categories of amenities are shown.
  • Specify post tags - Only show posts with selected tags.
  • Keyword search - Show items with certain keyword.

Houses Listing

../_images/shortcodes29.png

This element lets you show the houses items inside Houses.

../_images/shortcodes30.png
  • Limit - Set results limit.
  • Skip X elements - Skip a number of elements from the results.
  • Order - How the posts order looks.
  • Order by - How the posts are ordered.
  • Specify ct-houses objects - Only selected posts are shown.
  • Exclude ct-houses objects - None of the selected posts will be displayed.
  • Specify terms of ct-houses-taxonomy taxonomy - Only show posts under the categories of houses.
  • Exclude terms of ct-houses-taxonomy taxonomy - None of the posts under the categories of houses are shown.
  • Specify post tags - Only show posts with selected tags.
  • Keyword search - Show items with certain keyword.
  • Type of houses listing - Set the number of columns to show the houses listing or to make it as a slider.

Surroundings Slider

../_images/shortcodes31.png

This element will let you add a surrounding slider in the page.

../_images/shortcodes32.png
-General Tab-
  • Select source - The source of the posts: Surroundings post or custom content.
  • Select type - How the slider content would look.
  • Autoplay - Option to set the promo boxes to move by itself.
  • Dotted slider navigation - Option to use a dotted slider as navigation.
  • Display arrows in slider - Option to use an arrow slider as navigation.
  • Pause on hover when autoplay is on - Option to pause when hovering if autoplay is checked.
  • Adapt height of slider to current slide - Option to make slider adapt to changes of height.
-Slides Tab-
  • Slides to show - Number of slides to show.
  • Turn on fade - This option will show if the slides to show is set to 1.
  • Use center mode - This option will show if the slides to show is set to an odd number other than 1.
  • Slides to show on tablets - Number of slides to show on a tablet platform.
  • Slides to show on phablets - Number of slides to show on a phablet platform.
  • Slides to show on phones - Number of slides to show on a phone platform.
  • Set initial slide - Set the initial slider that moves.
-Query Tab-
  • Limit - Set results limit.
  • Skip X elements - Skip a number of elements from the results.
  • Order - How the posts order looks.
  • Order by - How the posts are ordered.
  • Specify ct-surroundings objects - Only selected posts are shown.
  • Exclude ct-surroundings objects - None of the selected posts will be displayed.
  • Specify terms of ct-surroundings-taxonomy taxonomy - Only show posts under the categories of gallery.
  • Exclude terms of ct-surroundings-taxonomy taxonomy - None of the posts under the categories of gallery are shown.
  • Specify post tags - Only show posts with selected tags.
  • Keyword search - Show items with certain keyword.

Testimonial Slider

../_images/shortcodes33.png

This element lets you add testimonials to a page.

../_images/shortcodes34.png
-General Tab-
  • Select source - The source of the posts: Testimonial posts or custom content.
  • Select type - How the slider content would look.
  • Autoplay - Option to set the promo boxes to move by itself.
  • Dotted slider navigation - Option to use a dotted slider as navigation.
  • Display arrows in slider - Option to use an arrow slider as navigation.
  • Pause on hover when autoplay is on - Option to pause when hovering if autoplay is checked.
  • Adapt height of slider to current slide - Option to make slider adapt to changes of height.
-Slides Tab-
  • Slides to show - Number of slides to show.
  • Turn on fade - This option will show if the slides to show is set to 1.
  • Use center mode - This option will show if the slides to show is set to an odd number other than 1.
  • Slides to show on tablets - Number of slides to show on a tablet platform.
  • Slides to show on phablets - Number of slides to show on a phablet platform.
  • Slides to show on phones - Number of slides to show on a phone platform.
  • Set initial slide - Set the initial slider that moves.
-Query Tab-
  • Limit - Set results limit.
  • Skip X elements - Skip a number of elements from the results.
  • Order - How the posts order looks.
  • Order by - How the posts are ordered.
  • Specify ct-testimonials objects - Only selected posts are shown.
  • Exclude ct-testimonials objects - None of the selected posts will be displayed.
  • Specify terms of ct-testimonials-taxonomy taxonomy - Only show posts under the categories of gallery.
  • Exclude terms of ct-testimonials-taxonomy taxonomy - None of the posts under the categories of gallery are shown.
  • Specify post tags - Only show posts with selected tags.
  • Keyword search - Show items with certain keyword.

Twitter

../_images/shortcodes35.png

This element lets you show the latest post on a twitter account set on this slider.

../_images/shortcodes36.png
-General Tab-
  • Title - Header title of the twitter posts.
  • Autoplay - Option to set the promo boxes to move by itself.
  • Dotted slider navigation - Option to use a dotted slider as navigation.
  • Display arrows in slider - Option to use an arrow slider as navigation.
  • Pause on hover when autoplay is on - Option to pause when hovering if autoplay is checked.
  • Adapt height of slider to current slide - Option to make slider adapt to changes of height.
-Slides Tab-
  • Slides to show - Number of slides to show.
  • Turn on fade - This option will show if the slides to show is set to 1.
  • Use center mode - This option will show if the slides to show is set to an odd number other than 1.
  • Slides to show on tablets - Number of slides to show on a tablet platform.
  • Slides to show on phablets - Number of slides to show on a phablet platform.
  • Slides to show on phones - Number of slides to show on a phone platform.
  • Set initial slide - Set the initial slider that moves.
  • Vertical slider - Option to make the slider vertical.
-Twitter-
  • Username - Twitter username
  • Customer key
  • Customer secret
  • Token
  • Token secret
  • Limit - Limit visible tweets.
  • Parse url
  • Parse media
  • Parse user id?
  • Parse hashtag?
  • Embed images?
  • Size of embeded images?
  • Tweet length limit
  • Cache results for X seconds - Cache Twitter feeds for better performance.

Note

The information how to generate twitter keys and tokens can be found here.