GreenTreeLabs

GreenTreeLabs supports this item

Supported

This author's response time can be up to 1 business day.

277 comments found.

kom72

kom72 Purchased

Hello. I bought your js gallery. I try it here: http://www.jirikomurka.cz/pokus.html So far, I do not need to make thumbnails of photos. I’m trying to implement your js on my listing of photos. It works. How do I do a hover effect sharing? Here: http://preview.codecanyon.net/item/final-tiles-grid-gallery/full_screen_preview/4734090?_ga=2.265904521.706085846.1499007124-468015155.1499007124

Sorry, I’m using google translator

This comment is currently being reviewed.

erHanny

erHanny Purchased

Sorry, what happened with social icons? Doesn´t works?

Hi, what do you mean?

kom72

kom72 Purchased

Hi, I finally set up the gallery and I’m excited. You can delete my previous query is no longer up to date. Now I have new questions and I add them gradually. Thank you for your patience.

Compare thumbnails of photos on a new experiment page: http://www.jirikomurka.cz/example.html on my original original page: http://www.jirikomurka.cz/fotografie_vypis&kategorie_id=5

Preview page views are slightly blurred. They are not as sharp as I would. Original thumbnail size is 220×220px. Can I enter this exact size for the new gallery? I want to have 4 slopes of square thumbnails.

I call this gallery as follows:  <Script type = "text / javascript" charset = "utf-8"> $ (Document) .ready (function () { $ ('Final-tiles-gallery') finalTilesGallery ({                     Layout: 'columns' Columns: [ [4000, 4], [1024, 4], [800, 3], [480, 2], [320, 1] ], Margin: 20 }); }); </ Script>

Sorry for using Google Translator

kom72

kom72 Purchased

The shadow at the bottom edge of the thumbnails has already been released.

Use gridSize:0 to avoid image crop

kom72

kom72 Purchased

Thank you so much. Perfect.

kom72

kom72 Purchased

I apologize for another question. When sharing a facebook photo, a small square thumbnail is loaded into the sharing form. When is a big thumbnail loaded, what is your example? http://www.jirikomurka.cz/fotky/1.jpg
http://www.jirikomurka.cz/fotky/2.jpg

Hi, I noticed that happens also on demo site, I’m checking the issue right now.

kom72

kom72 Purchased

So any change to FB? I hope you find out what caused the change.

Hi There, is there a tutorial or something that explains how to use galleries for product variations? I’m looking for something like this.

https://www.zara.com/us/en/woman/tops/view-all/short-sleeve-crossed-front-blouse-c733890p4786504.html

Thanks!

Hi, the plugin doesn’t show product variations but it builds galleries using only the main picture for each product. So you have a gallery of different products and not a gallery of product variations.

Understood, How do I get a refund since I won’t be able to use the plugin for what I need?

Could you please explain how to make videos open in a lightbox? I struggled all night after purchasing the plugin to make this work, but all I get is YouTube/Vimeo videos that display and play as if embedded traditionally. Still images work fine with the lightbox. I have tried it with every lightbox that is indicated to support videos. Hope you can help. Thanks!

kom72

kom72 Purchased

Hello. When will the bug fail to load current pictures and labels when sharing on Faceboook?

Hi, I’m having bit of a problem.

I followed all the instructions, but the script does not work for some reason for me, instead, at the top of the page this declaration is displayed in one line above everything else:

$(document).ready(function(){ $(’.final-tiles-gallery’).finalTilesGallery({ margin: 20, gridSize: 40, layout: ‘columns’, minTileWidth: 250, }); });

but the script I entered into the Head section of my document like this:

<script type=”text/javascript” charset=”utf-8”> $(document).ready(function() { $(’.final-tiles-gallery’).finalTilesGallery( { margin: 20, gridSize: 40, layout: ‘columns’, minTileWidth: 250 }); }); </script>

Can you help me please?

I am using a wordpress website, and would like to display some images in a gallery format.

Links to the CSS and JS files are properly linked in the header too.

After some testing, I found out that the above script is displayed only when I use a cashing plugin WP Rocket. When I disable the plugin the gallery is displayed but the lightbox is still not working, after I click on any of the gallery images, it goes to a page displaying the full size image.

Please advise, thank you, Roland

Hi, impossible to help without seeing the issue, can you send me the URL to diego@greentreelabs.net?

is there a way to use have multiple filters applied. so instead of toggling btwn a single filter…maintain the selected filters until they click it off.

thanks.

Hi, there can be only 1 active filter.

Is it possible to get a Gallery with maybe 4-8 Pictures in Fullscreen? 100%width and 100% height. Like a Full Screen slider.

Well, you could do it by providing exact image sizes but it’s not the aim of this plugin so it could require a bit of work.

Hi I can use any way to bulk information (external links and images)? be compatible with movile devices? Adapt any size of images? I can use this for link to make external links.

Thanks a lot for your time

The plugin doesn’t have a bulk editor for links and images. It’s compatible with all mobile devices.
Adapt any size of images?
What do you mean?

You can add an external link to any image. You can even mix images with external/internal links and images opening a lightbox within the same gallery.

rleveau

rleveau Purchased

