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’ve added the Colio plugin to our site, but whenever I implement the shortcode, all existing text on the page loses it’s paragraph formatting. Any reason why?

That’s very strange. Could you create temporal Admin account to your WP site and email it via my profile page on Codecanyon?

Any luck with resolving this?

Sorry, no. I have no idea why wordpress does not add P. The only way to solve this is to manually wrap every paragraph into

<P> </P> 
tags in editor that is in Text mode.

Hi! I have a question. Can i make round corners to my thumbnails?

Yes, you can. Open wp-content/plugins/colio/grid.css and add border-radius CSS rule to ”.colio-list .colio-thumb img” style, like so

.colio-list .colio-thumb img {

border-radius: 10px;
…
}

we are using this plaugin on home page show our product. url:(http://qilolabs.com/career_builder/#talent-network) need two help from you :

1) contact form in popup window in content area

2) youtube video in popup window

problem we faced :

on click Expanding shows content we need contact form on click show in popup. when we are click on Enquiry link its open in new window refrence url : http://qilolabs.com/career_builder/#talent-network problem start when we sbmit its redirect on new page there might be script clase please help us.

thanks

Hi,

Thanks a lot. Works perfectly but client ask to remove popup :(.

Now I am facing another problem with the same page. In the colio portfolio item when I use my custom code;

How can I use my own code in the portfolio item? Is there any settings out there?

Thanks

My plugin does not modify HTML that is inserted via editor in Colio Item. I use

<?php the_content(); ?>
in wp-content/colio/colio-item.php to get item content. So, it can be another plugin or some custom filter.

OK Thanks! Will check and get back to you on this.

Hi there, I’ve just installed this plugin on our company’s staging website, but after setting up a portfolio on one of the pages (with 3 items), it does not function correctly, and by this I mean

1) after clicking on one of the thumbnails, the item pops open but there is no image within the container, and

2) a loading icon/GIF appears in the center of the page and never goes away.

The loading icon is actually present on almost all pages of the site after installing the portfolio plugin—I believe all pages that rely on the Fancybox plugin, which is also installed on the site, so I’m hoping you can help figure out how to resolve what does appear to be a plugin conflict with Fancybox.

I would be more than happy to provide any further details if it helps. Thanks in advance! Really looking forward to getting this plugin going as it seems very promising.

Of course—the link to the page I’m testing the portfolio out on is http://tinyfrog.staging.wpengine.com/portfolio-test-page/ and the main site’s link is http://tinyfrog.staging.wpengine.com/ (a staging site as you can tell). Hope that helps, and again thanks for your time on this! Looking forward to your reply.

Hi! The loading gif is a part of Fancybox plugin. I checked and I see your site loads fancybox v1.3 JS file from easy-fancybox plugin, that I think conflicts with fancybox v2 that comes with my Colio plugin.

Could you try to disable “easy fancybox” plugin and check your site again? Let me know if loading gif has gone after that. Thanks!

Thank you, yes deactivating the Easy FancyBox plugin got us much further! No more loading gif and the thumbnails open the images in the lightbox as intended, along with other images throughout the site. After that we just had an issue with videos throughout the site not popping up in lightboxes as they had been before, but adding data-fancybox-type=”iframe” to their anchor tags took care of this. Things seem to be running smoothly so thanks again for your time and for this awesome plugin! :)

I am writing to version 1.5 . What should I do to update to version 2.2 ?

Hello,

first deactivate Colio plugin in WP admin. Then you should download Colio v2.2 (latest) from Codecanyon. In downloaded ZIP file you will find colio.zip which is wordpress plugin itself. Extract it and upload colio/ folder to your WP site into wp-content/plugins/ folder (replace existing colio/ directory). Then go back to Admin -> Plugins and activate plugin. Next go to Colio -> Settings and re-save all portfolios. Also you may need to re-save permalinks in Settings -> Permalinks.

I am use to version 1.5 . What should I do to update to version 2.2 ?

Please see my reply in another comment from you. Thanks!

How can I hide the photos and social links in the admin area? I don’t need the remove the functionality, I just want those boxes to not appear. I am ultimately going to be creating a custom look and feel and I won’t need those elements. Thanks.

