Tagged: , , , , ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • September 16, 2014 at 7:00 pm #320070
    sweetbabyj

    Hi!

    I currently have an open ticket for a portfolio issue (#318594). One thing that might solve my problem is if I could have portfolio items in the”Portfolio Grid” open in the Ajax preview when viewed on a desktop but make them open single page posts when viewed on mobile. Would this be possible since there is no easy way to modify the ajax preview itself.

    September 17, 2014 at 5:48 am #320303
    Ismael

    Hi Chris!

    Thank you for visiting the support forum.

    I will say that is not possible without major script modifications but I’ll ask the rest of the support team to take a look. Maybe they have a better idea.

    Cheers!
    Ismael

    September 17, 2014 at 5:50 am #320304
    Ismael

    Hi!

    I think a possible solution is to create two portfolio grids on the same page, one with the ajax preview enabled and the other not. Show or hide a portfolio grid on different screens using media queries.

    Cheers!
    Ismael

    September 17, 2014 at 2:49 pm #320514
    sweetbabyj

    Hey Ismael!

    I really like this idea! I hate to bother you anymore but could you provide a snippet for this?

    I already added a snippet to enable post navigation on mobile devices so I think this could work good :)

    Thanks again for all your help!

    September 18, 2014 at 6:56 am #320913
    Ismael

    Hey!

    First, please refer to this link on how to add custom css class on the advance layout builder elements: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    Apply different classes on the Portfolio Grid element. Use “portfolio-desktop” for the desktop version and “portfolio-mobile” on the other. Use this on Quick CSS or custom.css:

    @media only screen and (min-width: 768px) {
 .portfolio-mobile {
 display: none !important;
 }
}

@media only screen and (max-width: 767px) {
.portfolio-desktop {
 display: none !important;
 }

 .portfolio-mobile {
 display: block !important;
 }
}

    Best regards,
    Ismael

    September 18, 2014 at 5:04 pm #321307
    sweetbabyj

    Perfect! Thanks Ismael.

    One last thing though. I have more than 100 portfolio items in the “Portfolio Grid” so they won’t all fit on one page. When I sort/filter the items by category, it only shows the items on the current page. Is there any way to show sort results from all pages in the portfolio grid. Maybe I could increase the number of items that can be displayed on one page?

    September 19, 2014 at 8:42 am #321727
    Ismael

    Hi!

    That is a limitation of the sort function. Increasing the number of items on one page may cause page load issues specially on mobile devices. They might not load at all. Please enable the pagination.

    Best regards,
    Ismael

    September 21, 2014 at 7:42 pm #322679
    sweetbabyj

    Thanks for the snippet!! Works perfect :) No worries about the other stuff…you’ve given me enough to work with.

    Thanks so much!

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Make portfolio item open ajax on desktop but open single page post on mobile’ is closed to new replies.