{{ header }} {% set col = column_left ? 9 : 12 %} {% set col = column_right ? col - 3 : col %}
<!-- Main :: Start-->
<main class="main">
	<!-- Breadcrumbs :: Start-->
	<div class="breadcrumbs">
	  <div class="container-fluid">
		<h1 class="breadcrumbs__title">{{ heading_title }}</h1>
		<ul class="breadcrumbs__menu">
		{% for i,breadcrumb in breadcrumbs %}
			{% if (i + 1 < breadcrumbs|length) %} 
			<li><a class="breadcrumbs__link" href="{{ breadcrumb.href }}"><span>{{ breadcrumb.text }}</span></a></li>
			{% else %} 
			<li>{{ breadcrumb.text }}</li>
			{% endif %}
		{% endfor %}
		</ul>
	  </div>
	</div>
	<!-- Breadcrumbs :: End-->
	<!-- Page :: Start-->
	<div class="page">
	{{ content_top }}
	<div class="container-fluid">
		<div class="row personal__wrapper">
		{{ column_left|replace({'<div id="column-left" class="col-xl-3">': '<div id="column-left" class="col-xl-3 personal__sidebar">'}) }}
		<div class="col-xl-{{ col }}">
			{% if products %}
			<div class="page__body">
				<div class="products">
					<ul class="products__list products__list--responsive products__list--grid-3">
					{% for product in products %}
					<li>
						<div class="products__item products__item--responsive {% if (category_time and product.special and product.special_date_end) %}products__item--countdown{% endif %}">
							<div class="products__item-in">
								<div class="products__item-topleft">
									<div class="products__item-badges">
										{% if (product.isnewest) %}<span class="ui-badge ui-badge--blue">{{ labelsinfo.new.name[language_id] }}</span>{% endif %}
										{% if (product.special and product.sales) %}<span class="ui-badge ui-badge--red">{{ labelsinfo.sale.name[language_id] }}</span>{% endif %}
										{% if (product.popular) %}<span class="ui-badge ui-badge--orange">{{ product.popular }}</span>{% endif %}
										{% if (product.hit) %}<span class="ui-badge ui-badge--purple">{{ product.hit }}</span>{% endif %}
										{% if (product.nocatch) %}<span class="ui-badge">{{ product.catch }}</span>{% elseif product.catch %}<span class="ui-badge">{{ product.catch }}</span>{% endif %}
										{% if (product.reward) %}<span class="ui-badge ui-badge--transparent">{{ text_prostore_reward_short }} {{ product.reward }}</span>{% endif %}
									</div>
									{% if (product.rating != constant('false')) %}
									<span class="products__item-rating">{{ product.rating }} <svg class="icon-star"><use xlink:href="catalog/view/theme/prostore/sprites/sprite.svg#icon-star"></use></svg>
									</span>
									{% endif %}
								</div>
								<div class="products__item-buttons">
									<button type="button" class="ui-btn ui-btn--compare {% if product.wish_compare_data.compare_data.is_in_compare %}is-active{% endif %}" title="{{ button_compare }}" data-action="compare" data-for="{{ product.product_id }}">
										<svg class="icon-compare{% if product.wish_compare_data.compare_data.is_in_compare %}-active{% endif %}">
											<use xlink:href="catalog/view/theme/prostore/sprites/sprite.svg#icon-compare{% if product.wish_compare_data.compare_data.is_in_compare %}-active{% endif %}"></use>
										</svg>
									</button>
									<a href="{{ product.remove }}" class="ui-btn ui-btn--favorite" title="{{ button_remove }}">
										<svg class="icon-favorites-active"><use xlink:href="catalog/view/theme/prostore/sprites/sprite.svg#icon-favorites-active"></use>
										</svg>
									</a>
								</div>
								{% if product.images %}
								<a class="products__item-gallery" href="{{ product.href }}">
									<div class="products__item-image is-active">
										<img src="{{ product.thumb }}" alt="{{ product.name }}" width="{{ image_product_width }}" height="{{ image_product_height }}" {% if lazyload %}loading="lazy"{% endif %}>
									</div>
									{% for imageX in product.images %}
									<div class="products__item-image">
										<img data-src="{{ imageX }}" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="{{ product.name }}" width="{{ image_product_width }}" height="{{ image_product_height }}" {% if lazyload %}loading="lazy"{% endif %}>
									</div>
									{% endfor %}
									<div class="products__item-pagination">
										<div class="products__item-bullet is-active"></div>
										{% for imageX in product.images %}
										<div class="products__item-bullet"></div>
										{% endfor %}
									</div>
								</a>
								{% else %}
								<a class="products__item-image" href="{{ product.href }}">
									<img src="{{ product.thumb }}" alt="{{ product.name }}" width="{{ image_product_width }}" height="{{ image_product_height }}" {% if lazyload %}loading="lazy"{% endif %}>
								</a>
								{% endif %}
								<span class="products__item-status {% if (product.quantity > 0) %}products__item-status--true{% else %}products__item-status--false{% endif %}">{{ product.stock }}</span>
								{% if product.manufacturer %}<span class="products__item-id">{{ product.manufacturer }}</span>{% endif %}
								<a class="products__item-title" href="{{ product.href }}">{{ product.name }}</a>
								{% if product.price %}
								<p class="products__item-price b">{% if product.special %}{% if product.sales and product.discount %}<mark>-{{ product.discount }}</mark>{% endif %}<ins>{{ product.special }} </ins><del>{{ product.price }}</del>{% else %}{{ product.price }}{% endif %}
								</p>
								{% endif %}
								{% if (category_time and product.special and product.special_date_end) %}
								<div class="products__item-discount">
									<div class="ui-discount">
										<div class="row">
											<div class="col-12">
												<div class="ui-discount__desc">
													<figure class="ui-discount__icon">
														<svg class="icon-discount"><use xlink:href="catalog/view/theme/prostore/sprites/sprite.svg#icon-discount"></use>
														</svg>
													</figure>
													<p class="ui-discount__caption">{{ time_text_1 }}<small>{{ time_text_2 }}</small>
													</p>
												</div>
											</div>
											<div class="col-12">
												<time class="ui-discount__countdown js-countdown" data-text-countdown="{{ text_countdown }}" datetime="{{ product.special_date_end }}"></time>
											</div>
										</div>
									</div>
								</div>
								{% endif %}
								<div class="products__item-action">
									<div class="ui-add-to-cart {% if product.isincart %}is-active{% endif %}">
										<button type="button" class="ui-btn ui-btn--primary" onclick="{% if product.isincart %}window.location.href='{{cart_link}}';{% else %}cart.add('{{ product.product_id }}', '{{ product.minimum }}');{% endif %}" {% if product.buy_btn %}disabled{% endif %} data-add-to-cart="{{ text_prostore_in_cart }}">{% if product.isincart %}{{ text_prostore_in_cart }}{% else %}{{ button_cart }}{% endif %}<svg class="icon-cart"><use xlink:href="catalog/view/theme/prostore/sprites/sprite.svg#icon-cart"></use>
											</svg>
										</button>
										<div class="ui-number">
											<button class="ui-number__decrease">
												<svg class="icon-decrease"><use xlink:href="catalog/view/theme/prostore/sprites/sprite.svg#icon-decrease"></use>
												</svg>
											</button>
											<button class="ui-number__increase">
												<svg class="icon-increase"><use xlink:href="catalog/view/theme/prostore/sprites/sprite.svg#icon-increase"></use>
												</svg>
											</button>
											<input class="ui-number__input" type="number" name="prod_id_quantity[{{ product.product_id }}]" value="{{ product.to_cart_quantity }}">
										</div>
										<a class="ui-btn ui-btn--view js-btn-preview" title="{{ text_product_view_btn }}" data-for="{{ product.product_id }}" href="#popupprod">
											<svg class="icon-view"><use xlink:href="catalog/view/theme/prostore/sprites/sprite.svg#icon-view"></use>
											</svg>
										</a>
									</div>
								</div>
							</div>
						</div>
					</li>
					{% endfor %}
					</ul>
				</div>
			</div>
			{% else %} 
			<div class="page__body">
				<p>{{ text_empty }}</p>
			</div>
			{% endif %}
			<div class="page__action">
				<a href="{{ continue }}" class="ui-btn ui-btn--primary">{{ button_continue }}</a>
			</div>
		</div>
		{{ column_right }}
		</div>
	</div>
	{{ content_bottom }}
	</div>
	<!-- Page :: End-->
</main>
<!-- Main :: End-->
{{ footer }}
</body></html>