Jak włączyć kalkulator ratalny PayU w eSklepie home.pl?

728x90

W ramach płatności elektronicznych PayU możesz włączyć opcję płatności ratalnych. Dzięki temu ułatwisz klientom zakup droższych produktów i zwiększysz wartość koszyka zakupowego w sklepie.

Poniższa instrukcja opisuje włączenie kalkulatora ratalnego na kartach produktów w eSklepie home.pl. Poniższy kod dodajesz tylko raz, kalkulator wyświetlany będzie w szczegółach wszystkich pozycji w sklepie.

Włączenie kalkulatora ratalnego PayU wymaga utworzenia kopii aktywnej szaty graficznej i wprowadzenia zmian w plikach nowego stylu. Poniższa instrukcja pokazuje jak nanieść zmiany na już utworzoną kopię szaty. Pamiętaj! Jeśli wprowadzisz zmiany, które spowodują błędy w wyświetlaniu sklepu zawsze możesz przywrócić domyślną zawartość edytowanych plików lub przełączyć się na domyślny styl graficzny sklepu.
    1. Utwórz kopię aktywnego w sklepie stylu graficznego. W tym celu przejdź do sekcji Konfiguracja / Wygląd / Aktywny styl graficzny i kliknij na ikonkę wskazaną na poniższym zrzucie ekranu.
    2. Po utworzeniu kopii stylu przejdź do zakładki Edycja Zaawansowana (z lewej), odszukaj plik product/index.tpl i przejdź do jego edycji klikając przycisk obok jego nazwy.
    3. Odszukaj linię 85:
      <del>{currency value=$product->defaultStock->getPrice()}</del>

      i dodaj za nią kod:

      <!--kalkulator PayU--!>
      {if $product->defaultStock->getCurrencySpecialOfferPrice() >= 300}
      <p><span id="installment-mini"></span></p>
      <p id="text">{translate key="rata"}
      {/if}
      <!--koniec--!>
      
    4. Odszukaj linię 95:
      {currency value=$product->defaultStock->getPrice()}

      i dodaj za nią kod:

      <!--kalkulator payu--!>
      {if $product->defaultStock->getPrice() >= 300}
      <p><span id="installment-mini"></span></p>
      <p id="text">{translate key="rata"}
      {/if}
      <!--kalkulator payu--!>
      
    5. Odszukaj linie 176-178:
      {/if}
      </div>
      {/if}

      i dodaj za ostatnim znacznikiem jak wyżej kod:

      <!--kalkulator payu--!>
      {literal}
      <script type="text/javascript">
        var openpayu = openpayu || {};
        openpayu.options = { {/literal}
          creditAmount: {if $product->specialOffer}{$product->defaultStock->getSpecialOfferPrice()}{else} {$product->defaultStock->getPrice()}{/if},
         {literal} posId: 'XXXXXXXX',  
          key: 'YY',
          showLongDescription: true
        };
         OpenPayU.Installments.miniInstallment('#installment-mini');
        </script>{/literal}
        <!--koniec--!>
W miejsce wartości parametru posId wprowadź ID punktu płatności dla Twojego sklepu utworzone w PayU. Dla wartości key podaj pierwsze dwa znaki pierwszego klucza MD5 z PayU. Obie wartości znajdziesz w ustawieniach PayU w swoim sklepie, w sekcji Konfiguracja / Sprzedaż / Płatności.
  1. Zapisz zmiany wprowadzone do pliku product/index.tpl
  2. Dodaj poniższy kod do sekcji head w Konfiguracja / Integracje / Integracje własne:
    <script src="https://static.payu.com/res/v2/jquery.payu.min.js"></script>
    <script src="https://static.payu.com/res/v2/jquery-ui.payu.min.js"></script>
    <script src="https://static.payu.com/res/v2/jquery.i18n.payu.js"></script>
    <script src="https://static.payu.com/res/v2/jsrender.js"></script>
    <script src="https://static.payu.com/res/v2/openpayu-2.0.js"></script>
    <script src="https://static.payu.com/res/v2/widget-installments-2.1.js"></script>
    
  3. Dodaj nową frazę, która wyświetli opis wyliczenia ratalnego na karcie produktu w sekcji Konfiguracja / Ustawienia regionalne / Języki / Frazy:
    klucz: rata
    wartość: Symulacja została wykonana dla produktu podstawowego
  4. Dodaj poniższy kod do sekcji Konfiguracja / Wygląd / Aktywny styl graficzny / Własny styl CSS (na samym dole pliku).
    /*--Raty PayU--*/
    #installment-mini a {
         font-size: 14px !important;
    }
    .payu-widget-installments-mini-amount {
        margin-left: 9% !important;
        font-size: 15px;
        font-weight: bold;
        color: #a6c307;
    }
    /*--ramka--*/
    #installment-mini {
       box-shadow: 1px 2px 5px #a6c307;
    }
    #text {
        text-align: justify;
        font-size: 9px;
    }
    /*--Raty PayU--*/
  5. Ustaw edytowany styl graficzny jako aktywny w sklepie i, dla pewności, wyczyść pamięc cache (Konfiguracja / Administracja, system / Pamięć cache) sklepu.

Jeśli wszystko wykonałeś zgodnie z instrukcją, na karcie produktu tuż pod jego ceną pojawi się symulacja płatności ratalnych, a kliknięcie w nią wyświetli okno ze szczegółami płatności ratalnych.

Załóż własny sklep internetowy

Nieważne co i jak chcesz sprzedawać. eSklep od home.pl to idealne narzędzie do prowadzenia sprzedaży w Internecie.


  • Czy artykuł był pomocny ?
  • Tak   Nie

Tematy powiązane

Szukaj
Generic filters
Tylko dokładne dopasowania
Szukaj w tytułach
Szukaj w treści
Wyświetl posty typu:
lub