Umieszczenie przycisku Leasing Grenke na szczegółach towaru

W tym artykule dowiesz się, jak w łatwy sposób dodać przycisk Leasing Grenke na szczegółach towaru w e-Sklepie.

Wskazówka

W przykładach użyta jest grafika w5.jpg. Jeśli preferujesz inną, to wystarczy w poniższym przykładzie zmienić ją na jedną z dostępnych tutaj.

1. Szafir

Wchodzimy w zakładkę Wygląd sklepu/ Ustawienia/ Edytuj ustawienia zaawansowane/ Edytuj HTML / product/ product-presentation-data.html wyszukaj frazę w kodzie(CTRL+F) {% if canBuy -%}, gdzie znajduje się przycisk dodawania do koszyka. Bezpośrednio pod tą linijką wklej kod:


{% if currencyExt.Code == 'PLN' and activeProduct.Price > 0 -%}{% unless config.ENTERPRISE == false and customer.SubtotalPrices == false -%}
<script>
    $('body').on('click', '.grenke-leasing-lq', function (e) {
        {% if config.ENTERPRISE -%}
            {% assign subtotalPrice = activeProduct.SubtotalPrice -%}
        {% else -%}
            {% assign subtotalPrice = activeProduct.Price -%}
        {% endif -%}
        {% if product.Clip -%}
            var quantity = $('.child-lq.active-lq').find('[name=quantity]').val();
            {% assign images = activeProduct.ImagesExt -%}
        {% else -%}
            var quantity = $('[name=quantity]').val();
            {% assign images = product.Images -%}
        {% endif -%}
        {% assign imagesSize = images | Size -%}
        {% if imagesSize > 0 -%}
            {% if images[0].Id -%}
                {% capture imgUrl -%}{{ config.Url }}img/{{ images[0].Id }}/{{ images[0].Link }}.jpg{% endcapture -%}
            {% elseif product.Image.Id -%}
                {% capture imgUrl -%}{{ config.Url }}img/{{ product.Image.Id }}/{{ product.Image.Link }}.jpg{% endcapture -%}
            {% endif -%}
        {% endif -%}
        $.post('endpoint/4?type=1', JSON.stringify([{"name":"{{activeProduct.NameNoHtml|H|Truncate:100}}","count":Number(quantity),"price":{{subtotalPrice|ToString|Replace:',','.'}}{% if imagesSize > 0 -%},"photo":"{{imgUrl}}"{% endif -%}}]), function(res){window.open(res.redirectUrl, '_blank')})
    });
</script>
<img class="grenke-leasing-lq" style="margin-top: 40px; margin-right: 20px; vertical-align: top; cursor: pointer;" src="https://newonline.leasingoptymalny.pl/online/img/w5.jpg" alt="Grenke Leasing" />
{% endunless -%}{% endif -%}

{% if currencyExt.Code == 'PLN' and activeProduct.Price > 0 -%}{% unless config.ENTERPRISE == false and customer.SubtotalPrices == false -%}

$('body').on('click', '.grenke-leasing-lq', function (e) {

{% if config.ENTERPRISE -%}

{% assign subtotalPrice = activeProduct.SubtotalPrice -%}

{% else -%}

{% assign subtotalPrice = activeProduct.Price -%}

{% endif -%}

{% if product.Clip -%}

var quantity = $('.child-lq.active-lq').find('[name=quantity]').val();

{% assign images = activeProduct.ImagesExt -%}

{% else -%}

var quantity = $('[name=quantity]').val();

{% assign images = product.Images -%}

{% endif -%}

{% assign imagesSize = images | Size -%}

{% if imagesSize > 0 -%}

{% if images[0].Id -%}

{% capture imgUrl -%}{{ config.Url }}img/{{ images[0].Id }}/{{ images[0].Link }}.jpg{% endcapture -%}

{% elseif product.Image.Id -%}

{% capture imgUrl -%}{{ config.Url }}img/{{ product.Image.Id }}/{{ product.Image.Link }}.jpg{% endcapture -%}

{% endif -%}

$.post('endpoint/4?type=1', JSON.stringify([{"name":"{{activeProduct.NameNoHtml|H|Truncate:100}}","count":Number(quantity),"price":{{subtotalPrice|ToString|Replace:',','.'}}{% if imagesSize > 0 -%},"photo":"{{imgUrl}}"{% endif -%}}]), function(res){window.open(res.redirectUrl, '_blank')})

});

