Portfolio system overview
The Portfolio system is available through our Sydney Toolbox plugin for both Sydney and Sydney Pro users.
You can create projects with our Portfolio custom post type (CPT) and use our aThemes: Portfolio widget to display them on your pages built with Elementor.
Projects created with our Portfolio custom post type will also be available to your website's visitors on archive pages. In addition, any type of widget or block that lets you use custom post types will work with our Portfolio CPT.
How to enable and configure the Portfolio custom post type
To enable the Portfolio custom post type, go to Appearance > Customize > Portfolio:
Find the Enable Portfolio toggle as shown on the screenshot above. Switch the toggle on and save your changes.
You can also customize your portfolio base slug (e.g. yoursite.com/portfolio) and the slug for the portfolio categories (e.g. yoursite.com/portfolio-cat/category-name).
If you now go to your admin area, you should notice a new Portfolio menu in the left sidebar:
If you have changed the slugs for your portfolio base or categories, you also need to flush your permalinks.
You can do so by going to Settings > Permalinks and clicking the Save Changes button without making any changes:
How to display your portfolio items with the custom Portfolio widget
Elementor users can take advantage of our aThemes: Portfolio widget to display their portfolio. To find it, edit your page and either search for "portfolio" or scroll down to the Sydney Elements section and find the widget.
Drag and drop it to the content area. If you have already created projects with our Portfolio custom post type, they will be automatically displayed.
You can add our Portfolio widget to posts, pages, and any of your custom post types.
Your portfolio archive will also be automatically displayed at yoursite.com/portfolio.
Portfolio widget overview
Remember that you need the Elementor page builder plugin to use our Portfolio widget.
1. Skins (requires Sydney Pro)
Pick between four different skins for your widget. Note that due to the way it is constructed, the Metro skin ignores the Columns setting.
2. Image size
This options lets you pick any of the image sizes registered on your website by your theme and plugins.
3. Columns & gap
Select the number of columns you want to show on different device types and control the gap (in pixels) between items, both vertically and horizontally.
As the gap control is responsive, you can select a different gap for each device type.
4. Show all text
You can use this option to configure the text of the link that shows all available projects when clicked.
5. Show filter
If you don't want to allow filtering, you can use this option to disable the filter.
6. Post type
You can pick any of the public post types that are available on your website and display them through the widget.
Once you choose the post type, a new option will show up and let you select the categories you want to show posts from.
7. Number of items
You can either set this option to -1 to display all your portfolio items or enter the exact number of items you want to show.
8. Content section
You can enable/disable different content elements (title, categories, excerpt, etc.) for your portfolio items.
9. Styling tab
You can customize the styling of the following widget elements:
- Filter: change the colors, typography, and alignment of the filter.
- Content: customize the color and typography of the title, categories, excerpt, and arrow.
- Overlay: customize the overlay color and choose an overlay effect (requires Sydney Pro).