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

# What's New in YOOtheme Pro 4.0

<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>Parent Source</strong> – Set a content source on a section, row or column and use it in the elements within. This speeds up the workflow and reduces database queries.
    </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>Dynamic Multiplication</strong> – Multiply a section, row or column and design a repeated layout part with the page builder. Even use the Sublayout element to multiply a group of rows.
    </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>Nested Multiple Items Sources</strong> – Render a related multiple items source within a multiple items source, for example, show categories with their latest posts.
    </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>Accessibility</strong> – Comply with WCAG 2.1 standards thanks to better keyboard navigation, WAI-ARIA roles, states and properties, skip navigation link and semantic HTML elements. 
    </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>Productivity</strong> – Open YOOtheme Pro from anywhere, easily find elements in the preview, edit articles within the page builder and transform elements into different elements.
    </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>Page Builder Refinements</strong> – Set a focal point for image cropping, blur out elements on scrolling, create 6-column layouts for rows 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=bazdXpiZrX0">
            <img class="uk-border-rounded" src="https://yootheme.com/site/images/whats-new/yootheme-pro-4.0-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.0 features in 19 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/2023/05/24/yootheme-pro-4.0-next-level-dynamic-content-accessiblity-and-productivity" target="_blank">Learn More</a></p>
