{
    "image": "https://yootheme.com/site/images/whats-new/yootheme-pro-4.5-teaser.jpg"
}

# What's New in YOOtheme Pro 4.5

<div class="uk-grid-small" uk-grid>
    <div class="uk-width-auto">
        <span class="uk-text-success" uk-icon="check"></span>
    </div>
    <div class="uk-width-expand">
        <strong>Live Search</strong> – Display real-time search results as you type. Build the layout with the YOOtheme Pro page builder and display it in a dropdown, dropbar or modal. Simply wow!
    </div>
</div>

<div class="uk-grid-small" uk-grid>
    <div class="uk-width-auto">
        <span class="uk-text-success" uk-icon="check"></span>
    </div>
    <div class="uk-width-expand">
        <strong>Videos Everywhere</strong> – Show videos in all YOOtheme Pro elements, even on hover. Create mixed-media galleries with dynamic content. Enjoy video previews in the customizer.
    </div>
</div>

<div class="uk-grid-small" uk-grid>
    <div class="uk-width-auto">
        <span class="uk-text-success" uk-icon="check"></span>
    </div>
    <div class="uk-width-expand">
        <strong>Refined Lightbox Gallery</strong> – Slide, fade, or scale between lightbox images and videos. Zoom in and out, show a slide counter and a thumbnail or dot navigation.
    </div>
</div>

<div class="uk-grid-small" uk-grid>
    <div class="uk-width-auto">
        <span class="uk-text-success" uk-icon="check"></span>
    </div>
    <div class="uk-width-expand">
        <strong>WooCommerce Filter Element</strong> – Create product filter layouts with ordering, result count and active filters. Display filters in a dropdown, dropbar or offcanvas dialog and enjoy tons of other WooCommerce improvements.
    </div>
</div>

<div class="uk-grid-small" uk-grid>
    <div class="uk-width-auto">
        <span class="uk-text-success" uk-icon="check"></span>
    </div>
    <div class="uk-width-expand">
        <strong>Improved Slideshow and Sliders</strong> – Swipe through images and videos right on the product archive. Controls will adapt their color automatically to light or dark backgrounds.
    </div>
</div>

<div class="uk-grid-small" uk-grid>
    <div class="uk-width-auto">
        <span class="uk-text-success" uk-icon="check"></span>
    </div>
    <div class="uk-width-expand">
        <strong>Further Refinements</strong> – Expand image or content heights to fill the available column space. Open a modal or offcanvas dialog with the Button element. Copy templates! Use the request source with regular expressions for dynamic conditions and so much more…
    </div>
</div>

<div class="uk-grid-small uk-flex-middle uk-margin-top" uk-grid uk-lightbox="video-autoplay: true;">
    <div class="uk-width-auto">
        <a class="uk-position-relative" href="https://www.youtube-nocookie.com/watch?v=9nyeQgYRQSs">
            <img class="uk-border-rounded" src="https://yootheme.com/site/images/whats-new/yootheme-pro-4.5-video-poster.jpg" width="100" alt>
            <div class="uk-position-center">
                <img src="https://yootheme.com/site/images/play.svg" alt="Play Video Icon">
            </div>
        </a>
    </div>
    <div class="uk-width-expand">Watch the in-depth video presentation walking through all the new YOOtheme Pro 4.5 features in 13 min.</div>
</div>

<p class="uk-margin-medium-top uk-margin-remove-bottom"><a class="uk-button uk-button-primary" href="https://yootheme.com/blog/2025/01/20/yootheme-pro-4.5-live-search-woocommerce-filter-and-refined-lightbox-gallery" target="_blank">Learn More</a></p>