{config_load file="$language/lang_$language.conf" section="index"}
{config_load file="lang_`$language`.custom"}
{config_load file="lang_`$language`.section" section="index"}
<div class="product_listing">

  <h1>{$LIST_TITLE}</h1>
  {if $error_message}<div class="errormessage">{$error_message}</div>{/if}

  {if (isset($CATEGORIES_DESCRIPTION) && $CATEGORIES_DESCRIPTION != '')
       || (isset($CATEGORIES_SHORT_DESCRIPTION) && $CATEGORIES_SHORT_DESCRIPTION != '')
       || (isset($CATEGORIES_IMAGE) && $CATEGORIES_IMAGE != '')
       || (isset($CATEGORIES_IMAGE_MOBILE) && $CATEGORIES_IMAGE_MOBILE != '')
       }
    <div class="cat_description">
      {if isset($CATEGORIES_IMAGE) && $CATEGORIES_IMAGE != ''}
        <div class="{if isset($listing_mode) && $listing_mode == 'manufacturer'}cat_manufacurer_image{else}cat_description_image{/if}">
          {if isset($CATEGORIES_IMAGE_MOBILE) && $CATEGORIES_IMAGE_MOBILE != ''}
            <picture>
              <source media="(max-width:600px)" data-srcset="{$CATEGORIES_IMAGE_MOBILE}">
              <source data-srcset="{$CATEGORIES_IMAGE}">
              <img class="lazyload" data-src="{$CATEGORIES_IMAGE}" alt="{$CATEGORIES_NAME|onlytext}" />
              <noscript><img src="{$CATEGORIES_IMAGE}" alt="{$CATEGORIES_NAME|onlytext}" /></noscript>
            </picture>
          {else}
            <img class="lazyload" data-src="{$CATEGORIES_IMAGE}" alt="{$CATEGORIES_NAME|onlytext}" />
            <noscript><img src="{$CATEGORIES_IMAGE}" alt="{$CATEGORIES_NAME|onlytext}" /></noscript>
          {/if}
        </div>
      {/if}

      {if (isset($CATEGORIES_SHORT_DESCRIPTION) && $CATEGORIES_SHORT_DESCRIPTION != '')
           || (isset($CATEGORIES_DESCRIPTION) && $CATEGORIES_DESCRIPTION != '')
           }
        <div class="cat_description_text cf">
          {if isset($CATEGORIES_SHORT_DESCRIPTION) && $CATEGORIES_SHORT_DESCRIPTION != ''}{$CATEGORIES_SHORT_DESCRIPTION}{else if isset($CATEGORIES_DESCRIPTION) && $CATEGORIES_DESCRIPTION != ''}{$CATEGORIES_DESCRIPTION}{/if}
        </div>
      {/if}
    </div>
  {/if}

  {if isset($CATEGORIES_LISTING)}{$CATEGORIES_LISTING}{/if}

  <div class="listing">

    <div class="filter_pagination_bar">
      {$LISTING_FILTER}
      {$PAGINATION}
    </div>
    
    <div class="listingcontainer_full">
      {include file="module/includes/products_include_listing.html"}
    </div>

    <div class="pagination_bottom">{$PAGINATION}</div>
  </div>      

  {if isset($CATEGORIES_SHORT_DESCRIPTION) && $CATEGORIES_SHORT_DESCRIPTION != '' && isset($CATEGORIES_DESCRIPTION) && $CATEGORIES_DESCRIPTION != ''}
  <div class="cat_description mt_50 mb_0">
    <div class="cat_description_text cf">
      {$CATEGORIES_DESCRIPTION}
    </div>
  </div>
  {/if}

  {if (isset($MANUFACTURER_DESCRIPTION) && $MANUFACTURER_DESCRIPTION != '')
       || (isset($MANUFACTURER_SHORT_DESCRIPTION) && $MANUFACTURER_SHORT_DESCRIPTION != '')
       }
    <div class="cat_description mt_50">
      {if isset($MANUFACTURER_TITLE) && $MANUFACTURER_TITLE != ''}
        <div class="subline">{$MANUFACTURER_TITLE}</div>
      {else}
        <div class="subline">{$MANUFACTURER_NAME}</div>
      {/if}
        
      {if $MANUFACTURER_IMAGE}
        <div class="cat_manufacurer_image">
          <img class="lazyload" data-src="{$MANUFACTURER_IMAGE}" alt="{$MANUFACTURER_NAME|onlytext}" />
          <noscript><img src="{$MANUFACTURER_IMAGE}" alt="{$MANUFACTURER_NAME|onlytext}" /></noscript>
        </div>
      {/if}
      <div class="cat_description_text cf">{if $MANUFACTURER_SHORT_DESCRIPTION}{$MANUFACTURER_SHORT_DESCRIPTION}{else if $MANUFACTURER_DESCRIPTION}{$MANUFACTURER_DESCRIPTION}{/if}</div>
    </div>  
  {/if}

</div>