Code

Discussion on Colio - Responsive Portfolio Wordpress Plugin

Discussion on Colio - Responsive Portfolio Wordpress Plugin

Cart 1,136 sales

flGravity supports this item

Supported

This author's response time can be up to 5 business days.

569 comments found.

Hi. Is this a dead script? Looks like it’s not been updated since May of last year.

No, it’s not! Currently I fixed all known bugs and added all features that I planed. If you have any ideas how to improve my plugin or add new feature – I will be happy to help you and release update!

ne issue I experience: when I open portfolio item, and click on any of extra photos, my page goes to top. Could you please help to avoid it? http://digitalstreetprojects.se/dsgt/wordpress/en/one-page/#ourPortfolio Thank you in advance for help! BR Agata

Hi once more. Thanks for reply. My original message above is a bit missleasding. Link is blind. Please have a look at: http://digitalstreetprojects.se/dsgt/wordpress/en/start-english/. Plase click on portfolio. Then open any Item. Then click on any of extra pictures. It gets enlarged (ok), but in the background, the website goes to the top(nok). I would like it to stay on portfolio level…

(nok) = not ok

Hello,

as suggested here – http://stackoverflow.com/questions/13547007/fancybox2-fancybox-causes-page-to-to-jump-to-the-top you should open wp-content/plugins/colio/fancybox/jquery.fancybox.css and correct overflow CSS property

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

to

.fancybox-lock {
    overflow: visible !important;
    width: auto;
}

Hi Great plugin! Thanks. I am having one problem. When I click on any extra picture on my portfolio, then i need to close the lightbox twice. Is there any simple solution? I already tried to deactivate all other plugins to avoid conflicts between them, did not help…

link: http://digitalstreetprojects.se/dsgt/wordpress/en/portfolio/

Thank you in advance for help. BR Agata

