Umieszczenie przycisków iLeasing oraz iRaty na szczegółach towaru

W tym artykule dowiesz się, jak w łatwy sposób dodać przyciski iLeasing oraz iRaty na szczegółach towaru w e-Sklepie.

Wskazówka

Poradnik dotyczy standardowych, niemodyfikowanych szablonów w wersji 2019.3 lub nowszej.

Wskazówka

W przykładach użyta jest grafika 09.png. Jeśli preferujesz inną, to wystarczy w poniższych przykładach zamienić cyfrę 9 na wybraną z przedziału 1-8. W panelu partnera płatności ratalnych (tu możesz się zalogować), w sekcji Integracje możesz zobaczyć wszystkie opcje i wybrać tą, która odpowiada Ci najbardziej.

1. Szafir

W pliku product/product-presentation-data.html wyszukaj frazę {% if canBuy -%}, gdzie znajduje się przycisk dodawania do koszyka. Bezpośrednio pod tą linijką wklej kod:


{% if customer.Authenticated and customer.Company -%}
    {% assign tempVat = 100 | Plus: product.VAT | DividedBy: 100 -%}
    {% assign totalPrice = product.Price | Times: tempVat -%}
    {% assign subtotalPrice = product.Price -%}
{% else -%}
    {% assign totalPrice = product.Price -%}
    {% assign tempVat = 100 | Plus: product.VAT | DividedBy: 100 -%}
    {% assign subtotalPrice = product.Price | DividedBy: tempVat -%}
{% endif -%}

<a title="i-Raty - raty online" href="https://www.platformaratalna.pl/kalkulator/XXXX/{{totalPrice | Round: 2 | ToString | Replace: ',','.'}}" target="_blank" rel="noopener noreferrer">
    <img src="https://www.platformaratalna.pl/assets/button/09.png" alt="i-Raty - raty online" />
</a>

<a title="i-Leasing - leasing online" href="https://www.platformafinansowa.pl/wniosek/leasing/XXXX/{{subtotalPrice | Round: 2 | ToString | Replace: ',','.'}}" target="_blank" rel="noopener noreferrer">
    <img src="https://www.platformafinansowa.pl/assets/button/09.png" alt="i-Leasing - leasing online" />
</a>

{% if customer.Authenticated and customer.Company -%}

{% assign tempVat = 100 | Plus: product.VAT | DividedBy: 100 -%}

{% assign totalPrice = product.Price | Times: tempVat -%}

{% assign subtotalPrice = product.Price -%}

{% else -%}

{% assign totalPrice = product.Price -%}

{% assign tempVat = 100 | Plus: product.VAT | DividedBy: 100 -%}

{% assign subtotalPrice = product.Price | DividedBy: tempVat -%}

{% endif -%}

</a>

</a>

Wskazówka

W miejsce XXXX należy wpisać ID partnera.

Wskazówka

Kod zawiera oba przyciski (iLeasing i iRaty). Jeśli potrzebujesz tylko jednego z nich, to skopiuj tylko ten fragment, który Cię interesuje.

2. Agat

W pliku partials/product/product-popup.html wyszukaj frazę 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 fragment kodu z przyciskami (pierwszy przycisk to iRaty, drugi to iLeasing):

Sklep w wersji Light lub Standard:


{% if customer.Authenticated and customer.Company -%}
    {% assign tempVat = 100 | Plus: product.VAT | DividedBy: 100 -%}
    {% assign totalPrice = product.Price | Times: tempVat -%}
    {% assign subtotalPrice = product.Price -%}
{% else -%}
    {% assign totalPrice = product.Price -%}
    {% assign tempVat = 100 | Plus: product.VAT | DividedBy: 100 -%}
    {% assign subtotalPrice = product.Price | DividedBy: tempVat -%}
{% endif -%}

<a title="i-Raty - raty online" href="https://www.platformaratalna.pl/kalkulator/XXXX/{{totalPrice | Round: 2 | ToString | Replace: ',','.'}}" target="_blank" rel="noopener noreferrer">
    <img src="https://www.platformaratalna.pl/assets/button/09.png" alt="i-Raty - raty online" />
</a>

<a title="i-Leasing - leasing online" href="https://www.platformafinansowa.pl/wniosek/leasing/XXXX/{{subtotalPrice | Round: 2 | ToString | Replace: ',','.'}}" target="_blank" rel="noopener noreferrer">
    <img src="https://www.platformafinansowa.pl/assets/button/09.png" alt="i-Leasing - leasing online" />
