Okay
  Public Ticket #2277268
Portfolio Category Template Page
Closed

Comments

  • boblibob started the conversation

    I made changes to the original portfolio demo page but looking at a portfolio category page it has the look as the original demo page without my changes.

    You would expect that your portfolio category  page uses same template as the portfolio page.

    How is this related? Why does it not look like the portfolio page and if not how to use same as the portfolio page?

    Thanks!

  •  675
    Neuron replied

    Hi,

    Unfortunately the category pages cannot be fully edited, there are few options that can change hero and breadcrumb, but not more.

    We're planning few more options to add in the future for categories, but can't give any exact date, sorry.

    If you want some specific changes about styling, I can help you with that via child themes or Custom CSS.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • boblibob replied

    I made some cosmetic changes to the main portfolio page so preferable I want the portfolio category page look the same. And there are some not so good things on the default category page like meta text not internal centered and it seems its not same thumbnail image sizes coz rectangular images are not cropped as square as the portfolio page. So the layout looks more justified.

    I could solve it with a copy of the main page and then change the query of what portfolio items that will show. Selecting just one category it will act like a category page.

    So far so good. But the meta links on the main portfolio page will link to the default portfolio category page. So it will be a mess with different page designs.

    Is there a way to set the meta category link to  any page or it would be good if you could link one category to one page or a page to a category? Just use the page slug like domain.com/graphic-design.

    Let me know if its unclear.

    Thanks!

  •  675
    Neuron replied

    Hi,

    That sounds like a great solution, you can create pages which will work as categories, you need simply to select that category on the query and it will basically work on the same way as the category page.

    There's an amazing plugin where you'll be able to add custom redirections to any page in your website.

    https://wordpress.org/plugins/redirection/

    Feel free to ask for anything you need.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • boblibob replied

    Great it worked!

    Thanks!

  •  675
    Neuron replied

    You're welcome anytime, feel free to ask for anything you need.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • Ervin replied

    Hi, 

    I had the exact same problem. And this solution worked for me too (thanks for that). But when I check these category pages, the filtering does not work - it shows all the projects. I need to click on the category again for the filter to work. Is there a way to make the filter active on page load? (Example: If the category name is "Branding", ideally I'd like to see just the projects containing a "Branding" tag, not all of them)...

  • boblibob replied

    Hi,

    I did this coz I wanted the category pages have same look and feel as the main page where I had changed the design. If you do not want to changed the design on the category pages you do not need to set it up like this.

    It works fine for me.
    You have to first set "Portfolio Category" on the portfolio pages.
    Portfolio > "Your portfolio" > Quick Edit > Portfolio Categories

    Then on the page acting as a portfolio category page you have the set the query in Elementor.
    Pages > "Your page" > Edit with Elementor > Edit posts > Query

    Also the menu have to be linked to the new category pages.

    And I also use a plugin to make a redirections for the meta links, the category links on the thumbnails. It have to be redirected to your category pages otherwise these links will go to the default theme category pages.

  •  675
    Neuron replied

    Hey Guys,

    Thank you very much for sharing, please let me know if you need something that I can assistsmile.png

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • Ervin replied

    Hi again, 

    I still need a little help as I couldn't get the answer I'm looking for. The problem is this:

    Currrently, my "Works" page looks like attachmet 1.

    When I click on the category link on the thumbnails, I go to the screen at attachment 2 (which still shows all the projects)

    But what I want to get is the screen at attachment 3.

    Basically I want the filter I clicked on to be active on the new page. So when I click on, say, exhibiton design; I just want to see the projects tagged as exhibition design.

    Hope this is possible.

    Thanks for your help.

    Best,

    Ervin.

  • boblibob replied

    Looks like its the standard theme pages so my previous description is not exactly related to this.

    Have you added your portfolio categories and set up the portfolio category on each portfolio item?

    Portfolio > Portfolio Categories
    Portfolio > "Your portfolio" > Quick Edit > Portfolio Categories

  •  675
    Neuron replied

    Hi Guys,

    Isotope won't do that natively, you have to find yourself a solution. Filter method from native API can help you, but you have to provide

    1) For example, if you want to filter elements that owns a class like "design"

    You could create a page that accepts a parameter named filter - for example: http://www.yourdomain.com/?filter=design

    2) You have to intercept the querystring from Javascript, using a simple function found here and store it in a querystringValue variable.

    var querystringValue = getParameterByName('filter');

    3) Once Isotope is loaded and ready - with all elements, each one holding its own filter class - you can use the filter method to filter by the querystring you received. I will presume $grid contains a reference to the grid object.

    $grid.isotope({ filter: querystringValue });

    How to implement script?

    1) Install the following plugin, it will allow you to add custom scripts.
    - https://wordpress.org/plugins/insert-headers-and-footers/

    2) Go to Settings > Insert Headers & Footers.

    3) Add the filters parameter.

    <script>
    jQuery(document).on('ready', function( $ ) {
        var $grid = jQuery('.masonry'),
            querystringValue = getParameterByName('filter');
        if (querystringValue) {
            $grid.isotope({ filter: querystringValue });
        }
    });
    </script>

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • boblibob replied

    I don't understand anything :-)
    I will leave the conversation.

    I have layout Isotope and it works with portfolio categories. For the meta links I did it with redirection.
    But I might be missing something what Ervin wants to achieve.

    And maybe better to make an own ticket for that topic.

    Thanks!

  • Ervin replied

    Thanks for all you contributions boblibob.

    I understood half of if :)) But will try to implement it and see the results. I will share it here if I succeed.

    All the best,

    Ervin.


  • boblibob replied

    I do not understand what you want to do.
    Having different portfolio categories isn't that default behavior of the theme?

    I just did some special solution coz I had changed the start page design and wanted the portfolio item page have same design.

    re-design.se

  •  675
    Neuron replied

    You'll be able to filter categories with URL, so your link will be as below:

    http://www.yourdomain.com/?filter=design

    So, you don't have to select in query the category Design, it will preselect via filters.

    Boblibob, this is addressed more for the Ervin question, because you are both right but simply your output is not the same that you're looking to achieve.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  •   boblibob replied privately
  •  675
    Neuron replied

    Of course, thank you very much for explainingsmile.png

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.