</script>

{% endunless -%}{% endif -%}

2. Agat

Wchodzimy w zakładkę Wygląd sklepu/ Ustawienia/ Edytuj ustawienia zaawansowane/ Edytuj HTML / partials/ product/ product-popup.html wyszukaj frazę w kodzie(CTRL+F) Pro_addToCart. To etykieta przycisku dodawania do koszyka w szablonie Agat. Linijkę niżej znajduje się domknięcie przycisku czyli (/span). Wklej pod tym zamknięciem kod:


{% if currencyExt.Code == 'PLN' and product-details.Product.Price > 0 -%}{% unless config.ENTERPRISE == false and customer.SubtotalPrices == false -%}
<script>
    $('body').on('click', '.grenke-leasing', function (e) {
        {% if product.Clip -%}
            var id = $('[name=supplyId]').val();
            var url = location.pathname.split('-').slice(0,-1).join('-') + '-' + id;
            {% if config.ENTERPRISE -%}
                {% assign subtotalPrice = 'product-details.Product.SubtotalPrice' -%}
            {% else -%}
                {% assign subtotalPrice = 'product-details.Product.Price' -%}
            {% endif -%}
            $.get(url, {__collection:'{{subtotalPrice}}|product-details.Product.NameNoHtml|product-details.Product.Image'},function(res){
                var price = res.collection['{{subtotalPrice}}'];
                var name = res.collection['product-details.Product.NameNoHtml'];
                name = name.length > 100 ? name.substring(0, 97) + '...' : name;
                var image = res.collection['product-details.Product.Image'];
                var imgUrl = '{{ config.Url }}' + 'img/' + image.Id + '/' + image.Link + '.jpg';
                $.post('endpoint/4?type=1', JSON.stringify([{"name":name,"count":Number($('[name=quantity]').val()),"price":Number(price),"photo":imgUrl}]), function(res){window.open(res.redirectUrl, '_blank')})
            });
        {% else -%}
            {% if config.ENTERPRISE -%}
                {% assign subtotalPrice = product.SubtotalPrice -%}
            {% else -%}
                {% assign subtotalPrice = product.Price -%}
            {% endif -%}
            {% if product.Image.Id -%}
                {% capture imgUrl -%}{{ config.Url }}img/{{ product.Image.Id }}/{{ product.Image.Link }}.jpg{% endcapture -%}
            {% endif -%}
            $.post('endpoint/4?type=1', JSON.stringify([{"name":"{{product.NameNoHtml|H|Truncate:100}}","count":Number($('[name=quantity]').val()),"price":{{subtotalPrice|RoString|Replace:',','.'}},"photo":"{{imgUrl}}"}]), function(res){window.open(res.redirectUrl, '_blank')})
        {% endif -%}
    });
</script>
<img class="grenke-leasing" style="margin-top: 20px; cursor: pointer;" src="https://newonline.leasingoptymalny.pl/online/img/w5.jpg" alt="Grenke Leasing" />
{% endunless -%}{% endif -%}

{% if currencyExt.Code == 'PLN' and product-details.Product.Price > 0 -%}{% unless config.ENTERPRISE == false and customer.SubtotalPrices == false -%}

