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.

I’m using colio plugin with the tiny framework theme. It seems, some thing don’t work like they should. Placement of the viewport in combination with slider works only when I select “inside”. “before” and “after” result in wrong slider display. This means every image is moved a litte bit further to the right within the frame. When I select “inside” the images of the slideshow fit the frame but the viewport itself isn’t perfectly aligned with the thumbs but moved some pixels to the right. When I change the theme to e.g. twentyfourteen, everything looks fine

In your http://dev.werbemanufactur-giess.de/wp-content/themes/tiny-framework/style.css next style adds left margin in image slider in item details. You can commend both margins to fix this

.entry-content li, .comment-content li, .mu_register li {
margin: 0 0 0 36px;
margin: 0 0 0 2.25rem;
}

That’s it. Thank you very much.

Hi flGravity. I have installed your plugin but unfortunately the animation isn’t working. we can see the images to click but nothing happens. We are hoping that your plugin can work with the theme we just purchased ouch!! Theme – Blue Diamond – Fingers crossed. Cheers!!

I seen a fix about – setting – permalinks – save settings and it worked. yeh!!! Thanks its looking great now

I have installed the Colio portfolio page, and I want the portfolio item to open at the top of the page like your demo, but when I click on either the bottom OR the link under the thumbnail, it just loads and loads and it never opens up the detailed information at the top.

Thank you for your help!

Hi! To fix this please go to Settings -> Permalinks and re-save settings.

It worked! Thank you!!!!

Hey flGravity. Pre Sales hello. Nice plugin. Exactly what my client requested. Support looks awesome too. That may have sold it for us. Well done buddy!! keep up the good work.

Great that you like it! Thanks!

arrangeComplete

I created a few post all assigned to a group, I have put a shortcode to a page http://nieuw.joneswonen.nl/afgeronde-projecten/# When I click the images nothing happens. I see jQuery.easing[jQuery.easing.def] is not a function How can i solve this ?

Looks like you have managed to fix this. I checked and everything works fine. FL

Hello,

I modified the plugin to allow the first image to load the viewport automatically; however, is there a way to disable the sync scroll until one of the thumbnails are clicked? I need the first item to be automatically open (which is working), but I don’t want it to auto scroll down to the item. I need the sync scroll once they start clicking the thumbnails though, so I just want to disable the scroll on page load and only activate once the thumbnails are clicked. Sorry if I am not explaining this well.

Thanks in advance for your help.

Hi!

You can either disable or enable page scroll for plugin, not both at the same time.

What you can try is to disable page scroll in Colio init in wp-content/plugins/colio/init.js (set “syncScroll” option to false) and add next code to onExpand callback to scroll page if not first item

onExpand: function(){

  ...
  if( list.children().filter('.colio-active-item').index() !== 0) {
   $('body, html').stop().animate({scrollTop: $(this).offset().top}, 500);
  }
}

Thank you very much! This actually did exactly what I needed.

I created a few articles all assigned to a group, has created a portfolio of this group and sat in the portfolio shortcode to a page http://publik.appochwebbstudion.se/#varatjanster_section When I click Portfolio images nothing happens

Hello! You should fix following JS errors

[Error] TypeError: undefined is not a function (evaluating '$')
    global code (custom-script.js, line 16)
[Error] TypeError: undefined is not an object (evaluating 'pseudoBlock.offset') (jquery.ba-resize.min.js, line 9)

you can see them in your browser’s Web Inspector, like Firebug or another.

