bebeboutik/modules/privatesales_similarproducts/front_similarproducts.tpl

<div id="privatesales_similarproduct" class="block products_block">
    {if $is_accessories}
    <h1 class="">{l s='Autres produits associés' mod='privatesales_similarproducts'}</h1>
    {else}
    <h1 class="">{l s='Les meilleures ventes dans la même catégorie' mod='privatesales_similarproducts'}</h1>
    {/if}

    {if $ps_other_products|@count > 0}
        <div class="slider_sales_product_footer">
            <ul class="slides">
                {foreach from=$ps_other_products item=product name=myLoop}
                <li class='slide-item'>
                    <div class="hover-slide">
                        <a onclick="showExpressCart(event); return false;" class="add-to-cart ajax_add_to_cart_product_footer_button" rel="{$product.id_product}" href="" title="{l s='Add to cart' mod='privatesales_similarproducts'}"></a>
                        <a class="see-product" href="{$product.link}" title="{l s='See this product' mod='privatesales_similarproducts'}"></a>
                    </div>
                    <div class="product_added product_added_{$product.id_product}">
                        <p>{l s='Product added to your cart' mod='privatesales_similarproducts'}</p>
                    </div>
                    <div class="img_sellers">
                        <a href="{$product.link}" title="{$product.name|escape:'htmlall':'UTF-8'}"><img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'medium')}" alt="{$product.legend|escape:'htmlall':'UTF-8'}" /></a>
                    </div>
                    <div class="info_sellers">
                        <a href="{$product.link}" title="{$product.name|escape:'htmlall':'UTF-8'}" class="product_link_sellers">{$product.name}</a>
                        <p class="price">{$product.price}</p>
                        <p class="price_info">
                            <span class="old_price">{convertPrice price=$product.price_without_reduction}</span>
                            {if $product.specific_prices.reduction_type =='percentage'}
                                {assign var="reduc_value" value=$product.specific_prices.reduction * 100}
                                <span class="percentage">(-{$reduc_value|intval}%)</span>
                            {elseif $product.specific_prices.reduction_type == 'amount'}
                                <span class="amount">(-{$product.specific_prices.reduction|number_format:2:",":"."}€)</span>
                            {/if}
                        </p>
                    </div>
                </li>
                {/foreach}
            </ul>
        </div>
    {/if}
</div>

<link rel="stylesheet" href="/modules/privatesales_similarproducts/assets/css/flexslider.css">
<script type="text/javascript" src="/modules/privatesales_similarproducts/assets/js/jquery.flexslider.js"></script>

<script>
    {literal}
        $( document ).ready(function() {
            $('.slider_sales_product_footer').flexslider({
                animation: "slide",
                directionNav: true,
                itemWidth:  (860/3),
                useCSS : false,
                pauseOnHover: true,
            });
            $('.slider_sales_product_footer .flex-direction-nav .flex-next').text('');
            $('.slider_sales_product_footer .flex-direction-nav .flex-prev').text('');
        });
    {/literal}
</script>