179 comments found.
Hi, is it possible to use this plugin with wordpress ? Have you planned to do al colio plugin for wordpress?
Hi! Right now I have only jQuery version of this plugin that won’t work in Wordpress. I hope WP plugin will be available in mid Apr – May
With extended licence i can include it in my theme ?
Hello! Yes of course, with extended license you can use my plugin in your theme for sale. But if you will make another theme, you will have to buy new license.
I had a strange behaviour in Chrome browser – when using FlexSlider version (white) there was a miscorrect height value and every opened content div was too short (not all content were visible).
I added height:auto to .flexslider .slides img {} in flexslider.css and now it works good in Chrome as well.
Maybe someone will have same issue, so that’s my solution.
BTW great work 
Solution don’t work… So please help me to find a solution. As i said it’s only a Chrome issue. http://rr.godzio.modxcloud.com/
Hello! I was in vacation, now I’m back. I checked your site in Chrome, but it seems to be ok. Do you still have this problem?
I found one problem about this plugin… after you click on the filter category, expand the content, if you didn’t close the expanded content and directly choose the filter category, It shows incorrect function, partial thumbnails are missing and the content is displacement….
Can you please fix that, Thanks.
Is this with “inside” placement?
HI! I really like this plugin, but i have a few questions. Is it possible to use it on a joomla website? If yes, How can I implement this? Any suggestions? Is it possible to change the layout/ color of the design?
Hope to hear from you!
Regards,
Ashnie
Hello, unfortunately I don’t have any instructions how to install my plugin on joomla site. But I think you can use this or similar guide – http://docs.joomla.org/Adding_JavaScript_and_CSS_to_the_page
Also to use my plugin you will have to include jQuery library as well. Regarding the second question. Yes, it’s possible to customize any of Colio themes (black, white) or you can even create your own design from scratch.
Thanks so much for your quick reply! I love it! I purchased it, but i’m having a problem. I set everything up ok, included the library, put every tag in the right place and when i open index_black.html itself I have no problems. It works fine (http://portfolio.heshley.nl/templates/jsn_yoyo_pro/index_black.html). But when I put the code in a joomla module, the expander does not work. (http://portfolio.heshley.nl/). Do you happen to know what I should change and/or where I should change it?
Thanks so much!
Ashnie
Hello, I’m on vacation right now. When I will get back I will check your site. Thanks
Hi! Had a nice vacation? Did you have a chance to look at my website yet?
To let you know what i’ve already tried:
- put all the colio index code in my index.php - used php in my index.php to load the external colio file index in a module - disabled mootools - deleted double loaded scripts - changed all the links to absolute links - searched the web several days for solutions..
This all didn’t work..So it is not a jquery mootools clashing. When i delete the script part of the coli index, it changes nothing. So the script is completely being ignored, but I don’t understand why.
Thanks! Yes, I’m back! I see there is JS error which stops further execution
ReferenceError: Can't find variable: jQuery
portfolio.heshley.nl:440
<script src="/media/system/js/tabs-state.js" type="text/javascript"></script> that relies on jquery is included before jQuery library itself.
I’m going crazy…:| Coding is really not my strong suit, but seriously nothing works. ok, so I put the library waaay on top, so it is before anything else. I changed all the $ to jQuery. I saw somewhere to change $(function() { with jQuery(document).ready(function ($) {. Since I don’t have any $ left, i replaced it with jQuery. I tried all sorts of small code changing things I found while searching for solutions, but nothing…Do you any magic up your sleeves? That would help..
I can try to fix this but it will be custom job. If you are interested please contact me privately via mail form on my profile page.
Hi! I see you’ve commented /* padding: 40px; */ in colio.css and now lower border touches “View project” button. But I don’t see any problems with the height. So I think you simply have to properly set padding/margins inside of .colio-content divs. PS. Problems with height can happen if you have floats, but you don’t.
No thats not the issue. I commented the CSS to match it with my design. The issue is, the detail page its loading via ajax, the container is not expanding enough to fill everything. Check one of the detail page in a different tab and see how much contents are there. Half of them are cut when loading inside the container.
I understand now what you mean. This is ajax url for 2n portfolio item – http://www.canvas-interactive.com/portfolio-item?item=6826707 . And it has 2 images when it’s open in separate tab. However when it’s loaded by Colio there is no images. If this is your problem, then I can say that it’s caused by this style
.owl-carousel {
display: none;
..
}
The onContent() callback executes only once when Colio loads content for some portfolio item and it accepts single argument - DOM of a content that was loaded.
Is there an option to change the default filter on initial load?
For example, when the page first loads, instead of showing “All” of the items, I would like to show only the items from one of the filters at first.
Hi! What filtering plugin you use – quicksand or isotope?
The filter plugin is quicksand. (sorry for double post, you can delete the other post)
The easiest way to do his is to simulate mouse “click” on one of filters. For example “Design”
$('[href="#design"]').triggerHandler('click');
Thanks, worked like a charm.
I am so happy to hear this will be created for Wordpress. Do you know when it will be available? An approximate time frame?
Mid Apr – May I guess. Thanks!
Sounds good! Thanks!!!
Just want to let you that I have released Wordprees version for my Colio plugin. You can get it here http://codecanyon.net/item/colio-responsive-portfolio-wordpress-plugin/7687452
I just want the Header text flashed on the left and button next and preview under the images on the buttom right. Thanks
Please see my reply in your previous comment.
Hi,
Where can I find the 2 red button?
hehhehe I just want to move them at the buttom of images and the header content or title for the black colio theme.
Please help
tjamls catherine
and also one more thing—I want to add a movie clip. I want to have image thumbnales then when they click it it will preview it as a movie clip can I do that? Thanks again.
Hi! Styles that you need are in colio-black/style.css file. Particularly you need styles that follow the comment /* colio navigation */. They have to do with position of next/prev navigation arrows.
Regarding movie clip. Do you mean video from youtube/vimeo or something else?
yes i want to add mp3 or mp4 video that I created for my demo reel. and one more thing how can I change the background color to background image. I look at style .background there one there but its wasnt and there’s also in layout and wasnt either.
hi, disregard the background question I fixed—Just the video please and thank you.
I use fancybox in my colio-black theme to view images full-size. It can be configured for video also. But I need to know exactly whether it will be vimeo, youtube or self-hosted video. Please clarify this moment. Thanks!
I created this on my own using After Effect.
Ok. Unfortunately fancybox is not video player. It only can open video player (swf, iframe) in popup. That means that you need some video player plugin, for example http://www.jplayer.org/ or http://www.videojs.com or http://www.jwplayer.com. However if you want to open video player in fancybox popup you will need to configure two plugins together. I can help you with this, but it will be a custom job. Contact me privately if you are interested. Thanks!
Please make a Wordpress plugin for this.
This is the only portfolio plugin I have found so far that is user friendly, easy to navigate and handles different portfolio pieces really well.
Not a lot of fancy animations or stuff like that yet sophisticated enough to showcase the works beautifully.
Thanks
Thanks! I already have few requests concerning WP version and I will do this definitely when I finish another plugin. Thanks for your interest!
Just want to let you that I have released Wordprees version for my Colio plugin. You can get it here http://codecanyon.net/item/colio-responsive-portfolio-wordpress-plugin/7687452
does 110 sales inspire a wordpress plugin?
Yes, definitely! I will make WP version, but before I need to finish another jq plugin. Thanks for your interest!
Just want to let you that I have released Wordprees version for my Colio plugin. You can get it here http://codecanyon.net/item/colio-responsive-portfolio-wordpress-plugin/7687452
@ thugzz_m16 > it’s not a plugin for wordpress
No, this is jQuery plugin
Hey! I can’t upload the plugin. Why is that? Wordpress says that it has failed…. Mhmm i dont really know what to do next.
Please help! Thx 
Hello! This is not Wordpress plugin. It’s jQuery plugin
Hey there,
The colio fancybox pop up is appearing about 200px below the fold instead of the center of the viewport. How can we adjust this? Thank you,
Caio
Hi! Fancybox does not depend on Colio viewport and is positioned in center of viewport (browser window). If you want to configure fancybox please check its options at http://fancybox.net/api and then modify corresponding init line that looks like this
$('a.fancybox', content).fancybox();
in STEP #3 of colio-black/readme.txt
This box is Colio viewport. It expands when you click portfolio item titles. But I don’t understand what problem you have with it. If you gave me link to your site maybe then I could help you as I need to see this in action.
Hey there, here’s a link to a zip folder with the code. The html file is called atlantagives.html Please take a look at it and let me know how to fix this. I have tried everything. link: https://www.dropbox.com/s/eefpxc2kjrxc8fb/Implementation%206.zip
Thanks,
Caio
Hm.. You are using some plugin to scroll site content. My plugin won’t work properly with “inside” placement. Try either “before” or “after” placement.
What do you mean by “inside” placement?
Where can i change the width of the container ? Because the width of my website is 980px and when i develop the container, i have 960px width and not align
I search in css, nothing. I inspect the source code , i’ve found this :
But i don’t know where i can change left and width property (left: 257px; width: 960px;)
Hello! Colio viewport has 100% width for “before” and “after” placements, so it expands to full width of its containing block. In “inside” placement Colio viewport width is set through JS to the width of portfolio list that the plugin is initialized on.
Is it possible to add a “next / previous arrow” for control the images of the flexslider ?
Right now in “white version” of Colio plugin flexslider arrows were made invisible. If you want to style them as arrows, you need to modify line 192-202 in colio-white/style.css with .colio-theme-white .flex-direction-nav .flex-prev, .colio-theme-white .flex-direction-nav .flex-next
I try it, don’t work. For example, i put basic css like :
.colio-theme-white .flex-direction-nav .flex-prev, .colio-theme-white .flex-direction-nav .flex-next { width:20px; height:20px; background:#000; position: absolute; height: 100%; width: 50%; text-indent: -9999px; z-index: 10; }
.colio-theme-white .flex-direction-nav .flex-next { top: 0; right: 0; width:20px;height:20px;background:#000;} .colio-theme-white .flex-direction-nav .flex-prev { top: 0; left: 0; width:20px;height:20px;background:#000;}
I see nothing. I search in the jquery.flexslider.js and see directionNav: true, //Boolean: Create navigation for previous/next navigation? (true/false)
So it should be ok, but nothing even if i look in the source code, i have no “flex-direction-nav”.
So, you know better than me your plugin, if you say, it’s the css, i’m agree with you but why i can’t see it (i try to add a display:bock and visibility:visible, delete the bad property text-indent:-9999… nothing) Thank you for helping
Give me a link and I will take a look. Thanks!
Do you have an example of this working with ajax? I can’t get it to work.
I created an HTML page with just a div that contains the content I want to show (no head,body,etc..). Then, on the thumbnail I linked to data-content=”http://www.example.com/mypage.html” but it doesn’t show anything. Both pages are in the same folder on the same server. It works fine with inline content. Am I doing it incorrectly? I tried it with and without the Content Filter option.
Hello! From what you say it looks you did everything right. I cannot tell where is the problem. Have you checked JS error log in your browser?
I did and don’t see any errors in the JS console. It’s strange. I tried it with the demo that comes with the plugin, and could not get it to work there either. Yet, I don’t see any errors.
I tested Colio with data-content attar with relative URL that starts with / and absolute http:// and it works. But you need to make sure that even if you have simple text in mypage.html you should wrap it it in some element (div, span whatever). This is related to filters that use jquery selectors.
i want to have a click in slide image to have a big photo.
please advise
thanks,i did it
Hello! If you want to open photo in some “lightbox” like fancybox, you should add init code for lightbox to the “onContent” callback in Colio init. I have explained this in “Plugin Options” section of documentation.