Hello. Just updated this one on my site (http://www.glamitec.no/referanser/) and now I get this “Oops! “portfolio_id” query argument is missing” error all the time when trying to open a project.

Hi! The problem is that you can’t open Colio Item directly from WP Admin, as you do with regular Post. Colio Items are loaded via AJAX when you open any of items in grid.

Hello, hope all is well, can we purchase an extended license and include it in our theme on themeforest? Thanks UOU

The problem can be due to the design (you put UL list into another positioned DIV that has no position set ), or maybe UL list with floated items is not cleared.

Basically, to position viewport using “inside” placement, my plugin uses jQuery’s $.offset() function to determine row location. $.offset() function looks through all parents for element up to root document and calculates element’s position in document. If jQuery fails to do this, then you get wrong position.

thanks for your prompt response i think it was because visual composer plugin was active since i disactivated it the problem didn’t happen anymore cheers uou

Ok, great!

Dear Ladys and Gentlemen,

Your plugin is really great.

I have a customer who would like to use the plugin. However, he does not want to lightbox nor a slider.

He wants a big picture which is then replaced by thumbnails.

I’m trying for hours to install this, but unfortunately it does not work.

Here’s what I eigefügt in the Colio-item.php file.

<script type = “text / javascript”> $ (document) .ready (function () {

$ (”# big-image img: eq (0)”) nextAll () hide ();.. $ (”. Small-images img”). click (function (e) { var index = $ (this) .index (); $ (”# big-image img”) eq (index) .Show () siblings () hide ()...; }); }); </ script>

Here is a test link: http://www.wbm-server.de/ha-test/?page_id=6

You must click on the picture to see this.

The first project works. Since I have the top left a large image, which is then replaced by clicking on the thumbnails.

I open now but the other project will not work anymore.

Could you help me with this?

I hope I have expressed myself somewhat significantly.

With best wishes,

Marc

Hello!

I can suggest this

1. Probably you don’t need “Extra photos”. Just add markup for your photo gallery in Editor for Item.

2. JS code for your photo gallery you should add to external_plugins() function that you can find in wp-content/plugins/colio/init.js file. In this function you will find init code for Flexslider and Fancybox 3rd party plugins. Use special “this” keyword to refer to content DOM inside viewport, like so

$(this).find('.my-gallery').init_my_gallery();

Hey,

I have installed the plugin and everything is fine but when I click on project, it keeps loading and nothing displays! how to fix that

Hi! You should go to Settings -> Permalinks and just re-save them.

Worked fine, thanks a lot.

I have the plugin up and running, but I have an issue with the filter. I’ve got two filter tags associated with items. When I load the page it looks fine with all items showing. When I select a filter from the drop down it would appear that it filters things, until you start to navigate the pagination. Then items from all tags start to show up. Is this intended? It’s not much of a filter if I can’t page through all the items of a certain filter.

Thanks,

Yes, looks like you are right! I just tested on my demo and I see the problern. Going to fix this big in next few days. You will be notified about update via codecanyon. Thanks!

Just thought I’d update you. I updated to the latest release (2.3) and it would appear that the pagination/filter issue is resolved, but another bug has been introduced. When you move to another page within a filter list, the default <select> input element becomes visible. It would appear this is given display: none; styling, but it loses this when you page through.

I just tested but haven’t found any problems. So here is what I see: when you change page with one of items active (viewport open), plugin will close viewport and will show filters menu again. Filters menu by design is not visible in “inside” placement and when viewport is open.

Hi,

Can you look at my portfolio. The 2nd foto from above is not equivalent to the others. it looks like the photo is too small, but he isn’t.

www.uniquebuitenleven.nl/fotos

(Real nice plugin by the way)

I like to hear from you

Charlotte

Hi! Please try to delete and upload this photo to your wordpress again and then reassign to Colio item. If this won’t help, let me know!

Hi there – I just bought the plugin and have a few questions

here is the page with the portfolio: http://www.weddingwowstoronto.ca/wordpress/inspiration/

1. When I click on any one of the portfolio items to expand/display the content, the whole thing just hangs and nothing shows up. (I already changed the theme to twenty-fifteen to make sure there was no conflict with my theme):

2. For the filters – is there a way to have the word “all” rather than an x?

3. is there a way of changing the slug from COLIO to something more applicable to my clients product? I am not afraid of digging into the code if this is the only way to accomplish it.

thanks :) Niki

...I just deactivated w3 cache plugin and now it is working. Is there a cache plugin that does not conflict with your plugin?

thanks :)

Hi!

1. Please try to resave permalinks in Settings -> Permalinks. Then try to activate W3 total cache plugin to check if it works. There shouldn’t be any problems with caching plugins.

2. Yes, it’s possible. You should open wp-content/plugins/colio/colio.php file and find this line

& times;</a>

(no space between & and times) then replace it with this

all</a>

3. Could you tell me where do you see ‘colio’ slug?

Hello,

I’m interested in the plugin and have question about the descriptions that show before you click to expand the post. Is it possible to show the full description, rather than a part of it in the “thumbnail” view?

Here’s the demo page for the plugin that shows the truncated description.

http://plugins.gravitysign.com/colio-wp/

Thanks,

Hello! Yes, it’s possible. Short description that you see under thumbnails is in fact post excerpt. In plugin settings you can set how many words should be displayed, so you can display text of any length.

Hi,

I have just bought Colio plugin but I have some problems.

The site is: http://rebellaw.designhjemmeside.nu/sagstyper/. Nothing is happening when I press the read more botton. It is not loading anything.

I have used the plugin on another site and its working perfectly. I have done nothing differently this time!!

I really hope you can help me.

Best regards Ina

Hello and sorry for delay with reply! Just checked your site and Colio works Ok. Have you solved the problem?

For those of you looking to buy a Portfolio plugin, I recommend Colio without any doubt. It works, it looks good and if you have some understanding of CSS you can finetune the styling as you wish. I spent days searching and testing options.. this is by far the best.

To the developer: Congrats!!!

Thanks! :)

Hi there, we communicated not too long ago regarding some troubleshooting that you helped resolved, so thank you again! Aside from one issue where the portfolio would not take the user to the top of the page when clicking through to another page (obviously only in a multi-page portfolio—and I found that a snippet of code window.scrollTo(0,0); in the file init.js worked to resolve this), everything seems to generally be running great so far.

At this point, based on the feedback I got from our team, I simply have a feature request for the future, if this is possible/not too difficult to implement I thought it wouldn’t hurt to run by you! Basically it would be very handy to have another option for the pagination, where in addition to the numeric display, one could choose to switch to a Next/Previous format. Just a thought!

Thanks again for all your hard work and time on this quality plugin!

Hi! Going to add this feature to the list for future updates. Thanks!

Awesome, can’t wait to see this in the future! Thanks so much!

As a sidenote, I actually did just hear back from a developer on our team and was told that line I mentioned in my last post here – window.scrollTo(0,0); – does not seem to be able to be added to somewhere outside of the plugin file, so it will be lost any time we update the plugin. If there is any way this line or something similar can be added to the plugin (for us what worked was adding it to the //pagination section in init.js) officially on your end that would be extremely helpful (as it would ensure the user is not lost when clicking from page to page)! Otherwise we will be adding it back manually with each update. Either way, thanks again and looking forward to future updates!

Hey, is there a way to get a single column, full-width layout?

Hi!

Yes, it’s possible. You should open wp-content/plugins/colio/grid.css and find following style

.colio-grid2 .colio-list > li { width: 50%; }

then in “Colio -> Settings” in WP select 2 columns portfolio grid and replace above style with this

.colio-grid2 .colio-list > li { width: 100%; }

Basically this tells that every column should take full width.

Thanks! That works, although it makes the individual rows massive. If I reduce the size of the thumbnail and everything, it leaves a huge gap between rows and the colio-content/container divs. Can you suggest code for tightening all that up?

Hi! I checked on my demo, but everything looks good. Could you give me a link to your site?

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