$('body').on('click', '.grenke-leasing', function (e) {

{% if product.Clip -%}

var id = $('[name=supplyId]').val();

var url = location.pathname.split('-').slice(0,-1).join('-') + '-' + id;

{% if config.ENTERPRISE -%}

{% assign subtotalPrice = 'product-details.Product.SubtotalPrice' -%}

{% else -%}

{% assign subtotalPrice = 'product-details.Product.Price' -%}

{% endif -%}

$.get(url, {__collection:'{{subtotalPrice}}|product-details.Product.NameNoHtml|product-details.Product.Image'},function(res){

var price = res.collection['{{subtotalPrice}}'];

var name = res.collection['product-details.Product.NameNoHtml'];

name = name.length > 100 ? name.substring(0, 97) + '...' : name;

var image = res.collection['product-details.Product.Image'];

var imgUrl = '{{ config.Url }}' + 'img/' + image.Id + '/' + image.Link + '.jpg';

$.post('endpoint/4?type=1', JSON.stringify([{"name":name,"count":Number($('[name=quantity]').val()),"price":Number(price),"photo":imgUrl}]), function(res){window.open(res.redirectUrl, '_blank')})

});

{% else -%}

{% if config.ENTERPRISE -%}

{% assign subtotalPrice = product.SubtotalPrice -%}

{% else -%}

{% assign subtotalPrice = product.Price -%}

{% endif -%}

{% if product.Image.Id -%}

{% capture imgUrl -%}{{ config.Url }}img/{{ product.Image.Id }}/{{ product.Image.Link }}.jpg{% endcapture -%}

{% endif -%}

$.post('endpoint/4?type=1', JSON.stringify([{"name":"{{product.NameNoHtml|H|Truncate:100}}","count":Number($('[name=quantity]').val()),"price":{{subtotalPrice|RoString|Replace:',','.'}},"photo":"{{imgUrl}}"}]), function(res){window.open(res.redirectUrl, '_blank')})

{% endif -%}

});

</script>

{% endunless -%}{% endif -%}

3. Bursztyn lub Opal

Wchodzimy w zakładkę Wygląd sklepu/ Ustawienia/ Edytuj ustawienia zaawansowane/ Edytuj HTML plik productdetails.html wyszukaj frazę w kodzie(CTRL+F) Com_AskForPrice. To etykieta przycisku zapytania o cenę. Linijkę niżej znajduje się domknięcie przycisku: (/div). Wklej pod tym zamknięciem kod:


{% if currencyExt.Code == 'PLN' and productdetails.Product.Price > 0 -%}{% unless config.ENTERPRISE == false and customer.SubtotalPrices == false -%}
<script>
    $('body').on('click', '.grenke-leasing', function (e) {
        {% if _pd.Clip -%}
            var id = $('[name=supplyId]').val();
            var url = location.pathname.split('-').slice(0,-1).join('-') + '-' + id;
            {% if config.ENTERPRISE -%}
                {% assign subtotalPrice = 'productdetails.Product.SubtotalPrice' -%}
            {% else -%}
                {% assign subtotalPrice = 'productdetails.Product.Price' -%}
            {% endif -%}
            $.get(url, {__collection:'{{subtotalPrice}}|productdetails.Product.NameNoHtml|productdetails.Product.Image'},function(res){
                var price = res.collection['{{subtotalPrice}}'];
                var name = res.collection['productdetails.Product.NameNoHtml'];
                name = name.length > 100 ? name.substring(0, 97) + '...' : name;
                var image = res.collection['productdetails.Product.Image'];
                var imgUrl = '{{ config.Url }}' + 'img/' + image.Id + '/' + image.Link + '.jpg';
                $.post('endpoint/4?type=1', JSON.stringify([{"name":name,"count":1,"price":Number(price),"photo":imgUrl}]), function(res){window.open(res.redirectUrl, '_blank')})
            });
        {% else -%}
            {% if config.ENTERPRISE -%}
                {% assign subtotalPrice = _pd.SubtotalPrice -%}
            {% else -%}
                {% assign subtotalPrice = _pd.Price -%}
            {% endif -%}
            {% if _pd.Image.Id -%}
                {% capture imgUrl -%}{{ config.Url }}img/{{ _pd.Image.Id }}/{{ _pd.Image.Link }}.jpg{% endcapture -%}
            {% endif -%}
            $.post('endpoint/4?type=1', JSON.stringify([{"name":"{{_pd.NameNoHtml|H|Truncate:100}}","count":1,"price":{{subtotalPrice|ToString|Replace:',','.'}},"photo":"{{imgUrl}}"}]), function(res){window.open(res.redirectUrl, '_blank')})
        {% endif -%}
    });
