<div class="product-listing product-listing-slider{if $code} {$code}{/if} control-button-light carousel-outer-wrap">
    {$categories}
    {if $product_listing}

        {if $manufacturer && $manufacturer.MANUFACTURER.manufacturers_image}<div class="pull-right manufacturers-image">{img img=$manufacturer.MANUFACTURER.manufacturers_image type=m_org class="img-responsive"}</div><br />{/if}

        {if $PRODUCTS_DROPDOWN}{$PRODUCTS_DROPDOWN}{/if}
        {if $manufacturer && $manufacturer.MANUFACTURER.manufacturers_description|trim != ''}<div class="manufacturers-description text-word-wrap">{$manufacturer.MANUFACTURER.manufacturers_description}</div>{/if}
        {if $MANUFACTURER_DROPDOWN}{if $MANUFACTURER_DROPDOWN}{$MANUFACTURER_DROPDOWN}{/if}{/if}

        {assign var="unique_id" value=$heading_text|md5}
        {assign var="unique_carousel_id" value="productCarousel-`$unique_id`"}

        {if $extended && $extended == '1' || $page == 'cart'}
            <div class="pcontent-part">
                <h2 class="breaking-headline">{$heading_text}</h2>
            </div>
        {/if}

        {* Master Slave *}

        {if $code}
            {if $code == 'xt_master_slave'}
                <div id="pcontent-part-productlist" class="pcontent-part"
                    data-orientation-nav-url="{$products_link}#pcontent-part-productlist"
                    data-orientation-nav-classes="move"
                    data-orientation-nav-icon="<i class='fa fa-wrench'></i>"
                    data-orientation-nav-label="{txt key=TEXT_PRODUCT_OPTIONS}"
                >
                <p class="breaking-headline">{txt key=TEXT_PRODUCT_OPTIONS}</p>
            {/if}
        {/if}


        <div class="listing-container">
            <div id="slider-{$unique_carousel_id}" class="slider{if $heading_text} collapse collapse-auto-toggle-xs in{/if}">
                <div class="listing equalize-no-panels owl">
                    <div id="productCarousel-{$unique_carousel_id}" class="productCarousel">
                        {assign var="animationDelay" value="200"}
                        {foreach name=listing key=key item=module_data from=$product_listing}
                            {math assign="animationDelay" equation='x+y' x=$animationDelay y=300}
                            <div class="
                                col col-{$key+1}
                                {if $smarty.foreach.listing.first}col-first{elseif $smarty.foreach.listing.last}col-last{/if}
                                {if $code == 'xt_master_slave' && $smarty.get.page == 'product' && $module_data.products_master_model != '' && $smarty.get.info == $module_data.products_id}ms-selected-listing-product{/if}
                                wow fadeIn" data-wow-delay="{$animationDelay}ms" data-wow-duration="700ms">
                                {hook key=product_listing_slider_section_panel_top module_data=$module_data}
                                {include file="includes/panel_product_listing.html" listing_version="v1"}
                                {hook key=product_listing_slider_section_panel_bottom module_data=$module_data}
                            </div><!-- .col -->
                        {/foreach}
                    </div>
                </div>
            </div><!-- .listing -->
        </div>

        {* Master Slave *}

        {if $code}
            {if $code == 'xt_master_slave'}
                </div>
            {/if}
        {/if}


    {else}
        <div class="alert alert-warning">{txt key=TEXT_EW_ADVENTURY_STARTPAGE_TABS_WARNING}</div>
    {/if}

    {$error_listing}

    {if $category_data && $category_data.categories_description_bottom}
        <div id="categorie-description-bottom" class="textstyles text-word-wrap">{$category_data.categories_description_bottom}</div>
    {/if}
</div>
