Platzierung des Buttons zur Berechnung der Credit Agricole-Raten im Warenkorb und auf den Warendetails – Umieszczenie przycisku do obliczania rat Credit Agricole w koszyku i na szczegółach towaru

In diesem Artikel erfahrst du, wie Sie im Warenkorb und in den Warendetails im Webshop ganz einfach einen Button zur Berechnung der Credit Agricole Raten hinzufügen kannst. Dieser Leitfaden gilt für Standardvorlagen ab Version 2020.

 

1. Modifikation des Topaz-Templates

Um Ihrer Warenkorbseite eine Schaltfläche hinzuzufügen, öffne die Datei staticElements/cart/cart.html und dann nach einem Satz darin suchen cart__button cart__button–cancel cart__button–mobile secondary-action-button js-1st-step. Über der Linie mit diesem Satz befindet sich ein Lineal {% endif -%} und darüber befindet sich ein Tag <div>. Der angegebene Code sollte genau über diesem Tag platziert werden:

Wenn du statt dieser Schaltfläche eine Schaltfläche bevorzugst, die Ihnen sofort den Ratenbetrag anzeigt:

 

Verwende dann anstelle des oben gezeigten Codes diesen:

Tipp
Man kann die Größe der Schaltfläche ändern, die sofort die Höhe der Rate anzeigt. genug drin imgType ersetze  die Zahl 5 (Größe 323×75) durch:
* 1Größentaste 163×30
* 2Größentaste 183×38
* 3Größentaste 248×75
* 4Größentaste 250×38
Tipp
Vorsicht! In jedem der beschriebenen Fälle ist es erforderlich, SSSNNNNNNN durch Ihre eigene Filialkennung, d. h. die Partner-Identifikationsnummer, zu ersetzen, die von der Bank nach Unterzeichnung des Kooperationsvertrags vergeben wird, z.PSP1234567.

Um eine Schaltfläche zur Detailseite eines Artikels hinzuzufügen, öffne die Datei elements/product/product-details-2.html und suche partials/common/after-adding-to-cart-popup.html. Über diesem Satz befindet sich ein Tag </div>. Der folgende Code sollte über diesem Tag platziert werden:

Code für die Schaltfläche, die den Ratenbetrag auf einmal anzeigt:

Tipp
Wenn du im Vorlagenersteller einen anderen Typ des Fensters Artikeldetails ausgewählt haben > Waren und du hast die Datei nicht product-details-2, heißt die Datei, an der du Änderungen vornehmen müss elements/product/product-details-1.html. Finde den Satz darin partials/common/after. Darüber befindet sich ein Tag<div>. Füge den folgenden Code an der Stelle über diesem Tag ein:

Code für die Schaltfläche, die den Ratenbetrag auf einmal anzeigt:

 

2. Modifikation des Sapphire-Templates

Um eine Schaltfläche zur Detailseite eines Artikels hinzuzufügen, öffne die Datei product/product-presentation-data.html a następnie odszukaj w nim frazę column-ui attributes-container-ui. Powyżej tej frazy znajdują się dwa tagi </div>. Powyżej tych tagów umieść następujący kod:

Kod dla przycisku prezentującego wysokość raty od razu:

Aby dodać przycisk do koszyka, otwórz plik order/cart.html a następnie wyszukaj w nim frazę translations.PayAndOrder. Poniżej wyszukanej frazy, znajdują się tagi w następującej kolejności: </button>, </div>, </div>, {% endif -%}, </div>. Podany poniżej kod umieść dokładnie poniżej wymienionych tagów:

 

Code für die Schaltfläche, die den Ratenbetrag auf einmal anzeigt:

 

 

 

Tipp
W przykładzie wykorzystano wzór przycisku calc_md_full.png o rozmiarze 250×38. Aby zmienić rozmiar przycisku, należy podmienić calc_md_full.png na:
* calc_lg_full.png – przycisk o rozmiarze 323×75
* calc_lg_comp.png – przycisk o rozmiarze 248×75
* calc_md_comp.png – przycisk o rozmiarze 183×38
* calc_sm_comp.png – przycisk o rozmiarze 163×30

 

