Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1479854

    I’m using the Portfolio (ajax method) module and it looks great, but when there’s only 1 image, the thumbnail below is redundant, looks bad, and is poor UX.

    For now, I added “display:none style to “.avia-gallery-thumb” but that becomes a problem if more images are added.

    I’d like to HOOK into the logic and filter for when there’s only 1 image in the gallery, then I can either 1) add a class name like “is_single” to the div <div class=”avia-gallery-thumb”> so that I can set “display:none” conditionally, or 2) prevent the div from being outputted altogether.

    Is this possible, or is it more of a feature request? Or both?

    • This topic was modified 2 days, 23 hours ago by betaphase.
    #1479910

    Hey betaphase,
    We don’t have a conditional method, I believe that there is a css solution to count the items and apply the css if there is only one item, but we will need to see two examples, for one item and another for more.
    Otherwise this will need to be a Github Feature Request

    Best regards,
    Mike

    #1479964

    Thanks Mike, but to clarify, I can set my own conditions – as mentioned I’d like to HOOK into the logic and filter for when there’s only 1 image in the gallery.

    Question: Is there an action hook or filter in the thumbnail area of the Portfolio code that I can tap into?

    #1479971

    Hi,
    unfortunately not.

    Best regards,
    Mike

    #1479976

    OK, thank you.

    #1479981

    Hi,
    Ok, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Add class to avia-gallery-thumb conditionally’ is closed to new replies.