# yatra/3.0.3/templates/partials/single-trip/gallery-modal.php

Yatra – Travel Booking & Tour Operator Software, version 3.0.3. 43 lines.

- Page: https://pluginprobe.com/plugins/yatra/3.0.3/code/templates/partials/single-trip/gallery-modal.php
- Raw: https://pluginprobe.com/plugins/yatra/3.0.3/raw/templates/partials/single-trip/gallery-modal.php
- Modified: 2026-04-14T03:47:24+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/yatra/3.0.3/code/templates/partials/single-trip/gallery-modal.php#L10-L20`.

```php
<?php
if (!defined('ABSPATH')) {
    exit;
}

// Gallery Modal for Single Trip Page
// Expected variables: $trip
?>
<div class="yatra-gallery-modal" id="hero-gallery" role="dialog" aria-modal="true" aria-label="<?php esc_attr_e('Trip Gallery', 'yatra'); ?>">
    <div class="yatra-gallery-modal-overlay"></div>
    <div class="yatra-gallery-modal-content">
        <button type="button" class="yatra-gallery-modal-close" aria-label="<?php esc_attr_e('Close Gallery', 'yatra'); ?>">
            <svg class="yatra-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/>
            </svg>
        </button>
        <button type="button" class="yatra-gallery-modal-prev" aria-label="<?php esc_attr_e('Previous Image', 'yatra'); ?>">
            <svg class="yatra-icon-lg" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"/>
            </svg>
        </button>
        <button type="button" class="yatra-gallery-modal-next" aria-label="<?php esc_attr_e('Next Image', 'yatra'); ?>">
            <svg class="yatra-icon-lg" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
            </svg>
        </button>
        <div class="yatra-gallery-modal-main">
            <img src="" alt="<?php esc_attr_e('Gallery Image', 'yatra'); ?>" class="yatra-gallery-modal-image">
            <div class="yatra-gallery-modal-loader"><?php esc_html_e('Loading...', 'yatra'); ?></div>
        </div>
        <div class="yatra-gallery-modal-info">
            <div class="yatra-gallery-modal-counter">
                <span class="yatra-gallery-current-index">1</span> / <span class="yatra-gallery-total-count">6</span>
            </div>
        </div>
        <div class="yatra-gallery-modal-thumbnails">
            <div class="yatra-gallery-thumbnails-container">
                <!-- Thumbnails will be populated by JavaScript -->
            </div>
        </div>
    </div>
</div>

```