{{! ***** //Image ***** }}
  
        <div class="im-cc-wrapper-products-image" >

            <img
                {{#if misc.isLazyLoadingEnabled}}loading="lazy"{{/if}}
                class="im-cc-products-image {{#if product.isPlaceholderImage}} contain{{/if}}" 
                src="{{misc.currentPath}}{{#if product.pathImage}}{{product.pathImage}}{{else}}cart/images/no-preview.svg{{/if}}" 
                alt="{{#if product.altImage}}{{product.altImage}}{{/if}}" 
                {{#if product.titleImage}}title="{{product.titleImage}}"{{/if}}
                {{#if product.link}}style="cursor: pointer; "{{/if}}
                {{#if product.linkJsImage}}{{{product.linkJsImage}}}{{/if}}
            />
            
            <div class="im-cc-wrapper-image-icons">

                {{! ***** //Icon Viewbox ***** }}

                {{#if product.linkOnlyShowbox}}
                <button type="button" class="clear-button-style" aria-label="{{l10n.cart_open_showbox}}">
                <svg 
                    aria-hidden="true"
                    xmlns="http://www.w3.org/2000/svg" 
                    fill="#000" 
                    stroke="#000" 
                    stroke-linecap="square" 
                    color="#000" 
                    viewBox="0 0 1078 1250" 
                    xmlns:xlink="http://www.w3.org/1999/xlink" 
                    xml:space="preserve" 
                    width="100%" 
                    height="100%" 
                    class="im-cc-icon-viewbox" 
                    {{{product.linkOnlyShowbox}}}
                >
                    <path 
                        d="M69,1117.6c-10.7,0-21.3-4.1-29.5-12.2-16.3-16.3-16.3-42.7,0-58.9l288-288c-24.3-29.8-44.2-62.8-59.3-98.5-21.2-50.2-32-103.6-32-158.5s10.8-108.3,32-158.5c20.5-48.5,49.9-92,87.3-129.4s80.9-66.7,129.4-87.3c50.2-21.2,103.6-32,158.5-32s108.3,10.8,158.5,32c48.5,20.5,92,49.9,129.4,87.3,37.4,37.4,66.7,80.9,87.3,129.4,21.2,50.2,32,103.6,32,158.5s-10.8,108.3-32,158.5c-20.5,48.5-49.9,92-87.3,129.4-37.4,37.4-80.9,66.7-129.4,87.3-50.2,21.2-103.6,32-158.5,32s-108.3-10.8-158.5-32c-35.7-15.1-68.6-35-98.5-59.3l-288,288c-8.1,8.1-18.8,12.2-29.5,12.2ZM643.4,177.6c-178.6,0-323.9,145.3-323.9,323.9s145.3,323.9,323.9,323.9,323.9-145.3,323.9-323.9-145.3-323.9-323.9-323.9Z"
                    >
                    </path>
                </svg>
                </button>
                {{/if}}

                {{! ***** //Icon ProductPage ***** }}

                {{#if product.linkOnlyDetails}}
                <button type="button" class="clear-button-style" aria-label="{{l10n.cart_open_product_page}}">
                <svg 
                    aria-hidden="true"
                    xmlns="http://www.w3.org/2000/svg" 
                    fill="#000" 
                    stroke="#000" 
                    stroke-linecap="square" 
                    color="#000" 
                    viewBox="0 0 1078 1250" 
                    xmlns:xlink="http://www.w3.org/1999/xlink" 
                    xml:space="preserve" 
                    width="100%" 
                    height="100%" 
                    class="im-cc-icon-prodpage" 
                    {{{product.linkOnlyDetails}}}
                >
                    <path 
                        d="M37.2,39.5v931h291.8l209.8,240.6,202.4-240.6h301.5V39.5H37.2ZM997.8,925.5h-277.5l-182,216.4-188.7-216.4H82.2V84.5h915.6v841Z"
                    >
                    </path>
                    <rect x="363.3" y="236.2" width="526.2" height="89"/>
                    <rect x="180.5" y="236.2" width="82" height="89"/>
                    <rect x="363.3" y="460.5" width="526.2" height="89"/>
                    <rect x="180.5" y="460.5" width="82" height="89"/>
                    <rect x="363.3" y="684.8" width="526.2" height="89"/>
                    <rect x="180.5" y="684.8" width="82" height="89"/>

                </svg>
                </button>
                {{/if}}

            </div>

        </div>