569 comments found.
I notice that each project has ‘colio’ in the URL. (ie. http://mainroad.ca/colio/products) Is there a way to change this to something else or remove?
Products load inside of viewport, so you won’t see this in URL unless you will try to view Colio Items by their direct URL. But this is not correct by designed.
Hi there- yes, I have it set up to view the items by their direct URL, outside of the viewport on their own page. Can this be changed/hidden?
In wp-content/plugins/colio/includes/post.php look for function that register “colio_item” post type. And here is this option
'rewrite' => array('slug' => 'colio'),
it makes urls look like /colio/item_name
Hello flGravity,
First of all congratulations for the outstanding work you’ve done regarding this plugin. I’ve used before (http://morningtrain.dk/cases) with ease being accompanied by a great documentation but unfortunately now when it comes to a new project of mine I am having difficulties with it. I’ve done the set up in the same manner but the expandable viewport with item details it not showing up. You can see the issue here -> http://scan.backuptrain.dk/cases When I inspected the elements on both website I’ve seen that the difference is regarding a missing div with the id “colio_viewport_cases” where the viewport should reside. I’ve tried different fixes, even prepand it using jQuery but with no success. I presume that it has something to do with the theme I am using? Maybe it conflict with the plugin code? I usually try everything I could without asking for support but I am out of ideas right now so please try to look into my issue and maybe you could help me with a solution.
Best regards, Marius
Thanks for using my plugin!! I checked your site and it looks like it does not load http://scan.backuptrain.dk/wp-content/plugins/colio/init.js script. Did you modify /wp-content/plugins/colio/colio.php?
Hi flGravity,
Thank you for your answer. I did not touch any php files of the plugin. I do have look through them, nothing more. What do you suggest to do in order to fix the javascript that is not loading? I will try meanwhile to upload and replace colio.php through ftp, maybe it will help.
EDIT: I’ve add the javascript code from jquery.isotope.min.js and init.js (in this particular order) to jquery.colio.min.js and it seems that it solved my problem. Still I am intrigued why the wp_enqueue_script function did not work on these 2 files. Thank you again for your support. If you find a prettier solution please keep me updated.
EDIT: I’ve add the javascript code from jquery.isotope.min.js and init.js (in this particular order) to jquery.colio.min.js and it seems that it solved my problem. Still I am intrigued why the wp_enqueue_script function did not work on these 2 files. Thank you again for your support. If you find a prettier solution please keep me updated.
EDIT: I’ve add the javascript code from jquery.isotope.min.js and init.js (in this particular order) to jquery.colio.min.js and it seems that it solved my problem. Still I am intrigued why the wp_enqueue_script function did not work on these 2 files. Thank you again for your support. If you find a prettier solution please keep me updated.
EDIT: I’ve add the javascript code from jquery.isotope.min.js and init.js (in this particular order) to jquery.colio.min.js and it seems that it solved my problem. Still I am intrigued why the wp_enqueue_script function did not work on these 2 files. Thank you again for your support. If you find a prettier solution please keep me updated.
EDIT: I’ve add the javascript code from jquery.isotope.min.js and init.js (in this particular order) to jquery.colio.min.js and it seems that it solved my problem. Still I am intrigued why the wp_enqueue_script function did not work on these 2 files. Thank you again for your support. If you find a prettier solution please keep me updated.
EDIT: I’ve add the javascript code from jquery.isotope.min.js and init.js (in this particular order) to jquery.colio.min.js and it seems that it solved my problem. Still I am intrigued why the wp_enqueue_script function did not work on these 2 files. Thank you again for your support. If you find a prettier solution please keep me updated.
make sure your theme calls
<?php wp_footer(); ?>in footer.php
Hi, I’m working on a theme that features Colio for portfolio filtering. I’m experiencing some problems tho:
I need to add two instances of colio on the same page. I know it can be done and modified the javascript accordingly. I get the two instances working but there are bugs: please be so kind to check out the page
http://new.drurydesign.com/home-alt/When you click one of the icons under “about us”, the first instance of Colio opens, but the navigation icons appear also on the second instance.
There’s more, as if you click on an instance from the second instane (under “work”) also the first instance changes and leaves a blank area.
And there’s one more problem: the second instance has filtering options, and when a filter gets applied it applies on the first instance as well
Please help me fixing this as my client is very late already.
Thanks in advance!
Hello!
I checked my plugin’s code, but every Colio instance on page operates in its own namespace, so it eliminates the possibility of interfering..
So there can be two reasons why it happens.
1) When I checked your site with html validator – https://validator.w3.org/ I found 116 errors and what I was looking for was not properly closed elements. For example this
Error Line 1363, Column 25: Unclosed element div. <div class="team-member">
2) you made somewhere mistake when you were modifying code. When you init Colio on UL list with portfolio items you should set “id” option which will be assigned to colio viewport and it should be unique. BTW have you changed jquery.colio.js file or you just modified init code?
Hi and thanks for the fast reply, that’s really kind of you. I actually didn’t change anything in the php but some css only, there must be some plugin conflict I guess. I changed the jquery.colio.js because it didn’t work out of the box with two instances, i just added a call for another instance but for sure I did something wrong… Can you make an estimate to help me solve it?
Unfortunately I don’t support any customizations in my code. What ever you do you do on own risk. What I can do for you is , first of all I can recommend to update jquery.colio.js to 1.4 version as I see you have 1.2. Also I can test my plugin with few instances on page and let you know if it works ok
Ok, thanks. I do have the plugin bundled with the theme “North”, will check if the update is available. If you could be so kind to send me a two instance sample code after the test, it would be perfect.
OK. I created new page with 2 portfolios in it. Items never interfere with each other. You can see it here – http://plugins.gravitysign.com/colio-wp/test-page/
So I guess the problem is in your changes.
Thank you, will let you know if I manage to fix it
Hi! Great plugin! Is it possible to add more than a portfolio on a single page?
Yes, you can have multiple portfolios on single page.
Is it possible that in the expanded content to not show the image? I just wanted to show a 2 column text content with social icons
Hi! Yes, just do not add Extra Photos and you will have single column in viewport with text only.
Hi! To do something like this you should modify code of my plugin. By default it’s not possible.
My site is http://mainroadgroup.staging.wpengine.com/career-paths and the responsiveness doesn’t work very well on the iPhone screen. The three columns of the portfolio are overlapping. Is there a way to display them in one column on an iphone so they are all legible? Thanks!
Hi,
I see you have added your own rules in style.css, that does not allow Colio to switch to one column on small screens. Pleaee remove these styles
width: 22% !important; min-height: 220px !important; padding: 10px !important;
Hmmm, if I take that coding out, it doesn’t line up properly at all…. Not enough space between items and the text gets cut off. Is there another way to fix it on mobile? Cheers.
nevermind- I figured it out! Cheers 
Why do my featured images become zoomed when I select Normal Layout instead of Masonry? I would like to use Normal but it is distorting my featured images. Here is my site – http://elissatorgeson.com/design-portfolio-by-elissa-torgeson/ (currently set to Masonry)
Hi! I need to check this, but your site seems is offline.
It is ok, don’t know what happened. I have now set it to “Normal” so you can see how the featured images are being distorted. In particular, please notice in particular the items – “Logo Creation – Glenkus Brewing” and “Logo Creation – Elissa Torgeson Design”.
Normal view: http://elissatorgeson.com/design-portfolio-by-elissa-torgeson/ Masonry: http://elissatorgeson.com/design-portfolio-by-elissa-torgeson/logos/
Sorry, have lost your commend and just found it.
I checked your site and the reason is that WP creates thumbs for portfolio grid by resizing/cropping featured images to 460×300px. In masonry mode it performs resize without cropping. The cropping is performed around center of image. So final thumb looks zoomed.
To make thumbs display not cropped you should assign featured images of same aspect ratio that you have in wp-content/plugins/colio/colio.php , which is 1.5
add_image_size('colio-item-thumb', 460, 300, true);
Alternatively you can change thumb size in colio.php by settings your width/height instead of 460×300 and then regenerate thumbs using “Regenerate Thumbnails” plugin.
Hello,
I’m using your plugin “Colio” for Wordpress on this website : http://heirailocation.com/index.php/produits-evenements/ I really love this plugin.But i have just a very little problem : My theme allows my main (top) menu always to be visible. So, on the portfolio page (Colio), when we click on an item, the screen with this item description is adjusted to
the very top of the page (placement). So it is hiden by the menu…
Is it possible to adjust it to 70px from the top ? So the menu will not hide it anymore ? Is it possible ? How can I do this ?
Here is my purchase code : 80ff8439-e5d8-4e33-92db-3731e1fdf0ac
Thank you for your help.
Regards,
Nicolas
Hi Nicolas,
I have replied you via email. Please check and if you have any other questions please contact me again!
Yes I saw. It works ! thank you very much !! I rated it 5 stars !
clicking on “chaise adulte” product
Thank you for your help,
Regards,
Nicolas
I checked and the reason is that your theme overrides some of Flexslider styles from colio/shared.css. Please drop me email and I will send you instructions as soon as possible, with what you have to change to resolve this problem.
And, thanks for rating!
Thank you, you can send to this email : nicolas.plichart@gmail.com
Hi! I sent you email regarding your problem with CSS
Hi there I wonder if you could help me out.
I’ve added a Colio portfolio to this page, selected groups etc and have filter button selected in the backend, however i’m unable to display filter system in the front-end – see test page here (under Facilitators heading). see here: http://iseescotland.org.uk/facilitators-2/
Any help would be great
Thanks for your time
Darron
could you check this page instead – name change: http://iseescotland.org.uk/facilitators-test/
Hi!
Filters menu is created from tags assigned to Colio items, while groups (Colio->Groups) are to group items to be displayed in different portfolios on your site.
Thank you! Now it works. The plugin is amazing. Good job!
Thanks a lot!
Greetings! Pawel
Hi! Looks like jquery.colio.min.js isn’t loaded by your theme. Make sure that your theme adds <?php wp_footer(); ?> into footer.php file
Hello. I installed the plug in and set up items as described but when I click the button to View Project, nothing happens. Please help. Here is the page: http://elissatorgeson.com/etd-portfolio/design-portfolio-by-elissa-torgeson/websites/#
Hi! For some reason your site links jquery.min.js after all plugins that depend on it. Please check how your theme links it, because it’s not right. Or you can link it simply in header.
Hi there, I have a system that changes the URL based on whether you’re logged in or not. It uses a shortcode (via the free global content blocks). Can I pass this global content blocks shortcode as a URL inside your plugin? Most portfolio systems I’ve tried force the URL which doesn’t help me. Thanks!
Not sure I understand. You want to insert some URL into the content inside of Colio viewport?
Hi!
I am getting in touch with you because I get an error that I can’t seem to fix on my own, nor I find help online.
I am using the plugin on silverlifeholidays.com
It used to work fine, but I am not sure if, after creating a bunch of items, or after I moved the site to another hosting, it stopped working properly.
I used to have all the items shown by using the portfolio shortcode on this page:
http://www.silverlifeholidays.com/inmueblesNow, the page just loads blank, and the Google Chrome Console gives me this error:
Failed to clear temp storage: It was determined that certain files are unsafe for access within a Web application, or that too many calls are being made on file resources. SecurityError
And previosly, I just got a 503 error.
The page loads fine if I remove the portfolio shortcode:
[colio id=”inmuebles”]
And it happens not just for this portfolio, but also if I try with other portfolios I create with different settings just for testing purposes.
Do you think you can give me some advice or have some idea on what could be causing this issue? I really hope so, because right now I am completely lost.
Thank you so much and sorry for the bother.
Hi!
503 error is from your server. I would recommend you to contact your hosting provider to check this. They will have to check web server error_log and maybe tweak PHP parameters and limits.
I don’t thing that even 100 items in Colio portfolio could cause this error. Rather, your site will just load longer but, no 503 error.
After updating to latest wordpress colio filters, or “vew project” buttons no longer work. Any ideas why?
H! Maybe there is JS error. Please check error console in your browser. or give me a link to your site and I will chck myself.
sent you a private message, thanks for the quick reply 
I have replied. Please check.
Hi there !
Loving your plugin
However, for “Extra photos” option for each Colio Item we were just wondering if it’s possible to upload multiple images at once? Right now it’s the old fashioned way to select one image and click insert into post and repeating it for every single image, which is really time consuming when we have more photos for a single item. Would be great if we could just select multiple images from the media library or from computer and upload them once with a single click.
We would very much appreciate your reply on this
Thank you !
Hi!
Yes, I know about this problem and will certainly release update to resolve it. Hope I will do this till the end of this month.
Right now I have no time because I do some work for my client. When I finish it I will start working on Colio WP Plugin.
Thanks!
Hello there !
Any progress regarding the update ? We’re actually waiting for your update on this issue hope to hear from you pretty soon !
Hi! I was busy with one project for client and just finished it. So now I’m ready to work on update for Colio WP. The feature you need I will add on first place. Going to start tomorrow!
That’s great ! It’s much appreciated ! Can’t wait
Hi flGravity,
great plugin. I really like the expand feature.
I watched comments and i think i can’t acheive what i want with your plugin, but anyway, i’m asking the question
1. Let’s say i have a group called “fruits” with filter tags like “orange”, “banana”. I add the group shortcode in a page > ok.
2. Let’s say i have another group called “shoes” with filter tags like “women”, “men”. I add the group shortcode in another page…
Is there a way to hide the filter tags related to fruits on the shoes page, and vice versa ??
Please let me know
Greetings (and sorry for my english).
Hi!
If you select specific group in settings for portfolio, then only items in that group will show up in grid.
Tags assigned to those items will be used to generate filters menu. And you won’t see filter tags from items that don’t belong to the selected group
This way, using groups you can create two separate portfolio with different sets of items.
Cool ! Done : purchased. Thanks for the answer.
Thank you! If you will need any help, let me know!
Ok thanks !
Sorry!!! Me again!!
Thanks for all your help. 2Things..
Any way i can add a colour overlay on the ‘active’ image?
The colour overlay (hover) won’t let me add a colour its just white? i added this in the php…
‘ ’ . ‘ ’ . ‘ ’. ‘ ’. get_the_post_thumbnail($post->ID, $thumb_size) . ‘ ’ .
and this in the CSS } .colio-thumb .color-overlay:hover { color: #8cbc44; opacity: 0.6; }
.colio-thumb .color-overlay { background-color: #000000; opacity: 1;
Hey flGravity. just wondering if you have a solution for this? really struggling to get it sorted.
thanks
pete
Give me site to check this.
I want the hover over colour to be #8dbd42 not the white. and when you click on one person I would like that person to be #8dbd42 (so have an active colour overlay too)
Can you help please?
Thanks
Pete
hey gravity, need to get it fixed a bit urgently, now colio is also stopping my light boxes from working?
Check for any JS errors in console.
can you help with the colour overlay please?
give me a link
This page displays shortcode as text.
Hi,
Thanks for such a great plugin, this is just a continuation ask by “WebAbellio” 6 days ago, I manage to display two filter at the moment and it works just fine, another challenge though is how do I active both filter I mean it display like it clicked or activated, because at the moment it remove once another if I click either filter button, e.g. I click on Dog item it does work but now if I click on Cat item the Dog item I just click goes back to normal.
Here’s my client url btw http://www.lachampagnerie.ca/en/gallery/
Thanks
Hi,
you should change a logic how filters work if you have 2 independent filters. Open wp-content/plugins/colio/init.js script and look for “Isotope” init. You can simply search for “colio-active-filter” string and you will find right place.
