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

Question

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

Форум поддержки » Вопросы и ответы

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

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

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

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

initView: function() {
            var that = this;

            $(&#039;body&#039;).on(&#039;click&#039;, &#039;.clicklite__buttonView&#039;, function() {
                var product = $(this).data(&#039;product&#039;);
                var skuName = &#039;&#039;;
                var price = &#039;&#039;;
                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 ответа

+1

Григорий Воронин 5 февраля 2021 00:12 #

Спасибо! Тоже работающий вариант! Только создал миниатюры 200*200px и получилось так:
clicklite.find('.clicklite__img').html('<img src="'+product.image.replace('48x48','200x200')+'" alt="" />');

ответить
+1

Григорий Воронин 5 февраля 2021 00:11 #

Работает, спасибо!

ответить

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

**Алексей** · Answer 1

2

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

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

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

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

product.image

на

product.image.replace('48x48','96x96');

ответить

**Koin** · Answer 2

1

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

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

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

shopClicklite.plugin.php

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

ответить