UI.X 2 [Paid] 2.3.10.0.0

[Alex21]

Unfortunately, it never worked. It's strange, I can't buy it or watch the demo. I'll manually edit the default template then.

 

[willl]

I'm encountering another weird issue when using the variations style. On mobile when using the menu to open direct messages, an error occurs:

View attachment 335416

Clicking on Show all or going directly to /direct_messages results in a Page Not Found error.

View attachment 335417

Looking in the console log, I see a "ReferenceError: jQuery is not defined" that references /js/themehouse/uix/index.min.js and /js/themehouse/global/20210125.min.js.
This error isn't present on the regular UIX style.

Thanks for the details - I'll take a look and see what I can find. Weird that this impacts Variations but not the regular UIX style, but it may be as simple as missing a code fix on the variations version since it's maintained separately for now.

How to buy your template? The "buy" button has not worked for 2 days and shows error 502. This is really some kind of mockery...

Sorry for this - Many of us aren't available on the weekends (while I'm a workaholic, I work on my own stuff on the weekends ), but we're working on the issue now and it should be up soon

Actually, it's up now.

 

[willl]

Just an update - I see the issue on the variations version of UIX for the off-canvas messages tab! As a hotfix until our next release, just update the uix_canvasPanels template in the UIX Variations style (or AC.UI Variations, too, as it'll have the same issue) with the following, which will fix it (do this in the parent style since you want to avoid any inheritance issues on the child when the update is released):

<div class="sidePanel sidePanel--nav sidePanel--visitor">
    <div class="sidePanel__tabPanels">
        
        <div data-content="navigation" class="is-active sidePanel__tabPanel js-navigationTabPanel">
            <xf:macro id="PAGE_CONTAINER::canvasNavPanel" arg-widgets="{$uix_sidebarNavWidgets}" />
        </div>
        
        <xf:if is="$xf.visitor.user_id && (property('uix_visitorTabsMobile') == 'canvas')">
            
        <div data-content="account" class="sidePanel__tabPanel js-visitorTabPanel">
        <div class="uix_canvasPanelBody" data-menu="menu" aria-hidden="true"
             data-href="{{ link('account/visitor-menu') }}"
             data-load-target=".js-visitorMenuBody">
                <div class="offCanvasMenu-header">
                    {{ phrase('your_account') }}
                    <a class="offCanvasMenu-closer" data-menu-close="true" role="button" tabindex="0" aria-label="{{ phrase('close') }}"></a>
                </div>
                <div class="js-visitorMenuBody"></div>
        </div>
        </div>
        
        <div data-content="inbox" class="sidePanel__tabPanel js-convoTabPanel">
                <div class="uix_canvasPanelBody" data-menu="menu" aria-hidden="true"
                     data-href="{{ link('direct-messages/popup') }}"
                     data-nocache="true"
                     data-target=".js-convMenuBody">
                    <div class="offCanvasMenu-header">
                        {{ phrase('direct_messages') }}
                        <a class="offCanvasMenu-closer" data-menu-close="true" role="button" tabindex="0" aria-label="{{ phrase('close') }}"></a>
                    </div>
                    <div class="js-convMenuBody">
                    </div>
                </div>
                <div class="menu-footer">
                    <a href="{{ link('direct-messages/add') }}" class="u-pullRight">{{ phrase('send_direct_message') }}</a>
                    <a href="{{ link('direct-messages') }}">{{ phrase('show_all...') }}</a>
                </div>
        </div>
        
        <div data-content="alerts" class="sidePanel__tabPanel js-alertTabPanel">
                <div class="uix_canvasPanelBody" data-menu="menu" aria-hidden="true"
                     data-href="{{ link('account/alerts-popup') }}"
                     data-nocache="true"
                     data-target=".js-alertsMenuBody">
                    <div class="offCanvasMenu-header">
                        {{ phrase('alerts') }}
                        <a class="offCanvasMenu-closer" data-menu-close="true" role="button" tabindex="0" aria-label="{{ phrase('close') }}"></a>
                    </div>
                    <div class="js-alertsMenuBody">
                    </div>
                </div>
                <div class="menu-footer menu-footer--split">
                    <span class="menu-footer-main">
                        <a href="{{ link('account/alerts') }}">{{ phrase('show_all...') }}</a>
                    </span>
                    <span class="menu-footer-opposite">
                        <a href="{{ link('account/preferences') }}">{{ phrase('preferences') }}</a>
                    </span>
                </div>
        </div>
            
        </xf:if>
        
    </div>
</div>

 

[Apt Irrelevance]

Just an update - I see the issue on the variations version of UIX for the off-canvas messages tab! As a hotfix until our next release, just update the uix_canvasPanels template in the UIX Variations style (or AC.UI Variations, too, as it'll have the same issue) with the following, which will fix it (do this in the parent style since you want to avoid any inheritance issues on the child when the update is released):

<div class="sidePanel sidePanel--nav sidePanel--visitor">
    <div class="sidePanel__tabPanels">
       
        <div data-content="navigation" class="is-active sidePanel__tabPanel js-navigationTabPanel">
            <xf:macro id="PAGE_CONTAINER::canvasNavPanel" arg-widgets="{$uix_sidebarNavWidgets}" />
        </div>
       
        <xf:if is="$xf.visitor.user_id && (property('uix_visitorTabsMobile') == 'canvas')">
           
        <div data-content="account" class="sidePanel__tabPanel js-visitorTabPanel">
        <div class="uix_canvasPanelBody" data-menu="menu" aria-hidden="true"
             data-href="{{ link('account/visitor-menu') }}"
             data-load-target=".js-visitorMenuBody">
                <div class="offCanvasMenu-header">
                    {{ phrase('your_account') }}
                    <a class="offCanvasMenu-closer" data-menu-close="true" role="button" tabindex="0" aria-label="{{ phrase('close') }}"></a>
                </div>
                <div class="js-visitorMenuBody"></div>
        </div>
        </div>
       
        <div data-content="inbox" class="sidePanel__tabPanel js-convoTabPanel">
                <div class="uix_canvasPanelBody" data-menu="menu" aria-hidden="true"
                     data-href="{{ link('direct-messages/popup') }}"
                     data-nocache="true"
                     data-target=".js-convMenuBody">
                    <div class="offCanvasMenu-header">
                        {{ phrase('direct_messages') }}
                        <a class="offCanvasMenu-closer" data-menu-close="true" role="button" tabindex="0" aria-label="{{ phrase('close') }}"></a>
                    </div>
                    <div class="js-convMenuBody">
                    </div>
                </div>
                <div class="menu-footer">
                    <a href="{{ link('direct-messages/add') }}" class="u-pullRight">{{ phrase('send_direct_message') }}</a>
                    <a href="{{ link('direct-messages') }}">{{ phrase('show_all...') }}</a>
                </div>
        </div>
       
        <div data-content="alerts" class="sidePanel__tabPanel js-alertTabPanel">
                <div class="uix_canvasPanelBody" data-menu="menu" aria-hidden="true"
                     data-href="{{ link('account/alerts-popup') }}"
                     data-nocache="true"
                     data-target=".js-alertsMenuBody">
                    <div class="offCanvasMenu-header">
                        {{ phrase('alerts') }}
                        <a class="offCanvasMenu-closer" data-menu-close="true" role="button" tabindex="0" aria-label="{{ phrase('close') }}"></a>
                    </div>
                    <div class="js-alertsMenuBody">
                    </div>
                </div>
                <div class="menu-footer menu-footer--split">
                    <span class="menu-footer-main">
                        <a href="{{ link('account/alerts') }}">{{ phrase('show_all...') }}</a>
                    </span>
                    <span class="menu-footer-opposite">
                        <a href="{{ link('account/preferences') }}">{{ phrase('preferences') }}</a>
                    </span>
                </div>
        </div>
           
        </xf:if>
       
    </div>
</div>

This fix appears to be working on my end.