{"id":51214,"date":"2015-07-31T02:31:37","date_gmt":"2015-07-31T06:31:37","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=51214"},"modified":"2017-09-07T05:14:44","modified_gmt":"2017-09-07T09:14:44","slug":"cherryframework-4-cherry-portfolio-options-overview","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/cherryframework-4-cherry-portfolio-options-overview.html","title":{"rendered":"CherryFramework 4. Cherry Portfolio options overview"},"content":{"rendered":"<p>\r\n<p>Hello! This tutorial is going to show you how to work with <strong>Cherry Portfolio<\/strong> options in templates based on <strong>Cherry Framework 4<\/strong>.<\/p>\r\n<p><a href=\"http:\/\/www.youtube.com\/watch?v=ZcGCvN28fxU?width=1280&amp;height=720\" rel=\"prettyPhoto\">CherryFramework 4. Cherry Portfolio options overview<\/a><\/p>\r\n<div class=\"inline-banner\">\r\n<a href=\"https:\/\/www.templatemonster.com\/service-center\/\">\r\n<img src=\"\/help\/files\/banners\/inline\/Banner-3-(835-x100).jpg\" \/>\r\n<\/a>\r\n<\/div>\r\n<p>Feel free to follow this instruction in order to manage portfolio pages layout: <\/p>\r\n<ol>\r\n<li>\r\n<p> Open site Dashboard and navigate to <strong>Cherry -> Options<\/strong>. Scroll down and press on <strong>Cherry Portfolio<\/strong> tab: <\/p>\r\n<p>\t<a href=\"\/help\/wp-content\/uploads\/2015\/07\/28.Wordpress.CherryFramework4.How_to_manage_Cherry_portfolio_options_1.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/07\/28.Wordpress.CherryFramework4.How_to_manage_Cherry_portfolio_options_1-300x120.png\" alt=\"28.Wordpress.CherryFramework4.How_to_manage_Cherry_portfolio_options_1\" width=\"300\" height=\"120\" class=\"aligncenter size-medium wp-image-51215\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/07\/28.Wordpress.CherryFramework4.How_to_manage_Cherry_portfolio_options_1-300x120.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/07\/28.Wordpress.CherryFramework4.How_to_manage_Cherry_portfolio_options_1-150x60.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/07\/28.Wordpress.CherryFramework4.How_to_manage_Cherry_portfolio_options_1-1024x409.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/07\/28.Wordpress.CherryFramework4.How_to_manage_Cherry_portfolio_options_1.png 1269w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<\/li>\r\n<li>\r\n<p>Select one of the layouts under <strong>Portfolio listing layout<\/strong>. This will let you make your page appear with <strong>masonry<\/strong>, <strong>grid<\/strong> or <strong>list<\/strong> layouts.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Choose portfolio <strong>pagination mode<\/strong> between default <strong>ajax pagination<\/strong> and <strong>&#8220;More&#8221; button<\/strong> mode when &#8220;more&#8221; button is displayed at the bottom of posts grid\/list.<\/p>\r\n<\/li>\r\n<li>\r\n<p> Select <strong>Loading animation<\/strong> for your posts. Effects will be seen on initial page loading and when you use top category\/tag filter.<\/p>\r\n<\/li>\r\n<li>\r\n<p>You may also choose <strong>posts images hover animation<\/strong> and specify <strong>Filter type<\/strong>  by posts tags or categories.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Next, you can select number of columns per page, number of posts displayed and distance between separate items (in pixels). <\/p>\r\n<\/li>\r\n<li>\r\n<p>You may also enable images cropping and set static width and height. <\/p>\r\n<\/li>\r\n<li>\r\n<p>The next option allows to set custom &#8216;Read more&#8217; button text for the &#8220;More&#8221; button pagination mode.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Below you may find list of options for page templates changing.  <\/p>\r\n<\/li>\r\n<\/ol>\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n<p><a href=\"http:\/\/www.youtube.com\/watch?v=ZcGCvN28fxU?width=1280&amp;height=720\" rel=\"prettyPhoto\">CherryFramework 4. Cherry Portfolio options overview<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>This tutorial is going to show you how to work with <strong>Cherry Portfolio<\/strong> options in templates based on <strong>Cherry Framework 4<\/strong>.<\/p>\n","protected":false},"author":59,"featured_media":51218,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[2017,728],"tags":[2012,898,1050],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/51214"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/59"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=51214"}],"version-history":[{"count":1,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/51214\/revisions"}],"predecessor-version":[{"id":83094,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/51214\/revisions\/83094"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/51218"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=51214"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=51214"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=51214"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}