Hi! The problem is that extra photo is opened in two different light boxes – fancybox and Magnific Popup ( http://dimsemenov.com/plugins/magnific-popup/). Try to deactivate MP.

Dear all I have big problems with colio plugin it gives a lot of problems like as: Notice: Il metodo del costruttore richiamato per WP_Widget in SmartYouTube_Widget è deprecato dalla versione 4.3.0! Utilizzare invece __construct() . in /home/mhd-01/www.ferentino.org/htdocs/ferwp/wp-includes/functions.php on line 3718

Notice: Undefined index: layout in /home/mhd-01/www.ferentino.org/htdocs/ferwp/wp-content/plugins/colio/colio.php on line 199

Notice: Undefined index: transition_effect in /home/mhd-01/www.ferentino.org/htdocs/ferwp/wp-content/plugins/colio/colio.php on line 201

Notice: Undefined index: animate_position in /home/mhd-01/www.ferentino.org/htdocs/ferwp/wp-content/plugins/colio/colio.php on line 202

Notice: Undefined index: pagination in /home/mhd-01/www.ferentino.org/htdocs/ferwp/wp-content/plugins/colio/colio.php on line 203

Notice: Undefined index: pagination_num in /home/mhd-01/www.ferentino.org/htdocs/ferwp/wp-content/plugins/colio/colio.php on line 204

It’ s impossible to use it

Hello again! So, is everything ok now?

It’ s OK on Colio but not on Customizr…..

Check my email. Just replied.

Hi,

I brought it few days ago. really cool. Have some question..

1. How can I change single “isotope” to combination isotope filter.

2. When set to “Feed” style on expand portfolio, If I click thumb image open lightbox. but I’d like to target to large pic area. not modal.

Thank you

Thanks for using my plugin!

1. Currently filters menu is has only 1 level. There is no easy way to make it multilevel.

2. That can be done in wp-content/plugins/colio/colio-item.php. Just fine this line of code (line 137 or so)

<a class="fancybox" rel="group_

and make it look like this (no class)

<a rel="group_

Unfortunately, I had misunderstood its setting. When set Extra photo “slider”,

1. I want to show thumbnails under the big picture. 2. Thumbnails has function that horizontal slide with arrow button. 3. Replace by clicking on thumbnails with large image.

I use Flexslider 2 for “slider” option. So, do you want something like this – http://flexslider.woothemes.com/thumbnail-controlnav.html ?

Hi. Before I purchase I was wondering if you can have multiple sortable portfolio grids on the same page. Also, do you think there would be any conflict with placing different portfolio grids within jquery powered tabbed contents (such as tabby: https://wordpress.org/plugins/tabby-responsive-tabs/)

One more question about this plugin before purchase. In your demo you have several instances where clicking on an image in the main portfolio opens a “deep linked” second portfolio that pops up when clicking “view project.” My question concerns the deep linked project pictures. When clicking on them I see that they are presented in a lightbox. Instead of this behavior, is it possible to have these deep linked project pictures take the user to a new page on the site instead of presenting a picture in a lightbox?

Thanks for your questions.

1. You can have multiple portfolio grids on the same page and they will work independently.

Regarding Tabby plugin. Not sure, but there can be a problem with positioning of viewport when you will use “inside” placement mode

2. For every portfolio item you can upload “Extra Photos”that will open up in lightbox. There is no possibility to associate a photo with custom URL unless you will change PHP code and add some custom fields to the item to enter these URLs. Not easy.

This is the worst support ever i see i sent few queries and none of them is reply how can we hold a development 5 business day

does it make sense?

flGravity No reply. . Is this support is really active or closed .

Sorry, support is active. I was busy with some other project that I do and forgot to check comments here. I have replied to your original request in another comment.

Hi!

I bought yor plugin for my company´s website a few days ago and I really like the look and functions of it! However, I have been trying to increase the thumbnail size for the extra photos to 400×400 but it seems that I can´t just get it to work. After reading through some comments here I changed the code in colio.php to

add_image_size(‘colio-extra-thumb’, 400, 400, true);

and then regenerated all thumbnails with the plugin Regenerate Thumbnails. I also emptied the cache in my browser. But still, the thumbnails are in the size 150×150. Am I missing something? I am using the Chameleon theme from Elegant Themes.

I am also wondering if there is a way to change the font color of the item button text, I would like to have it in green in one portfolio and in red in others.

Thanks in advance! Best regards, Cecilia

Hello!

I think you have missed to change CSS to make thumbs around 400×400. By default every thumb in photo feed for item is 33.33% of available width.

Here is CSS from themes.css (wp-content/plugins/colio/themes.css)

.colio .colio-feed li { 
float: left;
width: 33.33%;
height: auto;
max-width: 150px;
padding: 0 5px 5px 0;
box-sizing: border-box;
}

to increase thumb size you can set this

.colio .colio-feed li { 
float: left;
width: 50%;
height: auto;
max-width: 400px;
padding: 0 5px 5px 0;
box-sizing: border-box;
}

Great, that solved the problem! Thanks for your help. :)

I had an another question too, about the font color of the item button text. Is it possible to change it somehow? I would like to have different colors in different portfolios.

Hi. You can change “view project” button font color in wp-content/plugins/colio/grid.css file in this CSS rule

.colio-view .colio-button, .colio-view .colio-button:visited {
 ...
 color: #ffffff;
} 

If you have any other questions, please let me know.

Hello

How can i open and jump to specific slide http://plugins.gravitysign.com/colio/index_white.html

Plz let me know thanks

Hello! I deeply sorry for delay with my reply. I was a busy with another project and had no time to check comments here.

Regarding your request. Unfortunately Wordpress version of my piugin has no checkbox on Settings page to make this possible. However you can do this with JS. In documentation to jQuery version of Colio plugin ( http://plugins.gravitysign.com/colio/docs/index.html#api ) you can find expand() method, which accepts index of portfolio item that you want to open.

i am not using word press .can you give me simple example how to expand any slide

i need stand alone script to run.

In http://plugins.gravitysign.com/colio/docs/index.html#api you can find expand() method that can be executed like so

<script type="text/javascript">
$(document).ready(function(){
  $('#my_portfolio').trigger("colio", ["expand", 2]); 
});
</script>

where #my_portfolio is an ID of UL list with items. 2 – is index of an item in UL list to expand (zero-based). The above JS code should be executed after you have initialized Colio plugin.

Can we have multiple select list of filters like in this example? http://www.ccnwa.com.au/projects/

No it’s not possible. Plugin has only one level of filters.

Hi, I use Colio with Customizr theme and it seems that there is a conflict between the lightbox so, in which way can I disable it in colio maintaining the same carachteristics?

Hi Roman, it seems that everything works properly. This change will remain even for future updates or any time we have to modify the fancybox files?

There is jquery.fancybox.min.js file in colio/ plugin directory that I have modified. So please save it and when you will update plugin just put it back. Thanks!

Thank you, I did….

As said in my previous mail, I have problem with colio 2.3.1 gallery, at first when it loads images shows nothing after using filters and disabling them I see correctly the page to fix the problem I have gone back to the version 1.4 and it works properly….

Hi I removed almost totally errors and the lightbox effect still not working. Current situation was existing, even before, when lightbox was working…. Some errors are connected to motto managing in the header Always present from the site Birth

Hi, there is following error in JS console.

[Error] Error: No layout mode: null
   (anonymous function) (jquery.isotope.min.js, line 12)

Please go to portfolio settings in Admin (Colio -> Settings) and re-save them.

it seems OK now, thank you

Dear all, from some times Coolio does not work properly. In fact if I try to view an item, the first load shows nothing but, using filters it works and if I disable all filters clicking on the “x” it seems working so, what can I do to view the first images load….. At this link you can see the problem : http://www.ferentino.org/museo-diocesano/

Please see my other replies. Thanks!

Need help with plugin. The plugin goes crazy.It loads the whole site in iframe, and repeatedly opens one item 10+ times.

Sure here is the Link

Sorry the Link

Hello! I get 404 error and some strange page when I open link in browser. Maybe your site was hacked?

hey, how i can change the size of the slider ?

Hello! In wp-content/plugins/colio/themes.css there is following rules

.colio-item.colio-side-slider .colio-main { width: 40%; }
.colio-item.colio-side-slider .colio-side { width: 60%; }

If you want slider to take half of the width of Colio viewport then these rules should looks like so

.colio-item.colio-side-slider .colio-main { width: 50%; }
.colio-item.colio-side-slider .colio-side { width: 50%; }

Purchased and installed Colio. The navigation arrows on the “additional photos” area are not displaying correctly. Click on “WTC Path Restoration” photo:

http://yonkers.totalimpactsites.com/markets-projects/alternate-project-delivery/

Hello! I checked your question but I see no problems with Next/Prev arrows in content viewport. The only issue I see is list dots next to the portfolio thumbs. They are caused by this style

.main-content ul li {
    list-style: disc;
    list-style-position: outside;
}

in your style.css.

To fix this please open wp-content/plugins/colio/grid.css file and add “list-style: none!important;” to this CSS rule

.colio-wrap .colio-list > li  {
 …
 list-style: none!important;
}

hi, Colio is working well so far on our desktop site, however on an iphone when user tries to scroll down (after clicking on view item) the post closes down. Can you let me know what’s going on here? http://quintandquint.com/staging2016

Hi! Just checked your question on iPad and on my mobile with android 4, but have not noticed any problems. Item may close when you change mobile orientation or some JS code generates “resize” event.

Hi – This happens fairly regularly for me when clicking through various portfolio items on my iPhone. Is there a support thread/email that we could start so that I can send you more links & screencasts?

You can send me email via mail form on my profile page. Also if you use “inside” placement mode, try to switch Colio to “before” or “after”..

Hi. I have a portfolio with 50 + items. On my webpage, when you click a certain group (eg. “logodesign”) Colio shows only 12 items. And there are more items in that group. How do I make Colio show all items in that group?

Hi and sorry for late reply. Make sure that items that you don’t see have a Featured Image assign.

Hi I love your plugin but it seems to conflict with my current theme. Can you help? www.cyruscreation.com

1) Contact us page should have a maps on the header but when colio is active, the map is gone.

2) The mobile menu is not working when try to use a mobile phone to view the website

