Aktualizowanie szablonów Liquid dla skryptów

Jeśli wykonujesz skrypty w sklepie online, musisz sprawdzić, w jaki sposób wpływają one na strony w witrynie Twojego sklepu. Wiele szablonów zawiera kod do obsługi skryptów, ale niektóre nie. Jeśli Twój szablon nie ma kodu, możesz go dodać.

Rozwiązywanie problemów

Większość problemów ze skryptami i szablonami dotyczy skryptów pozycji pojedynczych oferujących rabaty. Na przykład całkowita cena zamówienia jest poprawna, ale dla cen pozycji nie wyświetlają się rabaty. Klienci muszą wiedzieć, w jaki sposób obliczane są ich rabaty. Chcą widzieć pierwotną i obniżoną cenę, a także krótki opis rabatu. Jeśli którejś z tych informacji brakuje w koszyku, musisz dodać kod Liquid, aby się pojawiła.

Dobrym sposobem na sprawdzenie, w jaki sposób skrypt wpływa na Twoją witrynę sklepową, jest odwiedzenie sklepu w roli klienta i wykonanie działań uruchamiających skrypt.

Atrybuty obiektu Liquid

Poniższe listy zawierają atrybuty obiektu Liquid, które są zwykle potrzebne do obsługi skryptów w koszyku w Twoim sklepie:

Atrybuty obiektu koszyka:

• cart.total_discount
• cart.original_total_price

Atrybuty pozycji pojedynczych:

• line_item.discounts
• line_item.message
• line_item.original_price
• line_item.original_line_price
• line_item.total_discount

Obiekt skryptu:

• Obiekt skryptumoże służyć do zwracania informacji o aktywnych skryptach sklepu. Ten obiekt może być przydatny podczas debugowania skryptów.

Przykład

W poniższym przykładzie opisano zmiany, które można wprowadzić w szablonie cart.liquid w celu obsługi skryptu pozycji pojedynczych.

Przykładowy koszyk

Na przykład, jeśli Twój koszyk zawiera trzy pozycje:

• Piłka nożna

  • Ilość: 1
  • Cena jednostkowa: 15,00 zł

• Piłka tenisowa

  • Ilość: 5
  • Cena jednostkowa: 5,00 zł

• Buty do biegania

  • Ilość: 1
  • Cena jednostkowa: 30,00 zł

I opublikowałeś(-aś) skrypt, który stosuje następujące rabaty:

• 10% rabatu na dwie lub więcej piłek tenisowych
• 5 zł rabatu na wszystkie buty

Twój szabloncart.liquidmoże być prostą tabelą zawierającą pozycje i podsumowanie ich łącznych kwot:

class="cart">class="heading">产品QuantityTotalclass="line-items">{% for item in cart.items %}{{ item.product.title }}{{ item.quantity }}{{ item.line_price | money }}{% endfor %}class="summary">colspan="2">Total{{ cart.total_price | money }}< / tfoot >

Biorąc pod uwagę rabaty zastosowane przez skrypt, szablon ten tworzy poniższą tabelę dla Twojego koszyka:

Zaktualizuj pozycje pojedyncze

Aby wyświetlić rabaty zastosowane przez skrypt, musimy zaktualizować pozycje pojedyncze, aby wyświetlić trzy kluczowe informacje:

• cena pozycji przed rabatami
• cena pozycji po rabatach
• wiadomość z opisem rabatów, które zostały zastosowane.

W tym celu użyj następujących atrybutów obiektu Liquid:

• line_item.total_discountzwraca kwotę rabatu zastosowanego do pozycji
• line_item.original_line_pricezwraca cenę pozycji przed rabatami
• line_item.messagezwraca wiadomość opisującą rabaty, które zostały zastosowane do pozycji.

Dzięki zastosowaniu przekreślenia można lepiej odróżnić pierwotną cenę pozycji od obniżonej ceny pozycji:

class="line-items">{% for item in cart.items %}{{ item.product.title }}{{ item.quantity }}{{ item.line_price }} {% if item.total_discount > 0 %}{{ item.original_line_price }}( {{ item.message }} ) {% endif %}{% endfor %}

Twój koszyk powinien teraz wyglądać następująco:

Zaktualizuj podsumowanie koszyka

Aby pomóc klientowi śledzić cenę ich zamówienia, należy również pokazać:

• pierwotną sumę częściową koszyka, aby umożliwić klientom porównywanie sum przed i po rabacie
• łączną kwotę oszczędności dokonanych przez klienta przy zakupie produktów z koszyka.

Aby dodać te informacje, należy użyć poniższych atrybutów obiektu Liquid:

• cart.total_discountzwraca kwotę rabatu zastosowanego do pozycji w koszyku
• cart.original_total_pricezwraca sumę częściową koszyka przed rabatami.

Po uwzględnieniu tych informacji zaktualizowany blok.summarymoże wyglądać następująco:

class="summary">colspan="2">Subtotal{{ cart.original_total_price | money }}colspan="2">Discount Savings{{ cart.total_discount | money }}colspan="2">Total{{ cart.total_price | money }}< / tfoot >

Tabela koszyka powinna teraz wyglądać następująco:

Dodając kilka nowych obiektów Liquid do szablonów, możesz zapoznać swoich klientów ze sposobem obliczania ich rabatów.

Inne przykłady

Poniższy przykład Liquid pokazuje rabaty dla każdej pozycji:

{%ifitem.original_line_price!=item.line_price%}{{item.original_line_price|money}}{%endif%}{{item.line_price|money}}{%fordiscountinitem.discounts%}{{discount.title}}{%endfor%}

Zobacz innyprzykład rabatu, który zawiera zmiany kodu Liquid