3.3 Portfolio details via shortcodes

WordPress shortcode element allows you to add any WordPress shortcode to your layout. Visual Composer Website Builder will execute and render this shortcode and display the result in Frontend editor and to your website visitors.

Adding a Shortcode

Adding a shortcode in the frontend editor is same as adding it in the backend:

1.  From the WPBakery Page Builder screen, click on the Add Element button.

frontend editor

2.  In the Add Element pop-up screen, search for some shortcode which you want to add and click on it to be added to the page.

3. When the shortcode is added, a new pop-up screen called Portfolio Sliders Settings opens. You can configure different aspects of the portfolio slider from the pop-up. Click on the Save Changes button.

4. In the top right corner of the page, click on the Update button to publish the changes to your website.

Portfolio With Animation shortcode
 Parameters:
Image original size  - There you can select the size of the images.
Select Categories - There you can select the categories, which will display on the page.
Order by - There you can select how to sort retrieved posts.
Sort order - There you can select ascending or descending order.
Count items - There you can select the count of the items, which will display on the page.
Text for a button - There you can select the text on the button
Linked to detail page - There you can enable the link to the detail page.
Background color  - There you can select the color of the background.
Change the first color for the bubble - There you can select the color of the bubble.

Button style for form - There you can select the style of the button.


Portfolio list shortcode
 Parent parameters:
Style - There you can select the style of this shortcode which you want to use on your site.
Enable parallax on mobile devices? - Here you can enable the option which allows displaying the parallax effect on the mobile device. 
Parallax showcase.
Image original size  - There you can select the size of the images.
Select Categories - There you can select the categories, which will display on the page.
Order by - There you can select how to sort retrieved posts.
Sort order - There you can select ascending or descending order.
Count items - There you can select the count of the products, which you want will display on the page.
Linked to Detail Page - Here you can enable the link to the detail page.
Open link in a new tab? - Here you can enable the option which allows opening the link in a new tab.
Custom link text - Here you can add the custom link text.
Custom link URL - Here you can add the custom link URL.
Distortion.
Image original size  - There you can select the size of the images.
Select Categories - There you can select the categories, which will display on the page.
Order by - There you can select how to sort retrieved posts.
Sort order - There you can select ascending or descending order.
Count items - There you can select the count of the products, which you want will display on the page.
Linked to Detail Page - Here you can enable the link to the detail page.

Open link in a new tab? - Here you can enable the option which allows opening the link in a new tab.


Portfolio Sliders shortcode
 Parent parameters:
Style.
Interactive links.
Image original size  - Here you can select the size of the images.
Select Categories - Here you can select the categories, which will display on the page.
Order by - Here you can select how to sort retrieved posts.
Sort order - Here you can select ascending or descending order.
Count items - Here you can select the count of the items, which you want will display on the page.
Linked to detail page - Here you can enable the option which allows opening the detail page.
Open link in a new tab? - Here you can enable the option, which will open the portfolio element in the new tab.
Interactive links with hover effect.
Image original size  - Here you can select the size of the images.
Select Categories - Here you can select the categories, which will display on the page.
Order by - Here you can select how to sort retrieved posts.
Sort order - Here you can select ascending or descending order.
Count items - Here you can select the count of the items, which you want will display on the page.
Linked to detail page - Here you can enable the option which allows opening the detail page.
Open link in a new tab? - Here you can enable the option, which will open the portfolio element in the new tab.
Full showcase slider.
Image original size  - Here you can select the size of the images.
Select Categories - Here you can select the categories, which will display on the page.
Order by - Here you can select how to sort retrieved posts.
Sort order - Here you can select ascending or descending order.
Count items - Here you can select the count of the items, which you want will display on the page.
Count slides - Here you can select the count of the slides.
Linked to detail page - Here you can enable the option which allows opening the detail page.

Open link in a new tab? - Here you can enable the option, which will open the portfolio element in the new tab.


Portfolio With Animation shortcode
 Parameters:
Image original size  - There you can select the size of the images.
Select Categories - There you can select the categories, which will display on the page.
Order by - There you can select how to sort retrieved posts.
Sort order - There you can select ascending or descending order.
Count items - There you can select the count of the items, which will display on the page.
Text for the button - There you can select the text on the button
Linked to detail page - There you can enable the link to the detail page.
Background color  - There you can select the color of the background.
Change the first color for the bubble - There you can select the color of the bubble.

Button style for form - There you can select the style of the button.