3) My theme custom ccs is not working no matter what code i try to input.

Hi!

Ok. The problem is due to the next JS error that I found in console

[Error] TypeError: undefined is not a function (evaluating '$.fancybox.init()')
   (anonymous function) (jquery.fancybox.js, line 1153)

The reason is that you have Colio plugin prior to v2.0 that comes with Fancybox 1.3. And it looks like that your site loads another fancybox, probably v2. And this causes this conflict.

I recommend you to update Colio to the latest version 2.3.1 and you will get Fancybox v2 with it.

I have Colio applied on my site, and I really like the idea behind it and all of the funtionality. However, the expanded view load time is really slow – how can I speed this up? Here is where Colio is implemented:

www.quintandquint.com/staging2016

Thanks for contacting me!

I checked your problem and I suspect that the reason of the slowness lays on your web server. Here is one of URLs for the content that Colio loads on demand

http://quintandquint.com/staging2016/colio/item-6/?portfolio_id=featured_portfolio

If you open it in browser it will take about 2 sec to load. I recommend you to contact your Hosting provider and ask what might be the reason.

But from my own experience I can say that if you are on shared hosting (cheap one) this is how their servers work and nothing can be done.

We are hosting with Media Temple and have not experienced slow load times with them. When I open up that link that you sent, it seems to load quickly on my end, however when it’s in the plugin, the load time is considerably slow. Maybe the way that I’m inputting the content is conflicting or is in the wrong place? Maybe I can move a particular line of code so that the plugin is loaded first?

Hi! I don’t think so. On my opinion this is PHP/Webserver issue. You can try some Wordpress optimizer if you like, like W3 Total Cache. It can make pages load faster

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey