Hi! It’s not good idea to put portfolios into tabs and it may cause problems. The reason is that during plugin initialization portfolio grid should be visible so the code could get proper dimensions. If a tab with portfolio is not visible, dimensions will be wrong or 0 and plugin will break.

Thanks for your kind reply. I would like to ask, is there any other way to make this happen? I would like to have multiple portfolios separated by some sort where you can click.

Basically portfolio should be rendered (visible) before in can be initialized properly.. Not sure but you can try to call jquery trigger (‘resize’) on every tab switch to force it realign.

Thanks for question.

Conten of a viweport us loadede via AJAX and then is being inserted into grid. There is no way to speed up ajax part, but it’s possible to decrease animation times to show content in Viewport.

by default all thumbs are floated to the left. If we make them inline and will text-align container it’s possible to make fifth item be centered

Maybe there is another instance of fanybox plugin on your website and image has beens initialized twice creating a conflict. Please give me website URL and I will take a look. Thanks

Hi! I will reply in email. Thanks!

Okay, thank you. A different question now. Is there a possibilty to NOT show certain filters on a page? I mean, for instance, not show (f.e. display: none;) the third item in a list. Filter style is list. The li’s don’t have a class.So i can not select them with css.

(for example, i want to display:none the “Best Sellers Wallcovering” filter on this page: https://www.alphenberg.com/leather-flooring/ )

Do you have a sollution for this? Thank you in advance

Hi!

html for this filter is

<a href="#best-sellers-wallcovering" title="10 items">Best Sellers Wallcovering</a>

and you can use CSS attribute selector to set “display:none” for only this specific filter. It can be done with this style

.colio-filters a[href="#best-sellers-wallcovering"] {
 display:none;
}

Thank you! Does the trick!

Hi!

Checked your problem. You should remove “height: 100%;” from this style

html, body {
height: 100%;
min-height: 100%;
overflow-x: hidden;
}

in style.css because it adds another scrollbar.

Thank you so much for your reply, that solved the issue!

Hello!

First of all you should get rid of a check sign for LI items of a grid. To do this please open wp-content/plugins/colio/grid.css file and add this style

.colio-list li:before { display: none!important;}

Then I noticed that there is no wp-content/plugins/colio/init.js file in footer of you website. So when I click on “View Project” it does not work.

If possible please contact me privately using mail form on my profile page on codecanyon and give me WP admin login/pass.

Any updates?

Actually now it’s not even showing the groups. Any ideas as to why that may be?

Hello! Sorry for delay with reply. Yes, it’s possible to make certain filter active when page loads. But it requires to change some plugin files (init.js and colio.php).

Regarding why groups (filters) are not showing. Make sure that colio items have filter tags assigned. They are used to generate filters menu above item grid.

No I don’t plan this. There is a lot of plugins already that can add lazy loading to the grid and they can be integrated with colio

Hi again and thanks for reply. No need to lazy loading, I only aim to have an irregular grid with object having different width, something like this to have an idea:

Thanks anyway for the support!!!

No, it’s not possible to have items with different width. Sorry

Hi!

You should modify wp-content/plugins/colio/init.js file a bit

// PAGINATION

                var pagination = function(tag){

                    // check if pagination is enabled in configuration
                    if( !options.pagination ) { return; }

you can add additional check for screen width

if( !options.pagination || $(window).width() > 768 ) { return; }

this will only show pagination if it’s enabled in configuration and screen width is greater than 768px.

Thanks!

I recommend using my plugin’s action hooks/filters to customize it. Please check “6. Advanced Usage” section in plugin documentation.

Regrading ACF plugin. There is get_field (https://www.advancedcustomfields.com/resources/get_field/) method to get value save in some filed.

Hi! No there is no such feature, but you can use ACF plugin to add extra field to Colio Item and change the code to link featured image to external URL – file to modify is wp-content/plugins/colio/colio.php

i have an other question too: when i add html styles to captions these styles or tgas (like or ) are deleted and do not appear: is there a way to solve this? Thanks again

I solved this second point, deleting ‘strip tags’ in code, so remains only the first point about tabs, thanks

Hello!

you don’y have jQuery(’.tabs .tabs-label’) element. You have ui-tabs, ui-tabs-nav etc.. Use firebug or web inspector and check what markup you have, then adapt my code with the elements you have in document

Hi!

I think it’s possible, but it requires some changes in plugin code. I can do this as custom work (paid). If you are interested please contact me using mail form on my profile page.

Hm. Could you clarify this problem a bit, because I don’t quite understand where you get this.

Layout Type is on Colio Item edit page or you mean Grid Layout type in Colio -> [portfolio] -> Settings page?

Hi!

Grid Layout setting was added in v1.5. So make sure you have this version or above.

> sometimes i end up with an empty gap where a tile should be?

I checked your portfolio but see no issues with it. Could you tell me where do you see this empty gap – in grid or in item details? Also, how this can be reproduced?

I am using Chrome on Windows and see this? But IE is fine.

Please try this. Open wp-content/plugins/colio/grid.css file and find this line

.colio-grid4 .colio-list > li { width: 25%; }

and change to this

.colio-grid4 .colio-list > li { width: 24%; }

I see, but by design filters menu should disappear when you open item details. So it won’t be available until you close item.

You have this style that breaks this functionality

ul.colio-filters {

    visibility: visible !important;

    opacity: 1 !important;

}

I see. I have removed that code and it behaves as you describe. Is there any way to set it so the filters remain visible and any open project closes automatically if a filter button is clicked?

To make this possible you should modify code in wp-content/plugins/colio/init.js

- remove code that shows/hides filters
- use Colio API method collapse() to hide active viewport

jQuery('#colio_portfolio .colio-list').data('colio').collapse()

when filter link is clicked

Hi! What version of Colio Wordpress plugin do you have?

Hi!

JS code to do this may look like so (haven’t tested it)

jQuery(window).load(function(){
var url = location.href;
var filter = url.match(/\?filter=(\w+)/);
if(filter) {
  var tag = filter[1];
 jQuery('.colio-filters a[href^=#' + tag+']').trigger('click');
 }
});

URL of a link to open certain filter should contain param ?filter=some_filter like

where word some_filter should match a filter tag slug in WP admin that should open on page load.

Thank you. I tried this code, sometimes its work perfect and then at other times the items from all filters will shown. This situation is the same if the code is in the header or footer of the page. Maybe you can have a look on it. https://goo.gl/fx1fiI

I checked your site and when I open URL like that http://www.moprojects.de/erfolge/?filter=residential only 3 items for this filter are shown.