{*
* 2007-2022 ETS-Soft
*
* NOTICE OF LICENSE
*
* This file is not open source! Each license that you purchased is only available for 1 wesite only.
* If you want to use this file on more websites (or projects), you need to purchase additional licenses. 
* You are not allowed to redistribute, resell, lease, license, sub-license or offer our resources to any third party.
* 
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs, please contact us for extra customization service at an affordable price
*
*  @author ETS-Soft <etssoft.jsc@gmail.com>
*  @copyright  2007-2022 ETS-Soft
*  @license    Valid for 1 website (or project) for each purchase of license
*  International Registered Trademark & Property of ETS-Soft
*}
<div class="variant-links">
  {foreach from=$variants item=variant}
    <a href="{$variant.url|escape:'html':'UTF-8'}"
       class="{$variant.type|escape:'html':'UTF-8'}"
       title="{$variant.name|escape:'html':'UTF-8'}"
       {*
          TODO:
            put color in a data attribute for use with attr() as soon as browsers support it,
            see https://developer.mozilla.org/en/docs/Web/CSS/attr
        *}
      {if $variant.html_color_code} style="background-color: {$variant.html_color_code|escape:'html':'UTF-8'}" {/if}
      {if $variant.texture} style="background-image: url({$variant.texture|escape:'html':'UTF-8'})" {/if}
    ><span class="sr-only">{$variant.name|escape:'html':'UTF-8'}</span></a>
  {/foreach}
  <span class="js-count count"></span>
</div>