Portfolio not showing after filter Our Work section

[murilocorreia]

Hi, maybe you guys can help me in two things.
I’m using this theme https://portotheme.com/html/porto/8.0.0/demo-digital-agency-2.html Digital Agency 2 Light.

I came here to find out how to do this:

Portfolio

And it works for me as well, thank you.

But after the filter option the portfolio just disappeared. I want to add the ‘portfolio-grid-full-width’ below the Our Work section.

Basically I want to add this to the homepage.
https://preview.themeforest.net/item/porto-responsive-html5-template/full_screen_preview/4106987 If I remove the filtering solution from the other topic the portfolio comes back again.

Is there a way to keep the filtering and the portfolio?

The other thing is the gradient circular effect on the slider from the demo page. The version we currently have for download does not come with this change and I really liked the effect. How can I add it?

Thanks in advance.
Best Regards.

Murilo.

---

Template Version: 8.0

[Support]

Hello Murilo, first thanks for your purchase.

1) Regarding portfolio filters conflict: To use multiple “sort” (data-plugin-sort) in the same page you first you should define different ID for each “sort” plugin. For it you should define different ID’s trough attribute data-sort-id:

// Default Demo Agency 2 sort plugin - Filter/Links
<ul class="list-unstyled sort-source" data-sort-id="portfolio" data-option-key="filter" data-plugin-options="{'filter': '.ui-design'}">......</ul>

// Default Demo Agency 2 sort plugin - Sort Destination
<div class="sort-destination w-100" data-sort-id="portfolio">.....</div>

// Portfolio gallery you wish to add in the demo - Filter/Links
<ul class="nav nav-pills sort-source sort-source-style-3 justify-content-center" data-sort-id="portfolio2" data-option-key="filter" data-plugin-options="{'layoutMode': 'fitRows', 'filter': '*', 'useHash': false}">....</div>

// Portfolio gallery you wish to add in the demo - Sort destination
<div class="row portfolio-list sort-destination" data-sort-id="portfolio2">......</div>

* Note that I also defined 'useHash': false in the sort plugin options. This is needed when using multiple sort plugins in the same page to avoid conflict.

2) Regarding background with circular effect: The effect is attached to image background. We not include images in the template files due to copyright issues. We use premium images in our preview and we can not redistribute them. You can find the image here:
http://preview.oklerthemes.com/porto/8.0.0/img/demos/digital-agency-2/bg/bg-1.jpg

But note that if you have plans to use that image in your website, you should buy the license. If you need the link to purchase that image let us know and we can send for you.

We hope this helps!

Let us know if you need further assistance.

Kind Regards,

Rodrigo.

---

If you are satisfied with Porto HTML and our support, please leave your comment and rating on ThemeForest downloads page. That helps us a lot: https://themeforest.net/downloads

---

[Author]

Posts