AJAX Modal Portfolio Navigation Tweak

2 replies · opened May 16, 2018

Mmighty-cleverMay 16, 2018

Please reference this post as a reminder:
http://support.semicolonweb.com/forums/topic/portfolio-navigation-when-filtered/

Good afternoon! I’ve taken your advice and have used the above template to re-work my portfolio and it’s basically working as it should. I do have a slight issue, however. When you click on a portfolio item, and the modal window pops up, clicking the modal’s previous and next buttons advances the gallery to the next link in the code, not necessarily the next item in the portfolio. Can you provide some feedback on how I can tweak the behavior of the buttons to take the user to the previous our next ITEM in the gallery (which I supposed would technically be the previous or next article)?

Here’s an example of some code I’m using in my portfolio (based on your portfolio-mixed-masonry.html template).

I’ve got an image, which is a link, an overlay which is also a link, then a category, which is also a link. If someone clicks on any of these links, then clicks “next” or “previous” to navigate the gallery, it loads up the next link, rather than the next portfolio item:


    

    
        [
![attachment](images/mightyclever/portfolio/pro-web-masonry_1200x900.jpg)
](portfolio/pro-web-details.html)
        [
            
                
                    Digital](portfolio/pro-web-details.html)
                
            
        
    

    
        [
![attachment](images/mightyclever/portfolio/tmr-logo-masonry_1200x900.jpg)
](portfolio/tmr-branding-details.html)
        [
            
                
                    Branding](portfolio/tmr-branding-details.html)
                
            
        
    

Hope this makes sense; let me know if you have any questions.

Thank you!
Amanda

Mmighty-cleverMay 22, 2018

Hi! It has been nearly a week and I haven't heard from you. Do you have any updates for me? Thank you!! -Amanda @ Mighty Clever

SSemicolon WebSTAFFJun 4, 2018

Hello,

Thanks for your Patience!

We have tried finding a Solution for you but unfortunately, Magnific Popup currently does not support the Structure of the Links you are trying to use. All the data-lightbox="ajax-gallery-item" Links in the data-lightbox="ajax-gallery" Container will be converted into a Gallery.

We will surely provide a solution for this once this is available. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard