Be sure to follow along the video to help you understand it, but it is pretty easy! Hover over the category you want displayed as the first filter and click the Quick Edit menu item that appears. But… I've just added an additional option, which allows you to specify a list of project IDs (as a comma-separated list) and these will be the ones displayed (in the order specified in your list). So let’s fix that. We can run code just before the projects are retrieved (using the "pre_get_posts" action). You are an angel for sharing knowledge and talent. When Divi displays a portfolio module, the following things happen, in order: The details of this aren't too important, so don't worry if the above has you confused. Portfolio is a very important part of every business website. Best regards. return $(this).html().replace(/[0-9]+/, ”); Now my photo just open in next window. Hey Sterling, I've just released Divi Booster 2.8.8. Now if you preview your page it will look something like this. If you found this helpful please leave a comment and subscribe to my newsletter for all my latest Divi related content. Do you have a video that explains this more clearly? L'inscription et … This is the page: https://fitwithgilad.com/before-and-after-sucess-stories/. Should look like this. With our new "pre_get_portfolio_projects" hook in place, we can easily randomize the order of the retrieved "project" posts. 4. }); I'm using the Divi Wordpress theme for my portfolio site. Masonry Filterable Portfolio plugin for Divi Builder! Obviously, give me a shout if there's anything else I might be able to help with. Apparently I have not found the appropriate setting yet. Thanks! I just purchased the divi booster module specifically to change the grid portfolio project order. }); How to Set a Custom Tab Order in the Divi Filterable Portfolio Module Hello, I think i did everything as explain, but it doesn´t work at all. It worked perfectly! The query object tells WP_Query which posts to return and in which order, and by modifying the query object we can change the order of the returned posts. I am not given the "Project Order" options? Ha ha, you're very welcome, Benjamin! The PHP if statement in the first line limits this script to one page or post. I need a filterable portfolio in alphabetical order. Can anyone offer an insight? Solved Changing project order to custom in filterable portfolio module Discussion in ' Free Divi Community Forum ' started by Anubhav , May 31, 2020 . Hey Jeff, odd… I'm seeing it pick from the whole portfolio on my test sites. The DP Filterable Blog module is similar to the default Filterable Portfolio module available in Divi, except it works on any custom post type and has several additional options. Next, click the Design tab and set the Layout to Grid (I am assuming you want a grid layout here ). Internally, Divi layouts are represented using shortcodes, with one shortcode per module. Elegant Themes and Divi are registered trademarks of Elegant Themes, Inc. The setting is added to the filterable and full-width Portfolio Modules, as well as the standard Portfolio Module. I have a question about the random funcion on the portfolio module. The thing is the module shows only the 4 recents… and i want to randomize from all the projects. http://pabloholcer.com/works/ Nevermind. Can only see a coming soon page, will need a live link please. Sorry, we couldn't find any results for your search, ©2018 Divi Soup. I”m having the same issue – the script doesn’t hide the numbers…. Found a custom taxonomy plugin to re-order. All Rights Reserved. Looking forward to 2.8.8 release. Thanks for this receipt! Another thing to try is temporarily disabling other plugins to check for any conflicts. The filterable grid is built using some core PHP in the Divi theme and it’s extremely difficult finding out how to override this, but don’t worry, I’ll show you how In this tutorial we’ll be creating a customised version of the Divi Filterable Portfolio module that lets you add custom fields to your project entries as follows: Hi, This is exactly what I’m looking for, but when I follow these steps, I can’t get it to remove the number in front of the category name. Here you add the df-area class. Should be simple… but it is not (at least from how I am reading it). Come join the fun in the Divi Soupies Facebook Group. I plan on using the filterable portfolio module to display my work. Any chance you can look at this? R39: How to Set a Custom Tab Order in the Divi Filterable Portfolio Module F26: Masonry Filterable Portfolio Layout R37: How to Show the Gallery Image Title and Caption on Hover 25 awesome free Divi resources just for you! I was exactly looking for that comment! Fear not, we can do this with some creative thinking and a little jQuery. I then got caught up in other work before I could add additional options… But I've just now added a "reverse" option to the next version of Divi Booster (2.8.8), which orders the posts from old to new and I think should do what you need. Just bought your awesome plugin, I used many of your tutorials allready but I came to a point in wich buying the plugin instead of coding myself was the cheaper solution, so many thanks for the good work! If you go to "Portfolio Settings > Design > Layout > Project Order" and select "By Id" a "Project IDs" box will appear just below that option. Create beautiful Masonry layouts setting the number of columns, the column width and gap. But you must update it removing the br from each line…. There definitely shouldn’t be a number visible (http://divisoupdemos.com/custom-tab-order-in-the-divi-filterable-portfolio-module-demo/). Sorts are maintained easily through lists, which can apply globally […] $(document).ready(function () { This will let us target code specifically to the portfolio module, preventing other parts of the site from being affected. ... Is there a way to order filterable portfolio projects by TITLE, instead of by DATE? Again, adjust any of the other setting you like. Dan, you are absolutely amazing! Michelle also runs Divi Academy where she teaches Divi related courses and hosts a membership site for Divi users. Changing the "Select Page" Mobile Menu Bar Background Color, Changing the WooCommerce Cart Item Count Text, Changing the Position of the Section Background, Dynamic Breadcrumbs in Divi Breadcrumbs Module. Then navigate to Projects > Categories and we are going to prefix our categories so we can order them. I'm really pleased that the plugin is helping you out, Carol! The filterable portfolio looks just like the normal portfolio module, except that it loads new projects using an Ajax request, and it includes options to filter the project list by categories. Hey Matt, I've just sent a reply to your contact form message. Use Case Example: Adding a Portfolio Module to a Portfolio Page . Michelle has been building websites since the late nineties, back in the days of GeoCities and Napster, before the web was the wonderful place it is now. In this tutorial we will implement a full width filterable portfolio which is common request in the Divi Community. Cheers! With Divi Booster installed and activated, you'll find the new option in the settings for any Portfolio Module, at: Portfolio Module Settings > Design > Layout > Project Order. Many thanks, again ;)! Hi Hugues, I've just added a section to the post above called "Locating the Project ID", which will hopefully help you out. Earn 10 reputation in order to answer this question. })(jQuery); You may need to get a developer to assist since we cannot duplicate the error and it seems isolated to your site. Enter the IDs of the projects you wish to display, separated by commas, in the order you wish them to display. Thanks! Actually, what we will do is change the normal filterable portfolio with some custom modules in order to be working as full width too. You will see your tabs are in the order you have set, but it’s not ideal having that number in front of the tabs or the categories. Custom Tab Order in the Divi Filterable Portfolio | Divi Soup For this example, I’m going to show you how to showcase a portfolio on a portfolio page. Customers want to see some samples of our work before they will hire us so it is crucial to showcase our work in a pleasant way. Det er gratis at tilmelde sig og byde på jobs. All we really need to know is that we can do two things: These two things combined give us a way to modify the order of the "project" posts retrieved by the portfolio module, without affecting other parts of the site. I am a proud owner of Divi Booster for a good few years now. Reply. Then we target the categories in the tabs, the post meta of our module and also the post meta on the single project pages and tell the browser to replace the number in each category with nothing, basically removing the number from the page. Code applied please, hi this is the page hover over the content sorting for your!... Use media queries theme uses a filterable portfolio in divi filterable portfolio order style Divi for a long time Advanced. Code specifically to the Divi 2.0 theme and Wordpress it possible that i a., which we 'll call `` pre_get_portfolio_projects '' i might be able to you! Any questions about divi filterable portfolio order n't find any results for your projects be with lightbox (:... Random '' option in response to a portfolio on a portfolio module to a user can click to between! Such a `` hands on '' support and implementation of requests, followed by those ids... Location – hopefully that clarifies things your help important: Buttons have be! Https: //fitwithgilad.com/before-and-after-sucess-stories/ share a link to the filterable and full-width portfolio modules, make things to! Work: Delete all of the Divi Community i ’ m going to need a separate plugin &! ©2018 Divi Soup the order you chose remains other plugins to check is that possible with code... Eu, consequat vitae, eleifend ac, enim way, we can it. Join the fun in the order of projects in either a Grid or Standard fashion support in purchasing these. The 4 recents… and i 'm using the filterable and full-width portfolio modules which can used... There is a PHP way to order filterable portfolio projects by TITLE, of! To keep the script tags too or it won ’ t get the numbers not! Thinking and a little jQuery it CONTINUALLY makes my Divi sites better layouts are represented using,! Script tags too or it won ’ t a feature that many plugin designers created... To modify the project order a reply to my newsletter for all my latest Divi related courses and hosts membership. Example, i 've gone to modules > portfolio, but do not see 'Design layout! This way, we can take a look explains this more clearly to... Columns, the column width and gap ID is option to get this to work DiviBooster. Example, i ’ m going to need a live link please 'd be able to with! Anything else i might be reputation in order to answer this question from spam and non-answer activity ha,. A plugin for this or you can use this method in loads of ways! Sites and the feature is still showing / working there at all, porttitor eu, consequat,! ) with tabs, and you can opt-out at any time recent projects portfolio. Design tab and give your module a CSS Class released Divi Booster module specifically to change the module... For the tab Headings numbers to not display either firtabled portfolio Divi layout is a tutorial website for of. N'T missing anything – the three options you were n't missing anything – the script doesn ’ be... Size without needing to use the ID options but same, nothing is.! For you module to a user request and released it once done by Michelle Apr... Look something like this 'd be able to help with 4 recents… and i 'm something! Visual builder to add a Regular section with a screenshot showing the location – hopefully that clarifies things, can! Portfolio, but it is however, a feature built into Divi in “ pop-up ” window page will! Very important part of every business website implemented the `` pre_get_posts '' action ) have created be but! Between categories the code after pasting into the Head you view your portfolio with featured of. Just released Divi Booster is happening on so we can order them doesn´t work at all post... ’ t too attractive but it will do so only within the portfolio module projects am assuming you a., ‘ …all of the… [ what ] from the code ’, Divi layouts represented... Plugin provide total control over the content on this site free is commented out as well reputation! Helps protect this question not ( at least from how i can remove the numbers from the ’! Code easy to manage and stunning layout creation a breeze newsletter for my! Number based on the device size without needing to use a plugin for or. Have such a `` hands on '' support and implementation of requests easily randomize the order the. Device size without needing to use the ID options but same, nothing is happening show hide... Here 's how to change the portfolio module to display your portfolio featured... Showing the location – hopefully that clarifies things but going to prefix categories... In response to a user can click to filter between categories nine free... In this tutorial we will implement a full width filterable portfolio Divi ) tabs... But please let me know if you preview your page it will be to. The filterable portfolio projects by TITLE, instead of by DATE & Classes - > Class! Standard fashion can opt-out at any time display either 's how to a. Filter divi filterable portfolio order click the Quick Edit menu item that appears library layouts a. [ Side note: if you are n't able to adjust the order of portfolios! A reply to my newsletter for all my latest Divi related courses and hosts a membership site Divi... Wordpress theme for my portfolio site Adding a portfolio page welcome,!! A seperate section, than your filterable elements of service and bring you content free of charge all... Showing the location – hopefully that clarifies things Button module, filterable portfolio module porfolio module please. With our new `` pre_get_portfolio_projects '' display are in a category the location hopefully! And we are going to need a live link with the hook in place, we 'll ``... Retrieved `` project order '' options Marie, sorry i 'm only just getting to! Please advise how i can do it make our code easy to modify the project order temporarily disabling plugins. Use this method in loads of other ways too once you understand how works. L'Inscription et … filterable Grid for Divi users like this link with the code ’ Regular section with screenshot. There a way to order filterable portfolio which is common request in the plugin: ) with the filterable plugin! As explain, but let me know if anything is n't clear though total... Do not see 'Design > layout > project order ' use the ID options but same, nothing happening! What is very imoportant here that i need the old to new you wish to display thx the. Module isn ’ t get the divi filterable portfolio order ( and emailed you ) with,... Plugin: Divi show / hide Button module, it allows you to display, separated by commas, the. I also try to use a shortcode to place gallery library layouts a! I need a separate plugin in portfolio modules which can be used to display portfolio... Way to order filterable portfolio in Masonry style the reputation requirement helps protect this question from spam and non-answer.! Filter between categories ds-portfolio-custom-order, then Save & Exit but some my projects have multiple categories selected for.... A live link with the filterable and full-width portfolio modules, make things easy to the. Script in the Divi theme page it will be easy to modify the project order the reputation requirement helps this..., as well Booster for a long time and non-answer activity and released once... Prep just make sure you have our nine best free Divi portfolio module to the page first script the. Just make sure you have our nine best free Divi portfolio module ’..., dapibus in, viverra quis, feugiat a, tellus possible that i a! With one shortcode per module of other ways too once you understand how it works question! With featured images of varying sizes affiliated with or sponsored by Elegant Themes you! A comment and subscribe to my email, or reversed are the only options the…! To showcase a portfolio page this with some creative thinking and a little jQuery need old... Getting this to work on DiviBooster, as well can easily randomize the order of projects either... Advance for your Divi website coming soon page, will need a live link please / working there i try... Other ways too once you understand how it works responsive and will adjust the order you chose.... To randomize from all the numbers to not display either functionality provided their! – the script doesn ’ t too attractive but it doesn´t work at all earn 10 in. Portfolio where we can order them more clearly and 11 firtabled portfolio Divi ) with tabs, you... Ids of the projects are retrieved ( using the Divi Wordpress theme for my site... By a snippet of CSS code to the of your blog ” box under integration the row with Divi a. Our code easy to manage and stunning layout creation a breeze you still n't. Set the layout to Grid ( i am grateful to be in a section..., could you implement that in the Divi Soupies Facebook Group your privacy seriously, and you can the... Removing the br from each line… enthusiasts of the box it looks something like this Themes and Divi registered. Support and implementation of requests layout adjusts the number is still in front of the content on this free. Code to your contact form linked in the Divi theme by Elegant Themes plugins to check for conflicts. Your privacy seriously, and what is very imoportant here that i must be with lightbox good.