
{if $_categories}
<div id="box-start-page-categories" class="listing categorie-listing hidden-xs" role="navigation" aria-label="{txt key=TEXT_TOP_CATEGORIES}">

	<div class="row">
		{foreach item=module_data from=$_categories}
			<div class="col col-xs-6 col-md-4">
				<div class="section">
					{if $module_data.categories_image}
						<p class="image">
							<a href="{$module_data.categories_link}" class="vertical-helper image-link">{img img=$module_data.categories_image type=m_category_startpage class="productImageBorder img-responsive" alt=$module_data.categories_name|escape:"html"}</a>
						</p>
					{/if}
					<p class="title text-word-wrap">
						<a class="text-uppercase bold"href="{$module_data.categories_link}">{$module_data.categories_name}</a>
						{if $module_data.categories_description}
						<a href="{$module_data.categories_link}">{$module_data.categories_description|strip_tags|html_entity_decode:2:"UTF-8"|truncate:77:'&nbsp;[...]':false}</a>
						{/if}
					</p>
				</div>
			</div><!-- .col -->
		{/foreach}
	</div>

</div><!-- #box-start-page-categories -->
{/if}