You need to be familiar with Wordpress, its back end, custom post type, category, featured images, lightbox and image gallery to fully understand the description below.
As you see, there are 2 pages utilizing Image Gallery in this wordpress website. Both pages draw image resources from the same Custom Post Type's pool of posts’ featured images. By default, the page display thumbnail images belonging to a certain category. There are also category filter buttons on top of the pages, in which when clicked, it will display thumbnail images belonging to another category.
When you click on a thumbnail image in this page, the full size version of the image opens up in lightbox mode. You can click outside this blown up image to close down the lightbox and go back to the Gallery page, or you can use arrow key to go to the next/previous full-sized images.
THE PROBLEM: the lightbox gallery's previous/next image function does not corresponds to the images order on the Gallery. It does not recognize the category, and the category that the Gallery pages is currently active/displaying. It always show all images from the Custom Post Type posts. The problem it causes is, when users browse the full-sized pictures, they do not correspond to the images displayed on the page’s image gallery thumbnails. THIS need to be fixed.
The lightbox photo carousel (the next/previous functionality) needs to recognize the category the gallery page is currently in, and only displays the full sized images belonging to that category when user browse the full-sized images using next/previous function. Of course, the existing functionality should stay working and this fix should not break any other part of the website.
You will write a fix that is most efficient and works well. The fix could be just a couple scripts added or somehing more lengthy - it is up to you to decide, but we prefer something as simple,clean as possible.
Once we accept you, I will prepare a sandbox website where you can access the Wordpress account as well as the FTP access. You can take a look at the existing code, and work on it to write your fix. Once you are done, I will test it and make sure it works flawlessly. Then, I will apply the fix to two live websites (they are the actual websites for active, operating business therefore they cannot be down at anytime). I will need you to provide instruction on how to apply the fix to the other two websites. These websites are using the same wordpress themes as the sandbox website.
Make sure that when you apply the fix, the code is neatly written, properly labelled and correctly placed (to avoid losing the code during wordpress update and such). This fix should be permanent and no more update is needed in the future.
The freelancer will take a look at the sandbox website provided, look at the involved codes and fully understand the bug/issue of the website. Then the freelancer will troubleshoot and find solution to fix that problem using scripting/coding until the problem is resolved and the website works flawlessly. Then the freelancer needs to provide us with instruction on how to apply this fix to the other problematic websites that we have.
- Deep knowledge in Wordpress, its back end, custom post type, category, featured images, lightbox and image gallery.
- Good ability in understanding and following the instruction (in english) exactly as it is written is very important.