I’ve just a problem to make the “autoLoadURL” works. I tried to send you details on your site (http://phpstack-33768-72770-215122.cloudwaysapps.com/support), but it always answer “[500] There was a problem with receiving response from mailing server”. Can U tell me how to contact you ?

Hi, I’m sorry for the issue, please send to diego@greentreelabs.net

- your name
- your email
- your website url
- your purchase code

thanks

Hi! Just purchased, but facing two issues I cannot fix: Images in preview are blurry, see https://dev.ideewerk.ch/stahlbaumann/projects/project-7/ and second issue is the image seems not be properly adjusted, as the size changes on the top when hoover. How can this be avoided? Thanks!

Images are blurry because the size you chose is too small (150×150) using a larger size, for example 300×300 will fix it. About the hover issue is caused by a CSS conflict with your theme and can be easily fixed by adding the following rule inside the Custom CSS box:

.final-tiles-gallery .tile img.item { margin:0 !important; }

Thanks. CSS worked, but when selecing 300×300 and upload the images, they are all in different size, not square anymore. How this be forced, that the thumbnail images are all cropped to the same size? https://dev.ideewerk.ch/stahlbaumann/projects/glasgelaender/

Well you need to add a new custom size in your theme by opening the functions.php of your theme and placing the following code:

add_image_size( 'final-tiles-thumb', 300, 300, true );

Please note that after you add a new custom size, thumbnails must be regenerated, there’s a free plugin for that: https://wordpress.org/plugins/regenerate-thumbnails/

There’s a nice tutorial you can read about it: http://www.wpbeginner.com/wp-tutorials/how-to-create-additional-image-sizes-in-wordpress/

rleveau

rleveau Purchased

Hi,

I choose the server-side way to load my 300 pictures, 50 by 50 each Ajax call and it works well.

Just a point : when my firts 50 images are loaded, if I click on a picture to open the lightbox, I can display all my firts 50 images by clicking the “next” button, but this “next” button disapear when I reach the 50th one, despite the fact that I have 250 more images to show. The user is tempted to think that it’s finish, there is no more picture to see…

Should it be possible to use the next button of the 50th image to call the Ajax again, same work for the 100th, 150th, and so on until the numbre of total images is reached ?

rleveau

rleveau Purchased

Hi, Thanks for your answer, I suspected something like this…

About this subject, in your examples, you use magnificPopup. Do you think this script is able to that ? I’ve searched around “callbacks / Lazy-loading” but I’m not shure it’s the way…

Is there a way to call the “next (Ajax) page” using magnificPopup, just to synchronize the call regarding to the “page” index ?

(sorry for my aproximativ English…)

MagnificPopup has a lot of configurable parameters, I usually use this initialization code:

         $(".final-tiles-gallery").magnificPopup({
            delegate: '.tile:not(.ftg-hidden-tile) .tile-inner',
            type: 'image',
            removalDelay: 300,
            mainClass: 'mfp-fade mfp-with-zoom',
            gallery: {
              enabled: true,            
              preload: [0,2],            
              navigateByImgClick: true,
              arrowMarkup: '<button title="%title%" type="button" class="mfp-arrow mfp-arrow-%dir%"></button>',    
              tPrev: 'Previous (Left arrow key)',
              tNext: 'Next (Right arrow key)',
              tCounter: '<span class="mfp-counter">%curr% of %total%</span>'
            },
            zoom: {
                enabled: true,
                duration: 300,
                easing: 'ease-in-out',
                opener: function(openerElement) {
                  return openerElement.is('img') ? openerElement : openerElement.find('img');
                }
              },
            callbacks: {
                change: function() {
                    if (this.isOpen) {
                        this.wrap.addClass('mfp-open');
                    }
                }
            },
           fixedContentPos: false
        });

maybe you can use the callback to understand if the user is reaching the last image.

rleveau

rleveau Purchased

Ok Thanks, I’ll come back to you when I’ll find…

Hi,

right now infinite scroll functionality relies on a sever-side URL to server up new html that is then appended to the bottom of the gallery.

Many of us receive Json from the server then build the HTML in the client or browser. Building HTML on the server is not always a good idea, and a lot of times we don’t have access to the server-side.

Can we have infinite scroll that uses a function that returns a promise object instead? this is something you already do internally, can you just expose it.

Great gallery.

Thanks :-)

Great gallery.

Thanks ;)

Well, my suggestion in such case is to simply use your own function to parse the json and append the markup to the gallery. After you append new images you can call the .refresh() method. The only thing is you’ll need to check when the user reaches the bottom of the gallery, but that’s actually few lines of code and it can be copied from the plugin.

Please give me some pointers on how to get started. I already build the HTML from Json with JQuery, so that bit is not a problem. What should I look for in your code?

Beautiful work! I do not have a project right now requiring something like this but will purchase soon. Where did you get all the terrific images? Really beautiful.

Hi, the email was too funny and made me laugh a lot. Now, I argue you are the author of one of those image I use and I give credit and visibility. Wouldn’t be easier and faster if you just tell me which one and that you don’t want me to use?

Hello,

does it support finger swiping or is it that old and it does not ?

Thanks, does it support automatic masonry for thumbnails without declaring on each code block like “wide or tall” or should the thumbnails themselves to have various aspect ratios and sizes in order to “make” masonry look ?

This is a client side plugin so it doesn’t crop the images. It will uses the size you provide. You can also choose whether to use a classic masonry layout (columns) (demo: https://www.final-tiles-gallery.com/gallery-with-captions ) or the original Final Tiles Gallery layout where images of different sizes can be mixed (demo: https://www.final-tiles-gallery.com/full-width-gallery )

P.S.: actually it can crop few pixels in order to help having aligned images

by
by
by
by
by
by