Закрыть
Скидки в Webasyst 25–29 ноября 2021

Плагин "Купить в один клик Lite"

Всем доброго времени суток! Кто сталкивался с проблемой вывода картинки в форме? Плагин выводит самую маленькую картинку товара 48*48px и она кажется очень размытой.

http://joxi.ru/p270zEqTNjXo6A - скрин.

https://homy-decor.com.ua/ - сайт.

Как вывести миниатюру побольше?


initView: function() {
            var that = this;

            $('body').on('click', '.clicklite__buttonView', function() {
                var product = $(this).data('product');
                var skuName = '';
                var price = '';
                var sku = that.getSku(product.skusSELECT);

                var clicklite = addFormGetClicklite();

                clicklite.find(&#039;.clicklite__img&#039;).html(&#039;<img src="&#039;+product.image+&#039;" alt="" />&#039;);
                clicklite.find(&#039;.clicklite__sku&#039;).val(product.sku_id);
                clicklite.find(&#039;.clicklite__id&#039;).val(product.id);
                clicklite.find(&#039;.clicklite__n&#039;).text(product.name.replace(/&amp;/g,&#039;&&#039;).replace(/"/g, &#039;"&#039;));
                clicklite.find(&#039;.clicklite__price&#039;).data(&#039;price&#039;, product.price);
                clicklite.find(&#039;.clicklite__price&#039;).html(that.currencyFormat(product.price));
                clicklite.find(&#039;.clicklite__totalPrice&#039;).html(that.currencyFormat(product.price));

                if (sku) {
                    if (sku.available) {
                        skuName = sku.name;
                        price = sku.price;
                        clicklite.find(&#039;.clicklite__sku&#039;).val(sku.id);
                    } else {
                        clicklite.find(&#039;.clicklite__error&#039;).show();
                        clicklite.find(&#039;.clicklite__bid&#039;).hide();
                    }

                    if(skuName != &#039;&#039;)
                        clicklite.find(&#039;.clicklite__variants&#039;).text(skuName);

                    if(price != &#039;&#039;) {
                        clicklite.find(&#039;.clicklite__price&#039;).data(&#039;price&#039;, price);
                        clicklite.find(&#039;.clicklite__price&#039;).html(that.currencyFormat(price));
                        clicklite.find(&#039;.clicklite__quantity&#039;).val(1);
                        clicklite.find(&#039;.clicklite__totalPrice&#039;).html(that.currencyFormat(price));
                    }
                }

                that.yandexTarget(&#039;click&#039;);
                activeModalForm(clicklite);

                return false;
            });

Это кусочек кода который отвечает за вывод.

Заранее спасибо за помощь!

4 ответа

  • 2
    Алексей Webasyst 4 февраля 2021 22:45 #

    Единственная строка с картинкой

    clicklite.find('.clicklite__img').html('<img src="'+product.image+'" alt="" />');

    И здесь выбора размера нет.
    Можете попробовать изменить

    product.image

    на

    product.image.replace('48x48','96x96');
    • +1
      Григорий Воронин Григорий Воронин 5 февраля 2021 00:12 #

      Спасибо! Тоже работающий вариант! Только создал миниатюры 200*200px и получилось так:

      clicklite.find('.clicklite__img').html('<img src="'+product.image.replace('48x48','200x200')+'" alt="" />');

  • 1
    Koin Партнер-разработчик 4 февраля 2021 22:45 #

    изменения кода js не поможет

    в строке 343 файла на сервере ищите и поменяйте 48x48@2x на ваше разрешение

    shopClicklite.plugin.php
    $settings['image']  = shopImage::getUrl($image,'48x48@2x');

Добавить ответ

Чтобы добавить комментарий, зарегистрируйтесь или войдите