</a>

{% if customer.Authenticated and customer.Company -%}

{% assign tempVat = 100 | Plus: product.VAT | DividedBy: 100 -%}

{% assign totalPrice = product.Price | Times: tempVat -%}

{% assign subtotalPrice = product.Price -%}

{% else -%}

{% assign totalPrice = product.Price -%}

{% assign tempVat = 100 | Plus: product.VAT | DividedBy: 100 -%}

{% assign subtotalPrice = product.Price | DividedBy: tempVat -%}

{% endif -%}

</a>

</a>

Wskazówka

W miejsce XXXX należy wpisać ID partnera.

Wskazówka

Kod zawiera oba przyciski (iLeasing i iRaty). Jeśli potrzebujesz tylko jednego z nich, to skopiuj tylko ten fragment, który Cię interesuje. Nie zapomnij o warunku, który jest na początku kodu.

Sklep w wersji Enterprise lub B2B:


<a title="i-Raty - raty online" href="https://www.platformaratalna.pl/kalkulator/XXXX/{{product.TotalPrice | Round: 2 | ToString | Replace: ',','.'}}" target="_blank" rel="noopener noreferrer">
    <img src="https://www.platformaratalna.pl/assets/button/09.png" alt="i-Raty - raty online" />
</a>

<a title="i-Leasing - leasing online" href="https://www.platformafinansowa.pl/wniosek/leasing/XXXX/{{product.SubtotalPrice | Round: 2 | ToString | Replace: ',','.'}}" target="_blank" rel="noopener noreferrer">
    <img src="https://www.platformafinansowa.pl/assets/button/09.png" alt="i-Leasing - leasing online" />
</a>

</a>

</a>

Wskazówka

W miejsce XXXX należy wpisać ID partnera.

Wskazówka

Kod zawiera oba przyciski (iLeasing i iRaty). Jeśli potrzebujesz tylko jednego z nich, to skopiuj tylko ten fragment, który Cię interesuje.

3. Bursztyn lub Opal

W pliku productdetails.html wyszukaj frazę Com_AskForPrice. To etykieta przycisku zapytania o cenę. Linijkę niżej znajduje się domknięcie przycisku: (/div). Wklej pod tym zamknięciem fragment kodu z przyciskami (pierwszy przycisk to iRaty, drugi to iLeasing):

Sklep w wersji Light lub Standard:


{% if customer.Authenticated and customer.Company -%}
    {% assign tempVat = 100 | Plus: _pd.VAT | DividedBy: 100 -%}
    {% assign totalPrice = _pd.Price | Times: tempVat -%}
    {% assign subtotalPrice = _pd.Price -%}
{% else -%}
    {% assign totalPrice = _pd.Price -%}
    {% assign tempVat = 100 | Plus: _pd.VAT | DividedBy: 100 -%}
    {% assign subtotalPrice = _pd.Price | DividedBy: tempVat -%}
{% endif -%}

<a title="i-Raty - raty online" href="https://www.platformaratalna.pl/kalkulator/XXXX/{{totalPrice | Round: 2 | ToString | Replace: ',','.'}}" target="_blank" rel="noopener noreferrer">
    <img src="https://www.platformaratalna.pl/assets/button/09.png" alt="i-Raty - raty online" />
</a>

<a title="i-Leasing - leasing online" href="https://www.platformafinansowa.pl/wniosek/leasing/XXXX/{{subtotalPrice | Round: 2 | ToString | Replace: ',','.'}}" target="_blank" rel="noopener noreferrer">
    <img src="https://www.platformafinansowa.pl/assets/button/09.png" alt="i-Leasing - leasing online" />
</a>

{% if customer.Authenticated and customer.Company -%}

{% assign tempVat = 100 | Plus: _pd.VAT | DividedBy: 100 -%}

{% assign totalPrice = _pd.Price | Times: tempVat -%}

{% assign subtotalPrice = _pd.Price -%}

{% else -%}

{% assign totalPrice = _pd.Price -%}

{% assign tempVat = 100 | Plus: _pd.VAT | DividedBy: 100 -%}

{% assign subtotalPrice = _pd.Price | DividedBy: tempVat -%}

{% endif -%}

</a>

</a>

Wskazówka

W miejsce XXXX należy wpisać ID partnera.

