{config_load file="$language/lang_$language.conf" section="categorie_listing"}
{config_load file="lang_`$language`.custom"}
{config_load file="lang_`$language`.section" section="categorie_listing"}

<div class="categories_listing">

  {if isset($CATEGORIES_HEADING_TITLE) && $CATEGORIES_HEADING_TITLE != ''}
    <h1>{$CATEGORIES_HEADING_TITLE}</h1>
  {else}
    <h1>{$CATEGORIES_NAME}</h1>
  {/if}

  {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="cat_description_image">
          {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 cat_image{if !$CATEGORIES_DESCRIPTION} ci_nomargin{/if}" data-src="{$CATEGORIES_IMAGE}" alt="{$CATEGORIES_NAME|onlytext}" />
            <noscript><img class="cat_image{if !$CATEGORIES_DESCRIPTION} ci_nomargin{/if}" 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}

  {if isset($MODULE_new_products)}{$MODULE_new_products}{/if}
  
  {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}

</div>