{extends file="../layouts/mobile.tpl"}

{block name=styles}
    <link rel="stylesheet" href="/share/js/libs/slick/slick.css">
    <link rel="stylesheet" href="/share/js/libs/slick/slick-theme.css">
{/block}

{block name=scripts}
    <script src="/share/js/libs/slick/slick.min.js"></script>
    
    <script>
        
    $('.gallery-slider').slick({
      infinite: true,
      slidesToShow: 4,
      slidesToScroll: 1
    });
    
    </script>
{/block}

{block name=end_of_header}
    
    
<script type="application/ld+json">
{literal}
{
  "@context": "http://schema.org/",
  "@type": "WebSite",
  "name": {/literal}{$settings.site_title}{literal},
  "url": "https://www.krim-trans.com"
}
{/literal}
</script>

 <!-- cannonical -->
    <link rel="canonical" href="https://www.krim-trans.com/{$language_code}/"/>
    
{/block}

{block name=body}

<div id="banners">
    <ul>
        {foreach from=$home_banners item=h name=im}
        <li {if $smarty.foreach.im.iteration > 1}style="display: none;"{/if}>
            <img src="{$base_url}/phpThumb/phpThumb.php?w=1920&h=700&q=90&zc=1&src={$base_dir}/files/actual_images/{$h->image}"
                 {if $h->link_real} onclick="window.location='{$h->link_real}'" {/if} target="_blank" alt="{$h->text}"/>
        </li>
        {/foreach}
    </ul>
</div>

<div align="center"> 
<table width="98%" border="0" cellspacing="3" cellpadding="5">
        <tr>
               {foreach from=$headlines item=n name=newsloop}
  {if $smarty.foreach.newsloop.index == 5} {break} {/if}

                <td width="20%" valign="top">
                   
                       <div data-aos="zoom-in"> <a href="{$n.link}"><img src="/phpThumb/phpThumb.php?w=459&h=481&q=90&src=/files/actual_images/{$n.image}" width="100%" vspace="5" /></a></div>
                </td>
            {/foreach}
        </tr>
    </table>
</div>
<div align="center">
  <div class="pad20-90"><span class="black_24-zagl">{$page.title}</span><br />
    <img src="/share/images/site/line1.png" width="280" height="2" vspace="10" /><br />
  <div style="text-align:justify" class="gray_16">  {$page.content}</div><br />
  <a href="/bg/za-nas"><img src="/share/images/site/more.png" width="80" border="0"  class="grow"/></a> </div> 
</div>
<div><a href="/bg/individualno-shiene"><img src="/share/images/site/ban1.jpg" width="100%" /></a></div>
<div align="center"><div align="center" class="pad20-50up"><span class="black_20-m">НОВИ ПРОДУКТИ</span><br />
    <img src="/share/images/site/line1.png" width="280" height="2" vspace="10" /><br /><br />
    <div class="gallery-slider-container">
            <div class="gallery-slider">
                {foreach from=$products_hot item=product}
                    <div align="center" class="services" style="display:inline-block; width:260px; height: 510px; vertical-align: top;">
                        <div>
                            <div style="position:relative; width:260px; height: 358px; text-align: center;">
                             <a href="{$base_url}/bg/product/{$product.slug}/">
                            <img src="/phpThumb/phpThumb.php/w=260;h=358;zc=1;q=95;/files/actual_images/{$product.image}" alt="{$product.name}" hspace="0" vspace="0"  border="0" /></a>
                                {if $product.is_new} <div class="new"><img src="/share/images/site/new.png" height="25" /></div> {/if}
                                <div class="wishlist">
                                    <a href="#" data-id="{$product.id}" class="awishlist {if $customer && $customer->inWishlist($product.id)}inwishlist{/if}"></a></div>
                              <!--<div class="zoom">   <img src="/share/images/site/zoom.png" height="25" class="grow" /></div>-->
                            </div>
                           
                           

                           <div align="center" style="width:265px; height: auto; margin-bottom:10px; margin-top:10px;">
                                                 <a href="{$base_url}/bg/product/{$product.slug}/"><span class="gray_16-up upp">{$product.name}</span></a><br>

                                                {if $product.is_available}
                                                    {if $product.is_promo}
                                                       
                                                            <span class="black_20-m">
                                                                {$product.prices.promo|string_format:"%.2f"}<span class="black_16-m upp">лв.</span>
                                                            </span>
                                                      
                                                    {/if}
                                                    <span class="gray_16-up upp" style="{if $product.is_promo}text-decoration: line-through;{/if}">{$product.prices.price|string_format:"%.2f"}лв.</span>
                                                {else}
                                                  <span class="black_16-m">  ИЗЧЕРПАН</span>
                                                {/if}<br />
                                                 <a href="{$base_url}/bg/product/{$product.slug}/"><img src="/share/images/site/more.png" width="67" class="grow" /></a>
                          </div>
                          
                        </div>
                    </div>
                {/foreach}
            </div>
    </div>
    <br />
</div> </div>

{include file="elements/blog_last.html"}

        
{/block}