Wskazówka

Kod zawiera oba przyciski (iLeasing i iRaty). Jeśli potrzebujesz tylko jednego z nich, to skopiuj tylko ten fragment, który Cię interesuje. Nie zapomnij o warunku, który jest na początku kodu.

Sklep w wersji Enterprise lub B2B:


<a title="i-Raty - raty online" href="https://www.platformaratalna.pl/kalkulator/XXXX/{{product.TotalPrice | Round: 2 | ToString | Replace: ',','.'}}" target="_blank" rel="noopener noreferrer">
    <img src="https://www.platformaratalna.pl/assets/button/09.png" alt="i-Raty - raty online" />
</a>

<a title="i-Leasing - leasing online" href="https://www.platformafinansowa.pl/wniosek/leasing/XXXX/{{product.SubtotalPrice | Round: 2 | ToString | Replace: ',','.'}}" target="_blank" rel="noopener noreferrer">
    <img src="https://www.platformafinansowa.pl/assets/button/09.png" alt="i-Leasing - leasing online" />
</a>

</a>

</a>

Wskazówka

W miejsce XXXX należy wpisać ID partnera.

Wskazówka

Kod zawiera oba przyciski (iLeasing i iRaty).Jeśli potrzebujesz tylko jednego z nich, to skopiuj tylko ten fragment, który Cię interesuje.

4. Topaz

Wskazówka

W celu sprawdzenia jaka wersja wyglądu elementu ze szczegółami towaru jest przez nas posiadana, należy przejść do katalogu elements a następnie product. Nazwa pliku znajdujacego się w katalogu odpowiada wersji. Proszę wykonać instrukcje znajdujące się poniżej w zależności od wersji.

Wersja product-details-1