</script>
<img class="grenke-leasing" style="margin-bottom: 20px; cursor: pointer;" src="https://newonline.leasingoptymalny.pl/online/img/w5.jpg" alt="Grenke Leasing" />
{% endunless -%}{% endif -%}

{% if currencyExt.Code == 'PLN' and productdetails.Product.Price > 0 -%}{% unless config.ENTERPRISE == false and customer.SubtotalPrices == false -%}

$('body').on('click', '.grenke-leasing', function (e) {

{% if _pd.Clip -%}

var id = $('[name=supplyId]').val();

var url = location.pathname.split('-').slice(0,-1).join('-') + '-' + id;

{% if config.ENTERPRISE -%}

{% assign subtotalPrice = 'productdetails.Product.SubtotalPrice' -%}

{% else -%}

{% assign subtotalPrice = 'productdetails.Product.Price' -%}

{% endif -%}

$.get(url, {__collection:'{{subtotalPrice}}|productdetails.Product.NameNoHtml|productdetails.Product.Image'},function(res){

var price = res.collection['{{subtotalPrice}}'];

var name = res.collection['productdetails.Product.NameNoHtml'];

name = name.length > 100 ? name.substring(0, 97) + '...' : name;

var image = res.collection['productdetails.Product.Image'];

var imgUrl = '{{ config.Url }}' + 'img/' + image.Id + '/' + image.Link + '.jpg';

$.post('endpoint/4?type=1', JSON.stringify([{"name":name,"count":1,"price":Number(price),"photo":imgUrl}]), function(res){window.open(res.redirectUrl, '_blank')})

});

{% else -%}

{% if config.ENTERPRISE -%}

{% assign subtotalPrice = _pd.SubtotalPrice -%}

{% else -%}

{% assign subtotalPrice = _pd.Price -%}

{% endif -%}

{% if _pd.Image.Id -%}

{% capture imgUrl -%}{{ config.Url }}img/{{ _pd.Image.Id }}/{{ _pd.Image.Link }}.jpg{% endcapture -%}

{% endif -%}

$.post('endpoint/4?type=1', JSON.stringify([{"name":"{{_pd.NameNoHtml|H|Truncate:100}}","count":1,"price":{{subtotalPrice|ToString|Replace:',','.'}},"photo":"{{imgUrl}}"}]), function(res){window.open(res.redirectUrl, '_blank')})

{% endif -%}

});

</script>

{% endunless -%}{% endif -%}

4. Topaz

