Portfolio / Gallery
Step 1. Create “Single Portfolio”
Start with creating categories Portfolio -> Categories. To create a single portfolio post, go to Portfolio -> Add Portfolio, fill in the details (title, featured image) and choose styles for it. All settings you can see at the bottom of page.
Single Portfolio Settings:
- Select navigation – change navigation for this page or use default style.
- Upload image for intro section – if you don’t upload image but intro section is turn on (Theme Settings -> Default page settings -> Page intro section), featured image will appear above single portfolio content.
- Portfolio style – you have a choice of content view one of 3 template styles (fullwidth gallery, large gallery, small gallery) or create a page with Visual Composer builder (blank).
Note: Other settings not applicable for Portfolio style -> Blank - Add Gallery – upload images to your portfolio post
- Gallery view – assign one of 4 gallery view (Images, Slider, Grid, Masonry)
- Gallery position – if you chose portfolio style “large gallery” or “fullwidth gallery”, you can add gallery under or below content
- Portfolio text – add content to portfolio
- Add attributes – additional information below text eg. date of photos
- Back to page – page will be loaded after click in link
Portfolio Settings (for Visual Composer) – change settings to achieve the look of portfolio elements you want.
- Grid size – option is available only for type masonry and masonry layout “from elements” in Vino Portfolio Masonry. Assign one of 4 sizes (small square, tall rectangle, wide rectangle, large rectangle).
- Custom link – add link to page which will be opened after click in portfolio item. Option is available only for “Open portfolio -> in portfolio page”.
- Background color for slide – select background color to different colors on each slides for split slider element (Vino Portfolio Split Slider).
- Text color for slide – select color for split slider element (Vino Portfolio Split Slider).
- Image opacity – select opacity for image on split slider element (Vino Portfolio Split Slider).
Step 2. Create “Portfolio” page
From your site WP dashboard, add a new page, assign one of portfolio VC element to it. We have 4 elements (3 portfolio elements and 1 single portfolio element), each presenting different looks.
- Vino Portfolio
- Vino Portfolio Carousel
- Vino Portfolio Split Slider
- Vino Single Portfolio Item
You can create multiple portfolio pages.
Step 3. “Portfolio” settings overview
Vino Portfolio
Grid 3 columns
Options in Portfolio element:
- Select query criteria (categories or posts) – choose which of portfolios will be shown in element.
- Show filters and filters position – lets you decide if filter should be shown and there’s position.
- Posts per page – lets you define number of items per page
- Select type – we created 19 types of portfolio. You have 4 main styles (Grid, Masonry,
Masonry scattered, Pinterest, Parallax) with different number of columns. - Select style – select where you want to show title and categories (on hover or below images). Assign one of 4 hover types to portfolio: text on hover (small), text on hover (large), text follows cursor, text below portfolio item.
- Select header size
- Open portfolio – decide how portfolio images will be shown.
- Show spacing between elements – lets you decide if any space should be present between elements
- Colors & Button – change settings to achieve the look you want.
Vino Portfolio Carousel
Options in Portfolio Carousel:
- Select query criteria (categories or posts) – choose which of portfolios will be shown in element.
- Posts per page – lets you define number of items per page
- Image size – enter image size: “thumbnail”, “medium”, “large”, “full”, “vino-vertical-slide” (810×1080), “vino-square” (800×800). Alternatively enter size in pixels (Example: 200×100 (Width x Height)).
- Select style – select where you want to show title and categories (on hover or below images). Assign one of 4 hover types to portfolio: text on hover (small), text on hover (large), text follows cursor, text below portfolio item.
- Carousel height – select fullheight or add custom height.
- Select header size
- Open portfolio – decide how portfolio images will be shown.
- Show arrows – decide if portfolio carousel should contain arrows
- Show pagination – decide if portfolio carousel should contain pagination
- Mouse wheel control – decide if slides should change on mouse wheel function
- Autoplay – decide if autoplay should be active.
- Color – change colors to achieve the look you want.
Vino Portfolio Split Slider
Options in Portfolio Split Splider:
- Select query criteria (categories or posts) – choose which of portfolios will be shown in element.
- How many posts to display – set “-1” to display all posts
- Autoplay – decide if autoplay should be active.
- Select links size
- Show arrows – decide if portfolio should contain arrows
- Show pagination – decide if portfolio should contain pagination
- Mouse wheel – decide if slide should change on mouse wheel function
- Show categories – decide if portfolio should contain categories
- Show button – decide if portfolio should contain “See project” button
Vino Single Portfolio Item
Options in Single Portfolio Item:
- Insert portfolio ID – ID you can find in 5th column in Portfolio (image below).
- Select header size
- Open portfolio – decide how portfolio images will be shown.
- Select style – select where you want to show title and categories (on hover or below images). Assign one of 4 hover types to portfolio: text on hover (small), text on hover (large), text follows cursor, text below portfolio item.
- Color – change colors to achieve the look you want.