W tym artykule dowiesz się, jak w łatwy sposób dodać przycisk do obliczania rat Credit Agricole w koszyku oraz na szczegółach towaru w e-Sklepie. Poradnik dotyczy standardowych szablonów w wersji 2020 lub nowszej.

1. Modyfikacja szablonu Topaz

Aby dodać przycisk do strony z koszykiem, otwórz plik staticElements/cart/cart.html a następnie wyszukaj w nim frazę cart__button cart__button–cancel cart__button–mobile secondary-action-button js-1st-step. Powyżej linijki z tą frazą występuje linijka {% endif -%} a powyżej niej, występuje tag <div>. Podany kod należy umieścić dokładnie nad tym tagiem:

 

Jeśli zamiast tego przycisku, wolisz przycisk, który od razu będzie prezentował wysokość raty:

to zamiast kodu przedstawionego powyżej, użyj tego:

 

Tipp
Możesz zmienić rozmiar przycisku, który prezentuje od razu wysokość raty. Wystarczy w imgType zamienić cyfrę 5 (rozmiar 323×75) na:
* 1 – przycisk o rozmiarze 163×30
* 2 – przycisk o rozmiarze 183×38
* 3 – przycisk o rozmiarze 248×75
* 4 – przycisk o rozmiarze 250×38
Tipp
Uwaga! W każdym z opisanych przypadków, konieczna jest podmiana SSSNNNNNNN na własny identyfikator sklepu, czyli numer identyfikujący Partnera, nadany przez Bank po podpisaniu umowy o współpracy, np. PSP1234567.

Aby dodać przycisk do strony ze szczegółami danego artykułu, otwórz plik elements/product/product-details-2.html i wyszukaj partials/common/after-adding-to-cart-popup.html. Powyżej tej frazy znajduje się jeden tag </div>. Podany poniżej kod należy umieścić nad tym tagiem:

 

Kod dla przycisku prezentującego wysokość raty od razu:

 

Tipp
Jeśli w kreatorze szablonu wybrałeś inny rodzaj okna Szczegóły towaru > Towar i nie posiadasz u siebie pliku product-details-2, to plik, w którym trzeba dokonać zmian nazywa się elements/product/product-details-1.html. Odnajdź w nim frazę partials/common/after. Powyżej niej, znajduje się tag <div>. Poniższy kod wstaw w miejsce powyżej tego tagu:

 

Kod dla przycisku prezentującego wysokość raty od razu:

 

2. Modyfikacja szablonu Szafir

Aby dodać przycisk do strony ze szczegółami danego artykułu, otwórz plik product/product-presentation-data.html a następnie odszukaj w nim frazę column-ui attributes-container-ui. Powyżej tej frazy znajdują się dwa tagi </div>. Powyżej tych tagów umieść następujący kod:

 

Kod dla przycisku prezentującego wysokość raty od razu:

 

Aby dodać przycisk do koszyka, otwórz plik order/cart.html a następnie wyszukaj w nim frazę translations.PayAndOrder. Poniżej wyszukanej frazy, znajdują się tagi w następującej kolejności: </button>, </div>, </div>, {% endif -%}, </div>. Podany poniżej kod umieść dokładnie poniżej wymienionych tagów:

 

Kod dla przycisku prezentującego wysokość raty od razu:

 

Tipp
W przykładzie wykorzystano wzór przycisku calc_md_full.png o rozmiarze 250×38. Aby zmienić rozmiar przycisku, należy podmienić calc_md_full.png na:
* calc_lg_full.png – przycisk o rozmiarze 323×75
* calc_lg_comp.png – przycisk o rozmiarze 248×75
* calc_md_comp.png – przycisk o rozmiarze 183×38
* calc_sm_comp.png – przycisk o rozmiarze 163×30

War dieser Artikel hilfreich?