Wchodzimy w zakładkę Wygląd sklepu/ Ustawienia/ Edytuj ustawienia zaawansowane/ Edytuj HTML / elements/ product/ product-details-1.html (lub elements/ product/ product-details-2.html – w zależności od Twojej wersji szablonu) wyszukaj w kodzie(CTRL+F) {% include 'partials/common/after-adding-to-cart-popup.html’ %}. Bezpośrednio nad nią wklej kod:


{% if currencyExt.Code == 'PLN' and product-details.Product.Price > 0 -%}{% unless config.ENTERPRISE == false and customer.SubtotalPrices == false -%}
<script>
    $('body').on('click', '.grenke-leasing', function (e) {
        {% if product.Clip -%}
            var id = $('[name=supplyId]').val();
            var url = location.pathname.split('-').slice(0,-1).join('-') + '-' + id;
            {% if config.ENTERPRISE -%}
                {% assign subtotalPrice = 'product-details.Product.SubtotalPrice' -%}
            {% else -%}
                {% assign subtotalPrice = 'product-details.Product.Price' -%}
            {% endif -%}
            $.get(url, {__collection:'{{subtotalPrice}}|product-details.Product.NameNoHtml|product-details.Product.Image'},function(res){
                var price = res.collection['{{subtotalPrice}}'];
                var name = res.collection['product-details.Product.NameNoHtml'];
                name = name.length > 100 ? name.substring(0, 97) + '...' : name;
                var image = res.collection['product-details.Product.Image'];
                var imgUrl = '{{ config.Url }}' + 'img/' + image.Id + '/' + image.Link + '.jpg';
                $.post('endpoint/4?type=1', JSON.stringify([{"name":name,"count":Number($('[name=quantity]').val()),"price":Number(price),"photo":imgUrl}]), function(res){window.open(res.redirectUrl, '_blank')})
            });
        {% else -%}
            {% if config.ENTERPRISE -%}
                {% assign subtotalPrice = product.SubtotalPrice -%}
            {% else -%}
                {% assign subtotalPrice = product.Price -%}
            {% endif -%}
            {% if product.Image.Id -%}
                {% capture imgUrl -%}{{ config.Url }}img/{{ product.Image.Id }}/{{ product.Image.Link }}.jpg{% endcapture -%}
            {% endif -%}
            $.post('endpoint/4?type=1', JSON.stringify([{"name":"{{product.NameNoHtml|H|Truncate:100}}","count":Number($('[name=quantity]').val()),"price":{{subtotalPrice | ToString | Replace: ',','.' }},"photo":"{{imgUrl}}"}]), function(res){window.open(res.redirectUrl, '_blank')})
        {% endif -%}
    });
</script>
<img class="grenke-leasing" style="margin-top: 20px; cursor: pointer;" src="https://newonline.leasingoptymalny.pl/online/img/w5.jpg" alt="Grenke Leasing" />
{% endunless -%}{% endif -%}

{% if currencyExt.Code == 'PLN' and product-details.Product.Price > 0 -%}{% unless config.ENTERPRISE == false and customer.SubtotalPrices == false -%}

$('body').on('click', '.grenke-leasing', function (e) {

{% if product.Clip -%}

var id = $('[name=supplyId]').val();

var url = location.pathname.split('-').slice(0,-1).join('-') + '-' + id;

{% if config.ENTERPRISE -%}

{% assign subtotalPrice = 'product-details.Product.SubtotalPrice' -%}

{% else -%}

{% assign subtotalPrice = 'product-details.Product.Price' -%}

{% endif -%}

$.get(url, {__collection:'{{subtotalPrice}}|product-details.Product.NameNoHtml|product-details.Product.Image'},function(res){

var price = res.collection['{{subtotalPrice}}'];

var name = res.collection['product-details.Product.NameNoHtml'];

name = name.length > 100 ? name.substring(0, 97) + '...' : name;

var image = res.collection['product-details.Product.Image'];

var imgUrl = '{{ config.Url }}' + 'img/' + image.Id + '/' + image.Link + '.jpg';

$.post('endpoint/4?type=1', JSON.stringify([{"name":name,"count":Number($('[name=quantity]').val()),"price":Number(price),"photo":imgUrl}]), function(res){window.open(res.redirectUrl, '_blank')})

});

{% else -%}

{% if config.ENTERPRISE -%}

{% assign subtotalPrice = product.SubtotalPrice -%}

{% else -%}

{% assign subtotalPrice = product.Price -%}

{% endif -%}

{% if product.Image.Id -%}

{% capture imgUrl -%}{{ config.Url }}img/{{ product.Image.Id }}/{{ product.Image.Link }}.jpg{% endcapture -%}

{% endif -%}

$.post('endpoint/4?type=1', JSON.stringify([{"name":"{{product.NameNoHtml|H|Truncate:100}}","count":Number($('[name=quantity]').val()),"price":{{subtotalPrice | ToString | Replace: ',','.' }},"photo":"{{imgUrl}}"}]), function(res){window.open(res.redirectUrl, '_blank')})

{% endif -%}

});

</script>

{% endunless -%}{% endif -%}

Umieszczenie przycisku Leasing Grenke na szczegółach towaru