Portfolio archive settings<\/span><\/h2>\nGroovy menu preset<\/h3>\n
Select the necessary menu created by Groovy menu plugin. This setting is general for portfolio archive (archive of portfolio, category, tags).<\/p>\n
\nHint: you can use custom presets of the menu for every page. To do this just change menu preset from “default” to the desired value in page meta and save the page.<\/p>\n<\/blockquote>\n
Sidebar position<\/h3>\n
This setting controls visibility and position of sidebar on the page.<\/p>\n
Available settings:<\/p>\n
\n- Hide the sidebar<\/li>\n
- on the right<\/li>\n
- on the left<\/li>\n<\/ul>\n
Additional options appear if you choose to display the sidebar on the left\/on the right:<\/p>\n
\n- Sidebar content – enables to select one of available bars. Sidebars are located on “
Appearance-> Widgets<\/strong><\/code>” page.<\/li>\n- Sidebar width – set the sidebar width<\/li>\n
- Page content width – set the page content width<\/li>\n<\/ul>\n
Content padding<\/h3>\n
Set upper\/lower content padding<\/p>\n
Portfolio style<\/h3>\n
Select one of portfolio styles matching your design:<\/p>\n
\n- flat
![\"style-flat\"](\"https:\/\/grooni.com\/docs\/crane\/wp-content\/uploads\/sites\/2\/2017\/06\/style-flat.jpeg\")
<\/a><\/li>\n- minimal
![\"style-minimal\"](\"https:\/\/grooni.com\/docs\/crane\/wp-content\/uploads\/sites\/2\/2017\/06\/style-minimal.jpeg\")
<\/a><\/li>\n- modern
![\"style-modern\"](\"https:\/\/grooni.com\/docs\/crane\/wp-content\/uploads\/sites\/2\/2017\/06\/style-modern.jpeg\")
<\/a><\/li>\n<\/ul>\nItems layout<\/h3>\n
Items layout in portfolio can be made in two ways:<\/p>\n
\n- masonry
![\"layout-masonry\"](\"https:\/\/grooni.com\/docs\/crane\/wp-content\/uploads\/sites\/2\/2017\/06\/layout-masonry.jpeg\")
<\/a><\/li>\n- grid
![\"layout-grid\"](\"https:\/\/grooni.com\/docs\/crane\/wp-content\/uploads\/sites\/2\/2017\/06\/layout-grid.jpeg\")
<\/a><\/li>\n<\/ul>\nThe key difference between them consists in the fact that “masonry” layout enables to set proportion for every item individually (in meta of portfolio post settings). In other respects both layouts have common options described below.<\/p>\n
Image proportion<\/h3>\n
Set proportion of the item image. The image is set in featured image of every portfolio post individually.<\/p>\n
Select one of the following proportions:<\/p>\n
\n- 4:3
![\"proportion-4x3\"](\"https:\/\/grooni.com\/docs\/crane\/wp-content\/uploads\/sites\/2\/2017\/06\/proportion-4x3.jpeg\")
<\/a><\/li>\n- 3:2
![\"proportion-3x2\"](\"https:\/\/grooni.com\/docs\/crane\/wp-content\/uploads\/sites\/2\/2017\/06\/proportion-3x2.jpeg\")
<\/a><\/li>\n- 16:9
![\"proportion-16x9\"](\"https:\/\/grooni.com\/docs\/crane\/wp-content\/uploads\/sites\/2\/2017\/06\/proportion-16x9.jpeg\")
<\/a><\/li>\n- 1:1
![\"proportion-1x1\"](\"https:\/\/grooni.com\/docs\/crane\/wp-content\/uploads\/sites\/2\/2017\/06\/proportion-1x1.jpeg\")
<\/a><\/li>\n- 3:4
![\"proportion-3x4\"](\"https:\/\/grooni.com\/docs\/crane\/wp-content\/uploads\/sites\/2\/2017\/06\/proportion-3x4.jpeg\")
<\/a><\/li>\n- 2:3
![\"proportion-2x3\"](\"https:\/\/grooni.com\/docs\/crane\/wp-content\/uploads\/sites\/2\/2017\/06\/proportion-2x3.jpeg\")
<\/a><\/li>\n- Original size (proportions will be maintained)
![\"proportion-original\"](\"https:\/\/grooni.com\/docs\/crane\/wp-content\/uploads\/sites\/2\/2017\/06\/proportion-original.jpeg\")
<\/a><\/li>\n<\/ul>\nImage height<\/h3>\n
Set the basic image height. This setting enables to cut off the image to reduce its size for upload to the page.<\/p>\n
Hover style<\/h3>\n
Select one of hover styles for the image:<\/p>\n
\n- Direction-aware hover
![\"direction-aware-hover\"](\"https:\/\/grooni.com\/docs\/crane\/wp-content\/uploads\/sites\/2\/2017\/06\/direction-aware-hover.gif\")
<\/a><\/li>\n- Overlay with zoom and link icons on hover
![\"overlay-with-zoom-and-link-icons-on-hover\"](\"https:\/\/grooni.com\/docs\/crane\/wp-content\/uploads\/sites\/2\/2017\/06\/overlay-with-zoom-and-link-icons-on-hover.gif\")
<\/a><\/li>\n- Zoom image on hover
![\"zoom-image-on-hover\"](\"https:\/\/grooni.com\/docs\/crane\/wp-content\/uploads\/sites\/2\/2017\/06\/zoom-image-on-hover.gif\")
<\/a><\/li>\n- Just link<\/li>\n
- Shuffle text link
![\"shuffle-text-link\"](\"https:\/\/grooni.com\/docs\/crane\/wp-content\/uploads\/sites\/2\/2017\/06\/shuffle-text-link.gif\")
<\/a><\/li>\n<\/ul>\nSpace between portfolio items<\/h3>\n
Set the space between portfolio items.<\/p>\n
Number of columns<\/h3>\n
Set the amount of columns in one row.<\/p>\n
Adaptive columns layout<\/h3>\n
Select resolution at which items will line up as 1 per row Amount of posts Set the amount of posts displayed at portfolio loading. If you set portfolio pagination then the amount of posts set in this setting will be displayed on every page. If you select pagination like \u201cShow more on click\u201d or \u201cInfinite scroll\u201d then the amount of posts set in this setting will be loaded upon click\/scroll.<\/p>\n
Show Portfolio item title<\/h3>\n
Put a tick if you want to display title in portfolio items.<\/p>\n
![\"show-portfolio-title\"](\"https:\/\/grooni.com\/docs\/crane\/wp-content\/uploads\/sites\/2\/2017\/06\/show-portfolio-title.jpeg\")
<\/a><\/p>\nShow categories<\/h3>\n
Put a tick for display of categories in portfolio items.<\/p>\n
![\"show-portfolio-cats\"](\"https:\/\/grooni.com\/docs\/crane\/wp-content\/uploads\/sites\/2\/2017\/06\/show-portfolio-cats.jpeg\")
<\/a><\/p>\nShow custom text from meta?<\/h3>\n
Put a tick for display of custom user text from portfolio meta entry.<\/p>\n
![\"show-portfolio-custom-text\"](\"https:\/\/grooni.com\/docs\/crane\/wp-content\/uploads\/sites\/2\/2017\/06\/show-portfolio-custom-text.jpeg\")
<\/a><\/p>\nShow Excerpt<\/h3>\n
Put a tick for display of excerpt from portfolio post. The text will be taken from “excerpt” field or, if “excerpt” field contains no text, from the text editor of portfolio post.<\/p>\n
If you put a tick additional field appears where you can set the height of displayed text block \u2013 \u201cExcerpt height\u201d.<\/p>\n
![\"show-portfolio-excerpt\"](\"https:\/\/grooni.com\/docs\/crane\/wp-content\/uploads\/sites\/2\/2017\/06\/show-portfolio-excerpt.jpeg\")
<\/a><\/p>\nPortfolio tags type<\/h3>\n
Select one of display variants for portfolio item tags:<\/p>\n
\n- display no tags<\/li>\n
- text tags
![\"portfolio-tag-style-text\"](\"https:\/\/grooni.com\/docs\/crane\/wp-content\/uploads\/sites\/2\/2017\/06\/portfolio-tag-style-text.jpeg\")
<\/a><\/li>\n- image tags
![\"portfolio-tag-style-img\"](\"https:\/\/grooni.com\/docs\/crane\/wp-content\/uploads\/sites\/2\/2017\/06\/portfolio-tag-style-img.jpeg\")
<\/a><\/li>\n<\/ul>\nShow filtering by category<\/h3>\n
Put a tick if want to display filtering by categories portfolio.<\/p>\n
![\"show-portfolio-filter-cats\"](\"https:\/\/grooni.com\/docs\/crane\/wp-content\/uploads\/sites\/2\/2017\/06\/show-portfolio-filter-cats.jpeg\")
<\/a><\/p>\nFiltering align<\/h3>\n
Set categories filter button align:<\/p>\n
\n- in the middle<\/li>\n
- on the left<\/li>\n
- on the right<\/li>\n<\/ul>\n
Filtering style<\/h3>\n
Select one of filtering styles:<\/p>\n
\n- by default<\/li>\n
- custom – if this option is selected custom colors can be set for\n
\n- filtering background<\/li>\n
- filtering button text<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n
Pagination type<\/h3>\n
Select one of pagination types<\/p>\n
\n- without pagination<\/li>\n
- load of items upon pressing \u201cLoad more\u201d button. The amount of items set in “Amount of posts” setting will be loaded. If there are fewer posts, then the available amount of posts will be loaded.<\/li>\n<\/ul>\n
The following options will be available if you select load of items upon pressing \u201cLoad more\u201d button:<\/p>\n
Pagination typography<\/h3>\n
The following options are available for pagination typography:<\/p>\n
\n- Font Family<\/li>\n
- Font Weight<\/li>\n
- Font Subset<\/li>\n
- Text Transform<\/li>\n
- Font Size<\/li>\n<\/ul>\n
Pagination button text color<\/h3>\n
Set pagination button text color.<\/p>\n
Pagination button background color<\/h3>\n
Set pagination button background color.<\/p>\n
Pagination button hover & active text color<\/h3>\n
Set pagination button hover & active text color.<\/p>\n
Pagination button hover & active background color<\/h3>\n
Set pagination button hover & active background color.<\/p>\n
Pagination button text<\/h3>\n
Set pagination button text<\/p>\n
Order by<\/h3>\n
Select ordering type. The following options are available:<\/p>\n
\n- by post date<\/li>\n
- by post id<\/li>\n
- by title<\/li>\n
- by number of comments<\/li>\n
- by author<\/li>\n
- randomly<\/li>\n<\/ul>\n
Order<\/h3>\n
Select descending or ascending ordering.<\/p>\n
Open on click in<\/h3>\n
Select action upon clicking portfolio item:<\/p>\n
\n- in a new window<\/li>\n
- in already open window<\/li>\n<\/ul>\n
Portfolio single post settings<\/h2>\nGroovy menu preset<\/h3>\n
Select a proper menu created by Groovy menu plugin. This setting is global for all pages of portfolio posts.<\/p>\n
\nHint: you can use custom menu presets for every page. To do this just switch menu preset from “default” to the necessary value in page meta and save the page.<\/p>\n<\/blockquote>\n
Sidebar position<\/h3>\n
This setting controls visibility and position of sidebar on the page.<\/p>\n
Available options:<\/p>\n
\n- Hide the sidebar<\/li>\n
- on the right<\/li>\n
- on the left<\/li>\n<\/ul>\n
The following additional options appear if you select sidebar position on the left\/on the right:<\/p>\n
\n- Bar contents – enables to select one of available bars. Sidebars are located at “
Appearance > Widgets<\/strong><\/code>” page<\/li>\n- Sidebar width – set the sidebar width<\/li>\n
- Page content width – set the page content width<\/li>\n<\/ul>\n
Content padding<\/h3>\n
Set upper\/lower content padding.<\/p>\n
The following settings controlling visibility of specific elements are available in \u201cmasonry\u201d layout:<\/h3>\n\n- Show portfolio navigation<\/li>\n
- Show portfolio title<\/li>\n
- Show border before portfolio meta data<\/li>\n
- Show portfolio tags<\/li>\n
- Show portfolio publication date<\/li>\n
- Show portfolio categories<\/li>\n
- Show \u201cshare\u201d button<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"
Portfolio general settings We have provided editing of path in url to make the path to portfolio display its contents. … Read more →<\/a><\/p>\n","protected":false},"author":4,"featured_media":0,"parent":522,"menu_order":60,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/grooni.com\/docs\/crane\/wp-json\/wp\/v2\/pages\/564"}],"collection":[{"href":"https:\/\/grooni.com\/docs\/crane\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/grooni.com\/docs\/crane\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/grooni.com\/docs\/crane\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/grooni.com\/docs\/crane\/wp-json\/wp\/v2\/comments?post=564"}],"version-history":[{"count":0,"href":"https:\/\/grooni.com\/docs\/crane\/wp-json\/wp\/v2\/pages\/564\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/grooni.com\/docs\/crane\/wp-json\/wp\/v2\/pages\/522"}],"wp:attachment":[{"href":"https:\/\/grooni.com\/docs\/crane\/wp-json\/wp\/v2\/media?parent=564"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
Hint: you can use custom presets of the menu for every page. To do this just change menu preset from “default” to the desired value in page meta and save the page.<\/p>\n<\/blockquote>\n
Sidebar position<\/h3>\n
This setting controls visibility and position of sidebar on the page.<\/p>\n
Available settings:<\/p>\n
- \n
- Hide the sidebar<\/li>\n
- on the right<\/li>\n
- on the left<\/li>\n<\/ul>\n
Additional options appear if you choose to display the sidebar on the left\/on the right:<\/p>\n
- \n
- Sidebar content – enables to select one of available bars. Sidebars are located on “
Appearance-> Widgets<\/strong><\/code>” page.<\/li>\n- Sidebar width – set the sidebar width<\/li>\n
- Page content width – set the page content width<\/li>\n<\/ul>\n
Content padding<\/h3>\n
Set upper\/lower content padding<\/p>\n
Portfolio style<\/h3>\n
Select one of portfolio styles matching your design:<\/p>\n
- \n
- flat<\/a><\/li>\n
- minimal
<\/a><\/li>\n- modern
<\/a><\/li>\n<\/ul>\nItems layout<\/h3>\n
Items layout in portfolio can be made in two ways:<\/p>\n
- \n
- masonry<\/a><\/li>\n
- grid
<\/a><\/li>\n<\/ul>\nThe key difference between them consists in the fact that “masonry” layout enables to set proportion for every item individually (in meta of portfolio post settings). In other respects both layouts have common options described below.<\/p>\n
Image proportion<\/h3>\n
Set proportion of the item image. The image is set in featured image of every portfolio post individually.<\/p>\n
Select one of the following proportions:<\/p>\n
- \n
- 4:3<\/a><\/li>\n
- 3:2
<\/a><\/li>\n- 16:9
<\/a><\/li>\n- 1:1
<\/a><\/li>\n- 3:4
<\/a><\/li>\n- 2:3
<\/a><\/li>\n- Original size (proportions will be maintained)
<\/a><\/li>\n<\/ul>\nImage height<\/h3>\n
Set the basic image height. This setting enables to cut off the image to reduce its size for upload to the page.<\/p>\n
Hover style<\/h3>\n
Select one of hover styles for the image:<\/p>\n
- \n
- Direction-aware hover<\/a><\/li>\n
- Overlay with zoom and link icons on hover
<\/a><\/li>\n- Zoom image on hover
<\/a><\/li>\n- Just link<\/li>\n
- Shuffle text link
<\/a><\/li>\n<\/ul>\nSpace between portfolio items<\/h3>\n
Set the space between portfolio items.<\/p>\n
Number of columns<\/h3>\n
Set the amount of columns in one row.<\/p>\n
Adaptive columns layout<\/h3>\n
Select resolution at which items will line up as 1 per row Amount of posts Set the amount of posts displayed at portfolio loading. If you set portfolio pagination then the amount of posts set in this setting will be displayed on every page. If you select pagination like \u201cShow more on click\u201d or \u201cInfinite scroll\u201d then the amount of posts set in this setting will be loaded upon click\/scroll.<\/p>\n
Show Portfolio item title<\/h3>\n
Put a tick if you want to display title in portfolio items.<\/p>\n
<\/a><\/p>\nShow categories<\/h3>\n
Put a tick for display of categories in portfolio items.<\/p>\n
<\/a><\/p>\nShow custom text from meta?<\/h3>\n
Put a tick for display of custom user text from portfolio meta entry.<\/p>\n
<\/a><\/p>\nShow Excerpt<\/h3>\n
Put a tick for display of excerpt from portfolio post. The text will be taken from “excerpt” field or, if “excerpt” field contains no text, from the text editor of portfolio post.<\/p>\n
If you put a tick additional field appears where you can set the height of displayed text block \u2013 \u201cExcerpt height\u201d.<\/p>\n
<\/a><\/p>\nPortfolio tags type<\/h3>\n
Select one of display variants for portfolio item tags:<\/p>\n
- \n
- display no tags<\/li>\n
- text tags<\/a><\/li>\n
- image tags
<\/a><\/li>\n<\/ul>\nShow filtering by category<\/h3>\n
Put a tick if want to display filtering by categories portfolio.<\/p>\n
<\/a><\/p>\nFiltering align<\/h3>\n
Set categories filter button align:<\/p>\n
- \n
- in the middle<\/li>\n
- on the left<\/li>\n
- on the right<\/li>\n<\/ul>\n
Filtering style<\/h3>\n
Select one of filtering styles:<\/p>\n
- \n
- by default<\/li>\n
- custom – if this option is selected custom colors can be set for\n
- \n
- filtering background<\/li>\n
- filtering button text<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n
Pagination type<\/h3>\n
Select one of pagination types<\/p>\n
- \n
- without pagination<\/li>\n
- load of items upon pressing \u201cLoad more\u201d button. The amount of items set in “Amount of posts” setting will be loaded. If there are fewer posts, then the available amount of posts will be loaded.<\/li>\n<\/ul>\n
The following options will be available if you select load of items upon pressing \u201cLoad more\u201d button:<\/p>\n
Pagination typography<\/h3>\n
The following options are available for pagination typography:<\/p>\n
- \n
- Font Family<\/li>\n
- Font Weight<\/li>\n
- Font Subset<\/li>\n
- Text Transform<\/li>\n
- Font Size<\/li>\n<\/ul>\n
Pagination button text color<\/h3>\n
Set pagination button text color.<\/p>\n
Pagination button background color<\/h3>\n
Set pagination button background color.<\/p>\n
Pagination button hover & active text color<\/h3>\n
Set pagination button hover & active text color.<\/p>\n
Pagination button hover & active background color<\/h3>\n
Set pagination button hover & active background color.<\/p>\n
Pagination button text<\/h3>\n
Set pagination button text<\/p>\n
Order by<\/h3>\n
Select ordering type. The following options are available:<\/p>\n
- \n
- by post date<\/li>\n
- by post id<\/li>\n
- by title<\/li>\n
- by number of comments<\/li>\n
- by author<\/li>\n
- randomly<\/li>\n<\/ul>\n
Order<\/h3>\n
Select descending or ascending ordering.<\/p>\n
Open on click in<\/h3>\n
Select action upon clicking portfolio item:<\/p>\n
- \n
- in a new window<\/li>\n
- in already open window<\/li>\n<\/ul>\n
Portfolio single post settings<\/h2>\n
Groovy menu preset<\/h3>\n
Select a proper menu created by Groovy menu plugin. This setting is global for all pages of portfolio posts.<\/p>\n
\n
Hint: you can use custom menu presets for every page. To do this just switch menu preset from “default” to the necessary value in page meta and save the page.<\/p>\n<\/blockquote>\n
Sidebar position<\/h3>\n
This setting controls visibility and position of sidebar on the page.<\/p>\n
Available options:<\/p>\n
- \n
- Hide the sidebar<\/li>\n
- on the right<\/li>\n
- on the left<\/li>\n<\/ul>\n
The following additional options appear if you select sidebar position on the left\/on the right:<\/p>\n
- \n
- Bar contents – enables to select one of available bars. Sidebars are located at “
Appearance > Widgets<\/strong><\/code>” page<\/li>\n- Sidebar width – set the sidebar width<\/li>\n
- Page content width – set the page content width<\/li>\n<\/ul>\n
Content padding<\/h3>\n
Set upper\/lower content padding.<\/p>\n
The following settings controlling visibility of specific elements are available in \u201cmasonry\u201d layout:<\/h3>\n
- \n
- Show portfolio navigation<\/li>\n
- Show portfolio title<\/li>\n
- Show border before portfolio meta data<\/li>\n
- Show portfolio tags<\/li>\n
- Show portfolio publication date<\/li>\n
- Show portfolio categories<\/li>\n
- Show \u201cshare\u201d button<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"
Portfolio general settings We have provided editing of path in url to make the path to portfolio display its contents. … Read more →<\/a><\/p>\n","protected":false},"author":4,"featured_media":0,"parent":522,"menu_order":60,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/grooni.com\/docs\/crane\/wp-json\/wp\/v2\/pages\/564"}],"collection":[{"href":"https:\/\/grooni.com\/docs\/crane\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/grooni.com\/docs\/crane\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/grooni.com\/docs\/crane\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/grooni.com\/docs\/crane\/wp-json\/wp\/v2\/comments?post=564"}],"version-history":[{"count":0,"href":"https:\/\/grooni.com\/docs\/crane\/wp-json\/wp\/v2\/pages\/564\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/grooni.com\/docs\/crane\/wp-json\/wp\/v2\/pages\/522"}],"wp:attachment":[{"href":"https:\/\/grooni.com\/docs\/crane\/wp-json\/wp\/v2\/media?parent=564"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
- Bar contents – enables to select one of available bars. Sidebars are located at “
- image tags
- Overlay with zoom and link icons on hover
- 3:2
- grid
- minimal
- Sidebar content – enables to select one of available bars. Sidebars are located on “