179 comments found.
Hi, i have purchased the template and i have an edit needed in this template regarding on the filter. I dont want to show ‘Show All’ while loading the page .. I wanted to show particular category after loading page .. can u please guide me how to remove that show all
Note: ShowAll link is not required
Good luck with your sales
Hello,
How to change the cross icon for filters by “All” ?
Cordially.
HI I just bought your plugin and for some reason the viewport keeps appearing below my footer. Is there any way to force it to dispaly within a specific container? I’m having this problem specifically with inside placement
Hi, I need some help. i want to expand content by clicking on full image not on a view button. i want to remove this button and expand content by clicking on full image. where i can edit in code? i tried to find code but i can’t. please help
and also want to expand in bottom position not top, or after portfolio
HI help me, i am trying to change in setting but did not affect on frontend. i am trying to hide navigation, and also changing the expand close button. but did not affect anything after changing in code. reply me ASAP
Hi i have bought you plug in but : Installazione del plugin caricato dal file: codecanyon-6507310-colio-jquery-portfolio-content-expander-plugin (1).zip Scompattamento del pacchetto…
Installazione plugin…
Il pacchetto non può essere installato. Non sono stati trovati plugin validi.
Installazione del plugin fallita.
Hi,
Pre-sale question: would it be possible to display only specific content from another HTML page into the colio viewport? For example target a specific div/id/class on that HTML page.
With this, you can load a portfolio item but it can also be visible as a standalone page. On that standalone page, there is a menu and footer (for example) visible, but those aren’t visible when the div id gets loaded on the colio page.
Thank you for your time.
Never mind, got it already.
Hi, thanks for the great plugin! I’m using the white theme and would like to use the fancy box to enlarge the images shown in the flex slider. Is it possible to use fancy box with the white theme? Thank you 
Never mind, I found a solution Now I can click on the image in the slider and it opens up large. But there I have another small issue – every time right after the image opens, it slightly moves down and right to center the viewport. Can you tell me where to fix it? Thanks, Julia
Hello Julia!
maybe it’s fancybox plugin that adjusts image in center of browser window. Can you show me your website?
Hi, thanks for your reply! I thought that too, but I don’t know why it opens a little off center first. You can see the website here: https://www.krizzelei.de
It’s Fancybox plugin. I don’t know why it does so. Maybe it’s how it works.. For example when browser window is resized fancybox adjusts image to be in center. You can try to find an answer on Stackoverflow or another resource.
Ok, thanks, I’ll try that. But I’m very happy how the plugin works, so it doesn’t really bother me so much Thank you very much and happy holidays!
Nice to see you supporting. this. One feature request that would be nice is Keyboard Navigation. I know this is possible in this type of product. I searched in the comments and documentation and did not see any mention of keyboard shortcut navigation.
Hello flGravity team,
because we are relaunching our website and changed the agency, we are about to buy the “Regular Licence” again. Before I purchase the license, I’d like to make sure that the license still supports the library version we already have in use. We don’t want to update the plugin, we just want to use it as we did on our old website. We now use: Colio.js(v1.5)
Does the license support this version?
Thank you!
Hello!
Yes, license is not bound to any specific plugin version. If you have 1.5 then you can just purchase a new license and use it on domain.
If you have any questions please let me know!
Hi, I really love this plugin. Before I invest in this plugin I would like to know whether I can achieve the following look https://www.mccann.com/
Could you please tell me whether I could do it easily. I don’t have a solid programming background. I know a little HTML and CSS.
Hi! Yes, this is exactly what my plugin can do.
Hello, I am really interested in your grid but before I purchase it, I need to know if it would work to put it in Odoo 10. Would it be possible?
Thank you for your time.
Unfortunately I’m not familiar with Odoo 10, but I just looked in Google and found this discussion on Oddo Help center – https://www.odoo.com/forum/help-1/question/how-to-use-custom-jquery-in-odoo-10-123187
So, if that’s true, then I think you can install my plugin on Oddo as on a regular website.
is it possible to disable isotope? If I disable it, the height will not adjust correctly.
Hello! Isotope controls flow of thumbs in grid. If you disable it it won’t align/resize properly.
I trying to add some javascript into colio content, it does not work as i expected, how can I initial it?
I trying to make the images inside colio content can be detected and resized by adding class.
onContent: function(content){
$(document).ready(function(){var imgs2 = $('.expand-main-image');
var img2 = $(this);
var width2 = img2.width(); //jQuery width method
var height2 = img2.height(); //jQuery height method
var divHeight2 = $('.landscape').height();
if(width2 < height2){
img2.addClass('portrait');
img2.css('height', divHeight2+'px');
}else{
img2.addClass('landscape');
}
});}); }
Hi!
First of all you shouldn’t use
$(document).ready(function(){ … });
wrapper for code inside onContent callback.
Regarding your code itself. First you should target only those images that are within content container, like so
var myimages = $(content).find('.my-images');
then work with them.
ok, will try it later. If it didn’t work. I’ll contact you back.
Sorry, I can’t make it work. Please provide sample code if you can. Thank you.
It should be like so. See my comments in code
onContent: function(content){
// find images with ".expand-main-image" class in content that is going to be loaded
var imgs2 = $(content).find('.expand-main-image');
// but Im not sure about this…
var img2 = $(this);
var width2 = img2.width(); //jQuery width method
var height2 = img2.height(); //jQuery height method
var divHeight2 = $('.landscape').height();
if(width2 < height2){
img2.addClass('portrait');
img2.css('height', divHeight2+'px');
}else{
img2.addClass('landscape');
}
} // onContent cb
Hi, I just purchased and tried to upload the plugin and got the error message “The package could not be installed. No valid plugins were found.” The file I tried to upload was called “codecanyon-6507310-colio-jquery-portfolio-content-expander-plugin.zip.” Am I doing something wrong? Thank you.
Hi! You bought wrong item. Instead of jQuery version you need to purchase Wordpress version. Then you should unzip package that you downloaded and inside you will find wordpress plugin called colio.zip
Hi, I am using the black version, and it’s set to 4 columns. Can you please let me know which file I need to change and how in order to make it either 2 or 3 column.
Thank you!
Hello! Initial amount of columns is set via CSS in css/layout.css by setting up image thumb dimensions.
.portfolio .list .thumb {
width: 215px;
height: 134px;
..
}
Then when you resize browser, thumb size is changed also via media queries
@media only screen and (min-width: 768px) and (max-width: 959px) {
.portfolio .list .thumb { width: 228px; height: 143px; }
}
@media only screen and (max-width: 767px) {
.portfolio .list .thumb { width: 420px; height: 260px; }
}
So to add more columns to portfolio you should make thumb size smaller as 215×134
Thanks! That worked!
Hi there,
Having difficulties implementing this on a client’s WordPress website. There seems to be a script conflict with the theme, or plugin conflict, or both.
Using the Divi theme, the slide down parts are not clickable – namely the next/previous buttons, and the X close button, also none of the content can be selected.
When another required plugin is active, namely the WordPress Social Stream: https://codecanyon.net/item/wordpress-social-stream/2201708?s_rank=1 The image accordion stops working completely. I would really welcome your assistance, and would be fine if there is additional cost for this support. Thanks!
Well, I feel a little silly … I see now that you have a WordPress plugin version for this. Will try the WordPress version and see if that solves the problem.
Ok.
Feature request – support for linking (from another page) to grid thumbnail and open respective thumb details based on selected #id in link, ie. www.domain.com/#colio_c3. Collapse-Pro-Matic has this feature, have you considered an update? Or maybe more documentation on using the expand API on how to get this to work? Thanks!
Hello!
I have implemented this feature in WP version of my plugin. It uses Colio API expand() method to open item by index in grid. If you are interested here is JS code from WP version
// DEEPLINKING
window.setTimeout(function(){
// if no hash in URL, return
if(window.location.hash == '') { return; }
// look for item
var target_item = list.find('[data-hash="' + window.location.hash + '"]');
// return if there is no matching item
if(target_item.length == 0) { return; }
// get item page and index
var target_index = target_item.index(),
// wait for page switch transition to end and expand item
window.setTimeout(function(){
list.trigger('colio', 'excludeHidden').trigger('colio', ['expand', target_index]);
}, options.transitionDuration + 1000);
}, 1500);
Unfortunately I don’t plan to add this as a standalone feature as it can be implemented using plugin API and some JS code.
Colio expander has trouble with scrolling on mobile. I’m using iPhone, iOS 10.
When I click a thumbnail to expand the colio content, it works great. But when I use my finger to scroll down to read the rest of the content, it collapses the colio-content. Then I have to scroll back up, click the thumbnail again, then the content expands. Then if I scroll VERY slowly, the content will remain expanded. But, if I scroll just a little too quickly, it will collapse again. I’ve tried scrolling on both sides of the screen, making sure not to hit the thumbnail or the close button, and it still happens.
Is there a way to fix this? Here are my settings:
$(’.expandable-grid’).colio({ id: ‘expanded-container’, placement: ‘inside’, closeText: ‘Close ’, scrollPage: false, navigation:false, scrollOffset: 80, contentFilter:’#bio-wrap’ });
Hello! Does it happen on my demo page on codecanyon too? (try http://plugins.gravitysign.com/colio/index_black.html ) Could you give me also URL to your website?
Yes, it happens on your demo as well. I’m using iPhone using version iOS 10.3.2. If you expand an item, then scroll down to read the rest of the content, it will collapse. I made sure not to hit the close button while scrolling down.
If I remove this line from the code, it works. So this is the culprit:
`// for 'inside' placement hide viewport immediately on resize
if(self.settings.placement === 'inside' && /^(smart)?resize$/.test(e.type)) {
self.insideHideViewport();
}`However, that part is necessary for resizing properly.
Try to replace the code that hides viewport on resize with this code, specifically for smartphones
if(self.settings.placement === 'inside' && navigator.userAgent.match(/i(pad|phone)/i) !== null && e.type == "orientationchange") {
self.insideHideViewport();
}
Can the content lazyload? I am handling a portfolio with large photo gallery, I like to use your plugin in my project. But I can’t find any lazyload option in documentation. Please provide your suggestion. Thank you.
Hi! No, by default plugin does not have this functionality.
