Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • April 18, 2022 at 2:45 pm #1348698
    navindesigns

    On my site I have two test galleries (one regular gallery component and one masory gallery) – http://balrajt9.sg-host.com/community-2/ towards the middle of my page

    GALLERY – NEED CAPTION BELOW THUMBNAILS – Gallery Component
    MASONRY – THIS IS WHAT I NEED THE GALLERY CAPTION TO LOOK LIKE – Masonry Gallery Component

    I like how the caption is on the second one however, I want to use the first gallery (because I want it to be a slider)

    How can I make the caption appear below (exactly like the second masonry gallery) on the first gallery?

    April 19, 2022 at 10:01 am #1348740
    Ismael

    Hey navindesigns,

    Thank you for the inquiry.

    This is possible but you have to modify the enfold/config-templatebuilder/avia-shortcodes/gallery/gallery.php around line 683.

    				
				$thumbs .= "<a {$lightbox_attr} data-rel='gallery-" . self::$gallery . "' data-prev-img='{$prev[0]}' {$class} data-onclick='{$counter}' title='{$lightbox_title}' {$markup_url} {$rel}>";
				$thumbs .=		$img_tag;
				$thumbs .=		"
<div class='big-prev-fake'>{$prev_img_tag}</div>
";
				$thumbs .= '</a>';

    Replace it with:

    $caption = wp_get_attachment_caption( $attachment->ID );

				$thumbs .= "<a {$lightbox_attr} data-rel='gallery-" . self::$gallery . "' data-prev-img='{$prev[0]}' {$class} data-onclick='{$counter}' title='{$lightbox_title}' {$markup_url} {$rel}>";
				$thumbs .=		$img_tag;
				$thumbs .=      "<span class='avia-gallery-caption'>{$caption}</span>";
				$thumbs .=		"
<div class='big-prev-fake'>{$prev_img_tag}</div>
";
				$thumbs .= '</a>';

    Then add this css code to display the avia-gallery-caption container. 

    #top .avia-gallery .avia-gallery-caption {
    display: block;
}

    This modification should display the caption below the gallery thumbnails.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.