W pliku elements/product/product-details-1.html wyszukaj frazę {% include 'partials/common/after-adding-to-cart-popup.html’ %}. Bezpośrednio nad nią wklej fragment kodu z przyciskami (pierwszy przycisk to iRaty, drugi to iLeasing):


{% if customer.Authenticated and customer.Company -%}
    {% assign tempVat = 100 | Plus: _pd.VAT | DividedBy: 100 -%}
    {% assign totalPrice = _pd.Price | Times: tempVat -%}
    {% assign subtotalPrice = _pd.Price -%}
{% else -%}
    {% assign totalPrice = _pd.Price -%}
    {% assign tempVat = 100 | Plus: _pd.VAT | DividedBy: 100 -%}
    {% assign subtotalPrice = _pd.Price | DividedBy: tempVat -%}
{% endif -%}

<a title="i-Raty - raty online" href="https://www.platformaratalna.pl/kalkulator/XXXX/{{totalPrice | Round: 2 | ToString | Replace: ',','.'}}" target="_blank" rel="noopener noreferrer">
    <img src="https://www.platformaratalna.pl/assets/button/09.png" alt="i-Raty - raty online" />
</a>

<a title="i-Leasing - leasing online" href="https://www.platformafinansowa.pl/wniosek/leasing/XXXX/{{subtotalPrice | Round: 2 | ToString | Replace: ',','.'}}" target="_blank" rel="noopener noreferrer">
    <img src="https://www.platformafinansowa.pl/assets/button/09.png" alt="i-Leasing - leasing online" />
</a>

{% if customer.Authenticated and customer.Company -%}

{% assign tempVat = 100 | Plus: _pd.VAT | DividedBy: 100 -%}

{% assign totalPrice = _pd.Price | Times: tempVat -%}

{% assign subtotalPrice = _pd.Price -%}

{% else -%}

{% assign totalPrice = _pd.Price -%}

{% assign tempVat = 100 | Plus: _pd.VAT | DividedBy: 100 -%}

{% assign subtotalPrice = _pd.Price | DividedBy: tempVat -%}

{% endif -%}

</a>

</a>

Wskazówka

W miejsce XXXX należy wpisać ID partnera.

Wskazówka

Kod zawiera oba przyciski (iLeasing i iRaty). Jeśli potrzebujesz tylko jednego z nich, to skopiuj tylko ten fragment, który Cię interesuje.

Sklep w wersji Enterprise lub B2B:


<a title="i-Raty - raty online" href="https://www.platformaratalna.pl/kalkulator/XXXX/{{product.TotalPrice | Round: 2 | ToString | Replace: ',','.'}}" target="_blank" rel="noopener noreferrer">
    <img src="https://www.platformaratalna.pl/assets/button/09.png" alt="i-Raty - raty online" />
</a>

<a title="i-Leasing - leasing online" href="https://www.platformafinansowa.pl/wniosek/leasing/XXXX/{{product.SubtotalPrice | Round: 2 | ToString | Replace: ',','.'}}" target="_blank" rel="noopener noreferrer">
    <img src="https://www.platformafinansowa.pl/assets/button/09.png" alt="i-Leasing - leasing online" />
</a>

</a>

</a>

Wskazówka

W miejsce XXXX należy wpisać ID partnera.

Wskazówka

Kod zawiera oba przyciski (iLeasing i iRaty).Jeśli potrzebujesz tylko jednego z nich, to skopiuj tylko ten fragment, który Cię interesuje.

Wersja product-details-2

W pliku elements/product/product-details-2.html wyszukaj frazę {% include 'partials/common/after-adding-to-cart-popup.html’ %}. Bezpośrednio nad nią wklej fragment kodu z przyciskami (pierwszy przycisk to iRaty, drugi to iLeasing):


{% if customer.Authenticated and customer.Company -%}
    {% assign tempVat = 100 | Plus: _pd.VAT | DividedBy: 100 -%}
    {% assign totalPrice = _pd.Price | Times: tempVat -%}
    {% assign subtotalPrice = _pd.Price -%}
{% else -%}
    {% assign totalPrice = _pd.Price -%}
    {% assign tempVat = 100 | Plus: _pd.VAT | DividedBy: 100 -%}
    {% assign subtotalPrice = _pd.Price | DividedBy: tempVat -%}
{% endif -%}

<a title="i-Raty - raty online" href="https://www.platformaratalna.pl/kalkulator/XXXX/{{totalPrice | Round: 2 | ToString | Replace: ',','.'}}" target="_blank" rel="noopener noreferrer">
    <img src="https://www.platformaratalna.pl/assets/button/09.png" alt="i-Raty - raty online" />
</a>

<a title="i-Leasing - leasing online" href="https://www.platformafinansowa.pl/wniosek/leasing/XXXX/{{subtotalPrice | Round: 2 | ToString | Replace: ',','.'}}" target="_blank" rel="noopener noreferrer">
    <img src="https://www.platformafinansowa.pl/assets/button/09.png" alt="i-Leasing - leasing online" />
</a>

{% if customer.Authenticated and customer.Company -%}

{% assign tempVat = 100 | Plus: _pd.VAT | DividedBy: 100 -%}

{% assign totalPrice = _pd.Price | Times: tempVat -%}

{% assign subtotalPrice = _pd.Price -%}

{% else -%}

{% assign totalPrice = _pd.Price -%}

{% assign tempVat = 100 | Plus: _pd.VAT | DividedBy: 100 -%}

{% assign subtotalPrice = _pd.Price | DividedBy: tempVat -%}

{% endif -%}

</a>

</a>

Wskazówka

W miejsce XXXX należy wpisać ID partnera.

Wskazówka

Kod zawiera oba przyciski (iLeasing i iRaty). Jeśli potrzebujesz tylko jednego z nich, to skopiuj tylko ten fragment, który Cię interesuje.

Sklep w wersji Enterprise lub B2B:


<a title="i-Raty - raty online" href="https://www.platformaratalna.pl/kalkulator/XXXX/{{product.TotalPrice | Round: 2 | ToString | Replace: ',','.'}}" target="_blank" rel="noopener noreferrer">
    <img src="https://www.platformaratalna.pl/assets/button/09.png" alt="i-Raty - raty online" />
</a>

<a title="i-Leasing - leasing online" href="https://www.platformafinansowa.pl/wniosek/leasing/XXXX/{{product.SubtotalPrice | Round: 2 | ToString | Replace: ',','.'}}" target="_blank" rel="noopener noreferrer">
    <img src="https://www.platformafinansowa.pl/assets/button/09.png" alt="i-Leasing - leasing online" />
</a>

</a>

</a>

Wskazówka

W miejsce XXXX należy wpisać ID partnera.

Wskazówka

Kod zawiera oba przyciski (iLeasing i iRaty).Jeśli potrzebujesz tylko jednego z nich, to skopiuj tylko ten fragment, który Cię interesuje.

Umieszczenie przycisków iLeasing oraz iRaty na szczegółach towaru