Portfolio Shortcodes

Exspecto Page Builder gives you possibility to display Portfolio items on any by content Page with help of shortcodes.
Page Builder offers such shortcodes:

  1. Portfolio item
    1. To insert Portfolio item
      1. Open Page
      2. Enable Page Builder or check if it is already enabled
      3. Click ‘+ Add Element Button’
      4. Chose Portfolio item shortcode with click (1). After this element will be added to Page and will be opened Portfolio element Options.Screenshot_195
      5. In options you should select Portfolio Post. Select Category (2) , after select a Portfolio post (3). Select Portfolio element layout (4) and Portfolio element Image Thumbnail (5), Image hover effect (6). You can also add animation that will appear on window scroll (7). And you can add additional class (8) that will help you to work with style customizer and CSS editor, it will help you to identify current Portfolio Post.Screenshot_196 Screenshot_197 Screenshot_198
  2. Portfolio slider
    1. Open Page
    2. Enable Page Builder or check if it is already enabled
    3. Click ‘+ Add Element Button’
    4. Chose Portfolio slider shortcode with click (9). After this element will be added to Page and will be opened Portfolio element Options.Screenshot_199
    5. In options you should add Animation duration(10) and Automatic slididng(11).
    6. Select Portfolio Category (12) 
    7. Enter Portfolio amount (13) and offset position (14)
    8. Enable or disable Backward-Forward buttons (15)
    9. Select Portfolio element design (16) and Image Thumbnail (17), Image Hover effect (18)
    10. You can also add animation that will appear on window scroll (19). And you can add additional class (20) that will help you to work with style customizer and CSS editor, it will help you to identify current Portfolio item.
      Screenshot_200Screenshot_201Screenshot_202Screenshot_203
  3.  Portfolio Grid
    1. Open Page
    2. Enable Page Builder or check if it is already enabled
    3. Click ‘+ Add Element Button’
    4. Chose Portfolio Grid shortcode with click (21). After this element will be added to Page and will be opened Portfolio element Options.Screenshot_204
    5. Select Portfolio Category (22).
    6. Offset position (23)
    7. Select Column amount (24)
    8. Enable or disable pagination (25) 
    9. Enter Post per Page amount (26)
    10. Enable or disable Sorting Buttons (27) and Portfolio items design (28), Image Hover effect (29) Image Hover effect (30)
    11. You can also add animation that will appear on window scroll (31). And you can add additional class (32) that will help you to work with style customizer and CSS editor, it will help you to identify current Portfolio item.
      Screenshot_205Screenshot_206 Screenshot_207 Screenshot_208
  4. Masonry Portfolio
    1. Open Page
    2. Enable Page Builder or check if it is already enabled
    3. Click ‘+ Add Element Button’
      Screenshot_209
    4. Chose Masonry Portfolio shortcode with click (33). After this element will be added to Page and will be opened Portfolio element Options.
    5. Select Portfolio Category (34).
    6. Enter Portfolio amount (35) and offset position (36)
    7. Enable and disable Load More Button (37)
    8. You can also add animation that will appear on window scroll (38). And you can add additional class (39) that will help you to work with style customizer and CSS editor, it will help you to identify current Portfolio item.
      Screenshot_210 Screenshot_211
Contact Us