Page History

<%

// [SHOP_CODE]_variant_SkuOptionsDim_OPTMOUSE used for 'OPTMOUSE', which show a SKU thumbnail + value name hint

def _skus = binding.hasVariable('product') ? product.skus : null;
def _sku = binding.hasVariable('sku') ? sku : null;
def _fc = binding.hasVariable('fc') ? fc : null;
def _optionsModel = binding.hasVariable('optionsModel') ? optionsModel : null;
def _optionsModelItem = binding.hasVariable('optionsModelItem') ? optionsModelItem : null;

if (_optionsModelItem != null) {

    def _lang = sf.locale;
    def _optionName = _optionsModelItem.getLocalName(_lang);

    %><div class="product-detail-sku-options-option-name" data-option="${_optionsModelItem.attributeCode}">${_optionName}</div><%

    %><div class="product-detail-sku-options-option" data-option="${_optionsModelItem.attributeCode}"><%

        _optionsModelItem.optionSku.each { _skuItem ->

            def _code = sf.useManufacturerSku ? _skuItem.manufacturerCode : _skuItem.code;
            def _name = _skuItem.getLocalName(_lang);
            def _val = _skuItem.code;

            def _skuImage = _skuItem.images != null && _skuItem.images.size() > 0 ? _skuItem.images[0].thumbnailUrl : null;

            %>
            <span class="sku-option-img">
                <a
                        class="js-buy-option"
                        href="#"
                        title="${_name}"
                        data-product="${_sku?.code}"
                        data-option="${_optionsModelItem.attributeCode}"
                        data-optionqty="${_optionsModelItem.quantity}"
                        data-optionrequired="${_optionsModelItem.mandatory}"
                        data-optionvalue="${_val}">

                    <script type='yc-include'>/internal/skubuypanel?skuId=${_skuItem.skuId}&fc=${_fc}&itemQuantity=${_optionsModelItem.quantity}&view=SkuBuyPanelOption</script>
<%
                    if (_skuImage) {
                        %><img src="${_skuImage.substring(0, _skuImage.indexOf('?')) + '?w=40&h=40'}"/><%
                    } else {
                        %><span>${(_code + ' ' + _name)}</span><%
                    }
%>
                </a>
            </span>
<%
        }

    %></div><%

} %>