Hi!

> when I try to remove your meta boxes, the updating process doesn’t work anymore

Hard to say where is the problem. If you look into wp-content/plugins/colio/includes/post.php you will find that I save my custom metaboxes in “colio_post_save_meta_boxes” function which is hooked to “save_post”. As I can see in my code, when you remove my metaboxes, this function shouln’t cause any troubles. And your code should work OK.

ok. thanks. as it turns out, the client has removed this feature from the project (after i customized everything) so i don’t know that it is even an issue anymore. Thanks so much for responding.

double post

Hello! I have a problem with colio It apears with some dots, even the images inside apear with dots and wit a red strip http://www.prosound.al/rental/?portfolio=colio can you help me out?

Hello! To fix this please open wp-content/plugins/colio/grid.css file. Then find next style and add “list-style:none;” like so

.colio-wrap .colio-list > li { 

 ...
  list-style: none;
}

also open wp-content/plugins/colio/themes.css and add same thing to


.colio .colio-feed li {
 …

 list-style: none;
}

How can I make the div style: height=”auto” for the div box: ‘colio_instance_2’ .... it currently gets the height in px from JS …. I have tried adding .colio-expanded {height: auto !important:} to my css file, but it does not over write the value. Any ideas? ... I need to make this value ‘auto’ so that it is compatible with my theme ‘Jupiter’. Many thanks!

When you first click on a drop-down to see a post, if that post has an image in its content, the javascript does not seem to count this when calculating the height of the drop-down which cuts off the content at the bottom.

FIXED!!! ..... I fixed the problem by adding the following to my Themes Child Css …

/* Post Drop Down Fix */

.colio-content { display: inline; } .colio-container { display: inline; } .colio-expanded { height: auto !important; }

.colio-expanded { margin-bottom: 50px !important; padding-top: 50px !important; }

Glad that you figured out how to solve this!

When I choose the slider option to add more images none are shown? Also the “View Project” button sometimes appears at the top of the featured image?

Website: http://littlefishbigpond.ca/dev/successes/

Purchase Code: 7de254fa-0be4-4bcd-88a4-e3842cc2c8e0

Also, I’ve reverted back to standard Twenty Fifteen theme and same problem.

Hello? Are you going answer this? I’ve deactivated all plugins except Colio and reverted to Twenty Fifteen theme and still cannot show slider in items? Are you going to help?

Problem is caused by http://littlefishbigpond.ca/dev/wp-content/themes/3clicks/js/main.js file, that searches for smartresize plugin. To fix this you can contact author of “3clicks” theme

I am developing a new version of my site in a separate WordPress site and I am building an extensive set of portfolios with Colio.

My Question: Will I have to RE-ENTER every item again once I transfer this new version to my official site?

Hello, unfortunately Colio does not have build-in XML export/import tool for items. Thus you’ll have to re-add items manually, unless you find some plugin that can export/import custom post types.

Hello, How do I remove the date and gray bar from Colio? Thank you!

Hi, to remove date from items please add this code to wp-content/plugins/colio.php file, before closing ?>

function colio_remove_item_subtitle() {
 return '';
}
add_filter('colio_item_subtitle', 'colio_remove_item_subtitle');

And what “Gray bar” do you mean?

Hi flGravity when I try to search a Colio Item with website searchbox and go to link, that’s answer: Oops! “portfolio_id” query argument is missing. That’s mayor problem. URL with error: http://www.domain.com/folder/colio/slug-item I try: Disable permalink (same problem) Re-Save SEO permalink (same problem) Can you help me? Thank you

Hi, please check my reply in another comment from you. Thanks!

Hi flGravity when I try to search a Colio Item with website searchbox and go to link, that’s answer: Oops! “portfolio_id” query argument is missing. That’s mayor problem. URL with error: http://www.domain.com/folder/colio/slug-item I try: Disable permalink (same problem) Re-Save SEO permalink (same problem) Can you help me? Thank you

Hi! The reason is that Colio Items are available via custom template wp-content/plugins/colio/colio-item.php that looks for portfolio_id query param. These items can’t be open directly in WP as Posts. Instead Colio loads them via AJAX and inserts into viewport area when you open it.

Hello! I need to display the item group or filter, below the thumb and the excerpt. Check the example please.

http://eduardobarga.com/tests/dynamis/index.php/work/#

Please! Is there any function to get the filter or get the group??? Just like the one to get the title…

// thumb inner html $item_thumb_inner = ‘ ’ . ‘

’ . get_the_title() . ‘

’ . ‘ ’ . ‘ ’ . ‘’ . $settings[‘item_button_text’] . ‘’ . ‘ ’ . get_the_post_thumbnail($post->ID, ($settings[‘layout’] == ‘fitRows’ ? ‘colio-item-thumb’ : ‘colio-item-thumb-nocrop’)) . ‘ ’ . ‘ ’ .
'

' . $item_excerpt . '

' . ' ' . '
group or filter
' . ' ';

Hello,

you can modify HTML in $item_thumb_inner variable directly, or use special “colio_thumb” WP filter

"colio_thumb": filter to modify HTML for item thumb before it's inserted into portfolio grid. Filter accepts thumb HTML as first argument, item $post object as second.

Now, to get terms associated with Item Post, like group, you can use wp_get_object_terms() function with “colio_group” as taxonomy name.

$item_groups = wp_get_object_terms($item->ID, 'colio_group', 'fields=slugs');

Hi,

Struggling with the height of the individual tiles. The images uploaded are all squares, but the featured images are being resized to be rectangles? is there a way to keep the images in proportion?

The page in question is here – http://www.projectdesignprint.co.uk/our-work/#

Thank you!

Hi! Thumb are resized and cropped to same size which is 460×300. To make thumbs square you should open wp-content/plugins/colio/colio.php file and change next 2 lines to be like so

// portfolio grid thumbs (crop and no-crop)
add_image_size('colio-item-thumb', 460, 460, true);
add_image_size('colio-item-thumb-nocrop', 460, 460);

then install and run Regenerate Thumbnails WP plugin

Hello I just purchased the plugin, it looks great… but when I first started adding items it just doesn’t display them. No problem creating items and groups, but the big content doesn’t display correctly.

I´m sure it’s very easy to solve… but I’m in a hurry Hope you can help me as fast as you can!

Here is the link: http://eduardobarga.com/tests/dynamis/index.php/work/

Hi! Looks like that you have solved the problem, but I see that Items do not open when I click [+] button. To fix this you should go to Settings -> Permalinks in WP admin and click “Save Changes”.

If you have any other questions let me know!

Nice! It works perfectly now. Fast and great support! Thank so much!

Hi, I need a Portfolio plugin with a Filter feature that works this way: Within Beverages, it will list something like Beer, Wine, Rum, Whisky… Once you select Wine, for example, it will list all subcategories inside Wine: Red, White, Sparkling… It’s kind of filter inside a filter. Does your plugin provide such a feature? Thanks for your reply.

Hi! Sorry for delay with reply. Unfortunately my plugin does not support nesting of filters.

Thank you for your reply.

Hi, we have a problem displaying the portfolio element.

Check out this page: http://moovia.webfactoo.co.uk/test/

Our portfolio content is inside accordion (the same happens when using tabs), but it does not load. However, if you open the first accordion section and then reload the page, the content displays correctly. In the meantime if we put the portfolio code into a single page it displays as expected. But we need to use accordion because of the amount of the content we want to display.

Please advice

Thanks in advance, Csaba

Hi! Sorry for delay with reply. It looks like that height of “colio-wrap” div which is top-most Colio container is 0px, and that’s why it does not show up. Please try to call

$(window).trigger('orientationchange')

to force Colio to resize when accordion is open.

Hi I have an issue with the plugin… The feature image doesnt show and I cant find a way to remove the date

Hi! Featured image that you assign to Item is used only for thumbnail in portfolio grid and it does not show up in viewport by default. To display it in Colio viewport you should insert it into content area of Item post

To remove date you should add this code to wp-content/plugins/colio/colio.php file, somewhere before closing ?>

function  colio_no_subtitle(){
  return '';
}

add_filter('colio_item_subtitle', 'colio_no_subtitle');
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